/* ============================================
   WOOCOMMERCE MY ACCOUNT NAVIGATION

   version: 1.1
   ============================================ */

/* Style for the My Account navigation bar */
.woocommerce .woocommerce-MyAccount-navigation {
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Style for navigation list */
.woocommerce .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Style for each navigation item */
.woocommerce .woocommerce-MyAccount-navigation ul li {
    display: block;
}

/* Style for the links in navigation */
.woocommerce .woocommerce-MyAccount-navigation ul li a {
    font-size: 1.1rem;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    padding: 1rem;
    display: block;
    border-radius: 0.5rem;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Hover effect for links */
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #1e1b4b;
    color: #fff;
}

/* ============================================
   MY ACCOUNT CONTENT
   ============================================ */
.woocommerce-MyAccount-content input {
	width: 100%!important;
    padding: 0.75rem 1rem!important;
    border: 1px solid rgba(30, 27, 75, 0.20)!important;
    font-family: Georgia, serif!important;
    outline: none!important;
    transition: all 0.3s ease!important;
    font-size: 1rem!important;
    border-radius: 0.5rem!important;
}

.woocommerce .woocommerce-MyAccount-content button.woocommerce-Button.button {
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

/* Focus effects */
.woocommerce-MyAccount-content input:focus {
    outline: none!important;
    border-color: #c8b3d0;
    box-shadow: 0 0 0 3px rgba(200, 179, 208, 0.5)!important;
    transition: border-color 150ms ease, box-shadow 150ms ease!important;
}
/* Style for My Account content area */
.woocommerce .woocommerce-MyAccount-content {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Style for content headings */
.woocommerce .woocommerce-MyAccount-content h2,
.woocommerce .woocommerce-MyAccount-content h3 {
    font-size: 1.5rem;
    color: #1e1b4b;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

/* Paragraphs inside My Account content */
.woocommerce .woocommerce-MyAccount-content p {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

/* ============================================
   BUTTONS IN MY ACCOUNT PAGE
   ============================================ */

/* Style for buttons in My Account page */
.woocommerce .woocommerce-MyAccount-content .button,
.wc-block-components-checkout-place-order-button {
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    font-size: 1.1rem;
    border-radius: 6px;
    background-color: #1e1b4b;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease!important;
    display: inline-block!important;
     width: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    height: auto !important;
    line-height: 1.5 !important;
}

/* Hover effect for buttons */
.woocommerce .woocommerce-MyAccount-content .button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: #34315d;
    transform: translateY(-3px);
	color: #ffffff;
}

.woocommerce-account .addresses .title .edit {
    float: none;
}

/* Active button state */
.woocommerce .woocommerce-MyAccount-content .button:active {
    background-color: #003d80;
    transform: translateY(-1px);
}

/* ============================================
   STYLING LINKS IN MY ACCOUNT
   ============================================ */

/* Style for anchor tags inside My Account content */
.woocommerce .woocommerce-MyAccount-content a {
    color: #cd4bff;
    text-decoration: underline;
	text-decoration-color: #1e1b4b;
    font-weight: 500;
    transition: color 0.3s ease;
}

/* Hover effect for links */
.woocommerce .woocommerce-MyAccount-content a:hover {
    color: #34315d;
}

.woocommerce-info {
    border-top-color: #c8b3d0;
}

.woocommerce-info::before {
    color: #1e1b4b;
}
/* ============================================
   RESPONSIVE STYLES
   ============================================ */

/* Stack navigation links vertically on small screens */
@media (max-width: 768px) {
    .woocommerce .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }

    .woocommerce .woocommerce-MyAccount-navigation ul li a {
        text-align: center;
    }

    .woocommerce .woocommerce-MyAccount-content .button {
        width: 100%;
        margin-top: 1rem;
    }
}

/* Checkout */
.wp-block-woocommerce-checkout a {
	color: #c082d5!important;
	text-decoration: underline!important;
	text-decoration-color: #1e1b4b!important;
}

.wp-block-woocommerce-checkout a:hover {
	color: #34315d!important; 
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label,
.wc-blocks-components-select .wc-blocks-components-select__label {
	color: #a378b4;
	font-weight: 600;
}

/* Targeting individual input types */
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
    width: 100% !important;
    border: 1px solid rgba(30, 27, 75, 0.20) !important;
    font-family: Georgia, serif !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    font-size: 1rem !important;
    border-radius: 0.5rem !important;
}

/* Focus styles for inputs and select */
.wc-block-components-form .wc-block-components-text-input input[type="text"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="email"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
    outline: none !important;
    border-color: #c8b3d0;
    box-shadow: 0 0 0 3px rgba(200, 179, 208, 0.5) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

/* CART */
.wc-block-cart .wc-block-cart__submit-container {
    font-weight: 500!important;
    font-size: 1.1rem!important;
    border-radius: 4px!important;
    background-color: #1e1b4b!important;
    color: #fff!important;
    text-decoration: none!important;
    transition: background-color .15s ease!important;
    display: inline-block!important;
	height: 48px!important;
	width: 100%!important;
	max-height: 64px!important;
    min-height: 32px!important;
}

.wc-block-cart .wc-block-cart__submit-container:hover{
    background-color: #34315d!important;
	color: #ffffff!important;
}

.wc-block-cart .wc-block-cart__submit-container:active {
    background-color: #003d80!important;
}

.wc-block-cart .wc-block-cart__submit-container a {
	text-decoration: none!important;
	color: white!important;
}

/* ── Mani Kursi ───────────────────────────── */
.wc-courses-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-virsraksts, #1e1b4b);
}

.wc-courses-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--color-virsraksts, #1e1b4b);
}

.wc-courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

.wc-course-card__thumb-wrap {
    overflow: hidden;
    border-radius: 0.5rem 0.5rem 0 0;
}

.wc-course-card {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(30,27,75,0.15);
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    background: #fff;
    display: flex;
    flex-direction: column;
}

.wc-course-card__thumb {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    transition-duration: 500ms;
    transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wc-course-card__thumb:hover {
    transform: scale(1.05);
}

.wc-course-card__thumb--expired {
    filter: grayscale(80%) opacity(0.6);
}

.wc-course-card__body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.wc-course-card__body h4 {
    font-size: 1rem!important;
    font-weight: 700;
    color: #1e1b4b;
    margin: 0;
}

.wc-course-card__meta {
    font-size: 0.85rem;
    color: #555;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wc-course-card__badge {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.wc-course-card__badge--active  { background: #dcfce7; color: #166534; }
.wc-course-card__badge--expired { background: #fee2e2; color: #991b1b; }

.wc-course-card__btn {
    margin-top: auto;
    display: inline-block;
    text-align: center;
}

.wc-course-card--expired {
    opacity: 0.85;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #1e1b4b!important;
}


/* ============================================
   PROFILS — PILNĪGA RESPONSIVITĀTE
   version: 1.2 — pievienot faila beigās
   ============================================ */

/* 1. IZKĀRTOJUMS — flexbox aizstāj WC float ----------------- */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;   /* nav nestiepjas līdz satura augstumam */
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: auto !important;
    flex: 0 0 260px;
    margin-bottom: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    flex: 1 1 320px;
    min-width: 0;              /* SVARĪGI — novērš tabulu overflow */
}

/* MOBILS — viss vienā kolonnā */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 1.25rem;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 1 100%;
        width: 100% !important;
    }
    .woocommerce .woocommerce-MyAccount-content {
        padding: 1.25rem;     /* mazāk paddingu telefonā */
    }
}

/* 2. TABULAS (abonements / maksājumu vēsture) --------------- */
.woocommerce-MyAccount-content .shop_table {
    width: 100%;
    border-collapse: collapse;
}
@media (max-width: 600px) {
    .woocommerce-MyAccount-content .shop_table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;   /* gluda ritināšana iOS */
    }
    .woocommerce-MyAccount-content .shop_table th,
    .woocommerce-MyAccount-content .shop_table td {
        font-size: 0.85rem;
        padding: 0.5rem 0.65rem;
    }
}

/* 3. KARŠU REŽĢIS — mazie ekrāni --------------------------- */
@media (max-width: 480px) {
    .wc-courses-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Pogas kartēs vienmēr pilnā platumā (pārraksta .button width:auto) */
.wc-course-card__btn {
    width: 100% !important;
}

/* 4. MODĀĻI (inline-styled PHP) — mobilā korekcija ---------- */
@media (max-width: 600px) {
    [id^="asg-course-modal-"] {
        padding: 0.5rem !important;
    }
    [id^="asg-course-modal-"] > div {
        max-width: 100% !important;
        border-radius: 1rem !important;
    }
    /* modāļa satura/video bloks */
    [id^="asg-course-modal-"] > div > div:last-child {
        padding: 1rem !important;
    }
    /* modāļa header virsraksts */
    [id^="asg-course-modal-"] h2 {
        font-size: 0.95rem !important;
    }
}