/* ── My Account – Auth tabs ─────────────────────────────── */

/* Hide Flatsome's default my-account header on the login page */
.woocommerce-account:not(.logged-in) .my-account-header {
    display: none;
}

.av-auth {
    max-width: 680px;
    margin: 60px auto 40px;
    text-align: center;
}

/* ── Tabs ──────────────────────────────────────────────── */
.av-auth__tabs {
    display: flex;
    background: #f5f9f6;
    border-radius: 999px;
    padding: 4px;
    margin-bottom: 36px;
}
.av-auth__tab {
    flex: 1;
    justify-content: center;
    padding: 12px 0;
    margin: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
    color: inherit;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: inherit;
}
.av-auth__tab--active {
    background: #fff;
    color: var(--fs-color-base);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ── Headings ──────────────────────────────────────────── */
.av-auth__title {
    margin: 0 0 8px;
}
.av-auth__subtitle {
    font-size: 15px;
    color: inherit;
    margin: 0 0 32px;
}

/* ── Panels ────────────────────────────────────────────── */
.av-auth__panel {
    display: none;
}
.av-auth__panel--active {
    display: block;
}

/* ── Fields ────────────────────────────────────────────── */
.av-auth__field {
    position: relative;
    margin-bottom: 16px;
}
.av-auth__field input.input-text {
    width: 100%;
    border: 1.5px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    padding: 14px 48px 14px 48px;
    margin-bottom: 0;
    font-size: 15px;
    background: #fff;
    transition: border-color 0.2s;
    height: auto;
    box-shadow: none;
    color: var(--fs-color-base);
}
.av-auth__field input.input-text:focus {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}
.av-auth__field input.input-text::placeholder {
    color: inherit;
}
.av-auth__icon {
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    width: 16px;
    z-index: 2;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.av-auth__icon svg {
    display: block;
    width: 16px;
    height: 16px;
}

/* WC auto-injects its own .show-password-input button next to every
   password field. Hide it so our designed .av-auth__eye is the only toggle. */
.av-auth .show-password-input,
.av-auth .password-input > .show-password-input {
    display: none !important;
}

/* ── Eye toggle ────────────────────────────────────────── */
.av-auth__eye {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: none;
    border: none;
    padding: 0 4px;
    margin: 0;
    cursor: pointer;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.av-auth__eye svg {
    display: block;
    width: 20px;
    height: 20px;
}
.av-auth__eye:hover {
    color: inherit;
}

/* ── Remember / Forgot row ─────────────────────────────── */
.av-auth__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    font-size: 14px;
}
.av-auth__remember {
    display: flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    cursor: pointer;
}
.av-auth__remember input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 1.5px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    margin: 0;
}
.av-auth__forgot {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}
.av-auth__forgot:hover {
    color: var(--primary-color); filter: brightness(0.9);
    text-decoration: underline;
}

/* ── Submit button ─────────────────────────────────────── */
.av-auth__submit {
    width: 100%;
    justify-content: center;
    padding: 16px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}
.av-auth__submit:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

/* ── Divider ───────────────────────────────────────────── */
.av-auth__divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
    color: inherit;
    font-size: 14px;
}
.av-auth__divider::before,
.av-auth__divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,0.1);
}

/* ── Social login ──────────────────────────────────────── */
.av-auth__social {
    margin-bottom: 24px;
}
.av-auth__social a,
.av-auth__social .nsl-container-buttons a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px;
    border: 1.5px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    color: var(--fs-color-base);
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s;
    box-shadow: none !important;
}
.av-auth__social a:hover,
.av-auth__social .nsl-container-buttons a:hover {
    border-color: rgba(0,0,0,0.15);
    background: rgba(0,0,0,0.02);
}
/* Reset Nextend's default button styling inside our wrapper */
.av-auth__social .nsl-container {
    margin: 0 !important;
}
.av-auth__social .nsl-container-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Back link ─────────────────────────────────────────── */
.av-auth__back {
    display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: inherit;
    text-decoration: none;
}
.av-auth__back:hover {
    color: inherit;
}

/* ── Note (generated password message) ─────────────────── */
.av-auth__note {
    font-size: 14px;
    color: inherit;
    margin-bottom: 20px;
}

/* ── WooCommerce notices inside auth ───────────────────── */
.av-auth .woocommerce-notices-wrapper:not(:empty) {
    margin-bottom: 20px;
    text-align: left;
}

/* ── Terms checkbox (from WC privacy / terms) ──────────── */
.av-auth .woocommerce-privacy-policy-text {
    font-size: 13px;
    color: inherit;
    margin-bottom: 20px;
    text-align: left;
}
.av-auth .woocommerce-privacy-policy-text a {
    color: var(--primary-color);
}

/* ── Hide default WC labels (we use placeholders) ──────── */
.av-auth .woocommerce-form-row > label,
.av-auth .form-row > label:not(.av-auth__remember):not(.woocommerce-form__label-for-checkbox) {
    display: none;
}
/* Keep checkbox labels visible */
.av-auth .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: inherit;
    text-align: left;
    margin-bottom: 20px;
}
.av-auth .woocommerce-form__label-for-checkbox a {
    color: var(--primary-color);
}

/* ── WC form-row resets ────────────────────────────────── */
.av-auth .woocommerce-form-row,
.av-auth .form-row {
    padding: 0;
    margin: 0 0 16px;
}
.av-auth .woocommerce-form-row input.input-text {
    width: 100%;
    border: 1.5px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    padding: 14px 16px;
    font-size: 15px;
    height: auto;
}
.av-auth .woocommerce-form-row input.input-text:focus {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}

/* WC's auto-injected strength meter + hint sit INSIDE .av-auth__field,
   inflating its height. Since the lock and eye are absolutely positioned
   at top:50%, that taller box shoves them below the input. We rely on
   our static hint text + the layout breaks without this — keep hidden. */
.av-auth .woocommerce-password-strength,
.av-auth .woocommerce-password-hint {
    display: none !important;
}

/* ── Register form: sectioned layout ───────────────────── */
.av-auth__form {
    text-align: left;
}
.av-auth__section-title {
    font-size: 12px;
    font-weight: 600;
    color: #94a3a3;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 28px 0 14px;
    text-align: left;
}
.av-auth__form > .av-auth__section-title:first-of-type,
.av-auth__form .woocommerce-form-row + .av-auth__section-title:first-of-type {
    margin-top: 4px;
}
.av-auth__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}
.av-auth__grid .av-auth__field {
    margin-bottom: 0;
}
.av-auth__field--no-icon input.input-text {
    padding-left: 22px;
}
.av-auth__field--no-icon .av-auth__icon {
    display: none;
}

.av-auth__select {
    width: 100%;
    border: 1.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 14px 40px 14px 20px;
    font-size: 15px;
    color: var(--fs-color-base);
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    appearance: none;
    -webkit-appearance: none;
    height: auto;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.av-auth__select:focus {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}

.av-auth__hint {
    font-size: 13px;
    color: #94a3a3;
    margin: 8px 0 16px;
    text-align: left;
}

.av-auth__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: var(--fs-color-base);
    text-align: left;
    margin: 0 0 12px;
    cursor: pointer;
}
.av-auth__check input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.av-auth__check span {
    flex: 1;
    line-height: 1.45;
}
.av-auth__check a {
    color: var(--primary-color);
    text-decoration: none;
}
.av-auth__check a:hover {
    text-decoration: underline;
}
.av-auth__form .av-auth__check:last-of-type {
    margin-bottom: 24px;
}

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 600px) {

    .av-auth__title {
        font-size: 24px;
    }
    .av-auth__grid {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════════════════════════════════════════
   My Account – Logged-in dashboard
   ═══════════════════════════════════════════════════════════ */

.woocommerce-account.logged-in .my-account-header {
    display: none;
}

.woocommerce-account.logged-in #main,
.woocommerce-account.logged-in #wrapper {
    background: #f5f5f3;
}
.woocommerce-account.logged-in .page-wrapper.my-account {
    padding: 32px 0 64px;
    background: transparent;
}

/* ── Grid layout: header card on top, sidebar + main below ── */
.woocommerce-account.logged-in .row.vertical-tabs {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-template-areas:
        "header  header"
        "sidebar main";
    gap: 24px;
    margin: 0;
    max-width: none;
}
/* Flatten ONLY the sidebar column so .account-user + nav become grid items.
   Keep .large-9.col as the actual grid item for the main card. */
.woocommerce-account.logged-in .row.vertical-tabs > .large-3.col {
    display: contents;
}
.woocommerce-account.logged-in .row.vertical-tabs > .large-9.col {
    grid-area: main;
    flex: none;
    max-width: none;
    padding: 32px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    min-height: 480px;
}
/* Strip Flatsome's right border on the sidebar column wrapper (display:contents
   removes it from layout but keep the rule explicit for any fallback). */
.woocommerce-account.logged-in .row.vertical-tabs > .col-border {
    border: none;
    box-shadow: none;
}

/* ── Top welcome card (account-user.php override) ─────────── */
.woocommerce-account.logged-in .account-user {
    grid-area: header;
    background: #fff;
    border-radius: 16px;
    padding: 24px 32px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.av-account-user__avatar {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #E9F1EA;
    color: #92c096;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.av-account-user__text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
    gap: 2px;
}
.av-account-user__greeting {
    font-size: 13px;
    font-weight: 400;
    color: #94a3a3;
}
.av-account-user__name {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.005em;
    line-height: 1.2;
}
.av-account-user__email {
    font-size: 14px;
    color: #94a3a3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Sidebar navigation card ──────────────────────────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    grid-area: sidebar;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    align-self: start;
}
.woocommerce-account.logged-in .account-nav,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
    margin: 0 0 4px !important;
    border: none !important;
    padding: 0 !important;
    list-style: none;
    background: transparent !important;
    display: block;
    width: 100%;
}
/* Kill Flatsome's row-divider between vertical nav items */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li + li {
    border-top: none !important;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    gap: 0;
    padding: 12px 16px 12px 46px !important;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #475569 !important;
    text-decoration: none;
    border: none !important;
    transition: background 0.18s ease, color 0.18s ease;
    line-height: 1.2;
    text-transform: none !important;
    letter-spacing: 0;
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-color: transparent;
    width: 100%;
    box-sizing: border-box;
}
/* Suppress Flatsome's nav-line / nav-tabs pseudo elements that draw the
   active-edge stripe and underline — they conflict with our pill style. */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::after {
    content: none !important;
    display: none !important;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
    background-color: #E9F1EA;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.active > a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.current > a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li > a[aria-current="page"] {
    background-color: #E9F1EA !important;
    color: #2f6b3a !important;
    font-weight: 500;
}
/* Override Flatsome's active-row tint so the pill is the only highlight */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.active,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.current {
    background: transparent !important;
}

/* Menu item icons – set via background-image on the <a> itself */
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--dashboard a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--dashboard.active a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--dashboard a[aria-current="page"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232f6b3a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--orders a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21 8 12 3 3 8v8l9 5 9-5z'/><path d='M3 8l9 5 9-5'/><path d='M12 13v8'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--orders.is-active a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--orders.active a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--orders a[aria-current="page"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232f6b3a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21 8 12 3 3 8v8l9 5 9-5z'/><path d='M3 8l9 5 9-5'/><path d='M12 13v8'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--downloads a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--wishlist a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--favourites a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--priljubljeni a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>");
}
/* Affiliate program (link to the YITH dashboard page; never "active" here) */
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--affiliate-program a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--edit-address a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--payment-methods a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><rect x='2' y='5' width='20' height='14' rx='2'/><line x1='2' y1='10' x2='22' y2='10'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--edit-account a,
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--nastavitve a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 0 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 0 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 0 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 0 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/></svg>");
}
/* Logout – red */
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #EF4444CC !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23EF4444CC' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><polyline points='16 17 21 12 16 7'/><line x1='21' y1='12' x2='9' y2='12'/></svg>");
}
.woocommerce-account.logged-in #my-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: rgba(239, 68, 68, 0.08);
}

/* ── Main content (inside the .large-9.col card) ─────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    background: transparent;
    padding: 0;
    box-shadow: none;
}
.woocommerce-account.logged-in .row.vertical-tabs > .large-9.col > .woocommerce {
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content h1,
.woocommerce-account.logged-in .woocommerce-MyAccount-content h2,
.woocommerce-account.logged-in .woocommerce-MyAccount-content > header h1,
.woocommerce-account.logged-in .woocommerce-MyAccount-content > header h2 {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 24px;
    text-transform: none;
    letter-spacing: -0.01em;
}

/* ── Dashboard heading (rendered by dashboard.php) ──────── */
.woocommerce-account.logged-in .av-dashboard__title {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 24px;
    letter-spacing: -0.01em;
    text-transform: none;
}

/* ── Stat cards: orders + wishlist ──────────────────────── */
.av-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0 0 32px;
}
.av-dashboard-stat {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 22px 24px 24px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px;
    background: #fafdf8;
    text-decoration: none;
    transition: border-color 0.18s ease, background 0.18s ease;
    min-height: 140px;
}
.av-dashboard-stat:hover {
    border-color: rgba(146, 192, 150, 0.45);
    background: #f3faf0;
}
.av-dashboard-stat__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #e6f1e3;
    color: #6aa676;
    flex: 0 0 36px;
}
.av-dashboard-stat--wishlist {
    background: #fff7f3;
}
.av-dashboard-stat--wishlist:hover {
    background: #ffeee6;
    border-color: rgba(245, 159, 134, 0.45);
}
.av-dashboard-stat--wishlist .av-dashboard-stat__icon {
    background: #fce8e3;
    color: #f59f86;
}
.av-dashboard-stat__value {
    font-size: 32px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1;
    letter-spacing: -0.02em;
}
.av-dashboard-stat__label {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    margin-top: -16px;
}

/* ── Recent orders block ────────────────────────────────── */
.av-dashboard-recent {
    margin: 0;
}
.av-dashboard-recent__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}
.av-dashboard-recent__title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    text-transform: none;
    letter-spacing: -0.01em;
}
.av-dashboard-recent__more {
    font-size: 14px;
    font-weight: 500;
    color: #6aa676;
    text-decoration: none;
    white-space: nowrap;
}
.av-dashboard-recent__more:hover {
    color: #2f6b3a;
}
.av-dashboard-recent__more span {
    margin-left: 4px;
}
.av-dashboard-recent__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin: 0;
}
.av-dashboard-recent__table thead th {
    background: #f3f7f0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.06em;
    color: #64748b;
    font-weight: 600;
    padding: 12px 20px;
    border: none;
    text-align: left;
}
.av-dashboard-recent__table thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.av-dashboard-recent__table thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.av-dashboard-recent__table tbody td {
    padding: 18px 20px;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #0f172a;
    background: #fff;
    vertical-align: middle;
}
.av-dashboard-recent__table tbody tr:last-child td {
    border-bottom: none;
}
.av-dashboard-recent__num a {
    color: #0f172a;
    font-weight: 500;
    text-decoration: none;
}
.av-dashboard-recent__num a:hover {
    color: #6aa676;
}
.av-dashboard-recent__date {
    color: #94a3a3;
}
.av-dashboard-recent__amount {
    font-weight: 500;
}

/* Status pills (shared between dashboard.php + WC orders table) */
.av-status-pill,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    background: #e6f1e3;
    color: #2f6b3a;
}
.av-status-pill--processing,
.av-status-pill--on-hold,
.av-status-pill--pending {
    background: #fdf1d8;
    color: #b07512;
}
.av-status-pill--cancelled,
.av-status-pill--failed,
.av-status-pill--refunded {
    background: #fce8e3;
    color: #c64a2e;
}

/* ── Recent orders heading + table on dashboard ──────────── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 15px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead th,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders thead th {
    background: #f3f7f0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.06em;
    color: #64748b;
    font-weight: 600;
    padding: 14px 20px;
    border: none;
    text-align: left;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead th:first-child,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table thead th:last-child,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody td,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .my_account_orders tbody td {
    padding: 18px 20px;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #0f172a;
    background: #fff;
    vertical-align: middle;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:last-child td {
    border-bottom: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
    color: #0f172a;
    font-weight: 500;
    text-decoration: none;
}

/* Status pills */
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    background: #e6f1e3;
    color: #2f6b3a;
    line-height: 1.4;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-processing,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-on-hold,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-pending {
    background: #fdf1d8;
    color: #b07512;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-cancelled,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-failed,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .order-status.status-refunded {
    background: #fce8e3;
    color: #c64a2e;
}

/* Hide the default action button column to keep table clean like the mock */
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__header-order-actions,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
    display: none;
}

/* ═══════════════════════════════════════════════════════════
   Orders endpoint – card list + search + filters (orders.php)
   ═══════════════════════════════════════════════════════════ */

.av-orders__toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0 0 24px;
}

/* Search input with leading icon */
.av-orders__search {
    position: relative;
    flex: 1 1 320px;
    min-width: 240px;
}
.av-orders__search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3a3;
    pointer-events: none;
}
.av-orders__search-input {
    width: 100% !important;
    padding: 13px 18px 13px 46px !important;
    border: 1.5px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    background: #fff;
    color: #0f172a !important;
    box-shadow: none;
    height: auto !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
    font-family: inherit;
	margin: 0 !important;
}
.av-orders__search-input:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}
.av-orders__search-input::placeholder {
    color: #94a3a3;
}

/* Status filter pills */
.av-orders__filters {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.av-orders__filter {
    display: inline-flex;
    align-items: center;
    padding: 10px 22px;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.2;
    transition: background 0.18s ease, color 0.18s ease;
    border: none;
}
.av-orders__filter:hover {
    background: rgba(146, 192, 150, 0.12);
    color: #0f172a;
}
.av-orders__filter.is-active {
    background: var(--primary-color);
    color: #fff;
}

/* Order card list */
.av-orders__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.av-orders__item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.av-orders__card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 24px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.av-orders__card:hover {
    border-color: rgba(146, 192, 150, 0.5);
    background: #fafdf8;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}
.av-orders__icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e6f1e3;
    color: #6aa676;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.av-orders__main {
    flex: 1;
    min-width: 0;
}
.av-orders__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.av-orders__number {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0;
}
.av-orders__meta {
    font-size: 14px;
    color: #94a3a3;
    line-height: 1.4;
}
.av-orders__total {
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    flex: 0 0 auto;
}

/* Empty state */
.av-orders__empty {
    padding: 32px 0;
    text-align: center;
    color: #94a3a3;
    font-size: 15px;
}

/* Dark pill paginator */
.av-orders__pagination {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #0f172a;
    border-radius: 999px;
    padding: 6px;
    margin: 32px auto 0;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}
.av-orders > .av-orders__pagination {
    display: flex;
    width: max-content;
}
.av-orders__page-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: background 0.15s ease, opacity 0.15s ease;
}
.av-orders__page-arrow:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.av-orders__page-arrow.is-disabled {
    opacity: 0.3;
    pointer-events: none;
}
.av-orders__page-counter {
    padding: 0 14px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 32px;
    white-space: nowrap;
}

/* Mobile: stack toolbar */
@media (max-width: 600px) {
    .av-orders__toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .av-orders__filters {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .av-orders__card {
        flex-wrap: wrap;
        padding: 16px 18px;
    }
    .av-orders__total {
        flex: 1 1 100%;
        text-align: right;
    }
}

/* ── Orders endpoint: kill horizontal overflow on narrow viewports ── */
@media (max-width: 849px) {
    /* Every orders wrapper must be allowed to shrink and capped to its
       parent. Without these, the search input's 240px min-width and the
       pagination's width:max-content force the layout wider than the card. */
    .av-orders,
    .av-orders__toolbar,
    .av-orders__search,
    .av-orders__filters,
    .av-orders__list,
    .av-orders__card {
        min-width: 0;
        max-width: 100%;
    }
    /* Drop the 240px floor so the search input shrinks with the card. */
    .av-orders__search {
        flex: 1 1 100%;
        min-width: 0;
    }
    .av-orders__search-input {
        max-width: 100%;
    }
    /* Pagination: was width:max-content, would push the parent wider when
       there are many page links. Let it size to its content but never wider
       than the card. */
    .av-orders > .av-orders__pagination,
    .av-orders__pagination {
        width: auto;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    /* Order card text columns must be allowed to shrink so long order
       numbers / customer names don't push the card wider than the viewport. */
    .av-orders__main {
        min-width: 0;
    }
    .av-orders__number,
    .av-orders__meta {
        overflow-wrap: anywhere;
        min-width: 0;
    }
}

/* ── Shared content heading (rendered in PHP for translatability) ─── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content .av-account__title,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .av-dashboard__title {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 24px;
    letter-spacing: -0.01em;
    text-transform: none;
    line-height: 1.2;
}

/* WooCommerce orders list pagination */
.woocommerce-account.logged-in .woocommerce-pagination {
    margin-top: 24px;
}
.woocommerce-account.logged-in .woocommerce-pagination ul {
    display: inline-flex;
    gap: 6px;
    border: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-account.logged-in .woocommerce-pagination ul li {
    border: none;
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-pagination ul a,
.woocommerce-account.logged-in .woocommerce-pagination ul span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    background: #f3f7f0;
    color: #475569;
    font-weight: 500;
    text-decoration: none;
    border: none;
}
.woocommerce-account.logged-in .woocommerce-pagination ul span.current {
    background: #92c096;
    color: #fff;
}

/* ═══════════════════════════════════════════════════════════
   Settings form (form-edit-account.php) – unified settings UI
   ═══════════════════════════════════════════════════════════ */

.av-settings__section {
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.av-settings__section:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 16px;
}
.av-settings__section-head {
    margin: 0 0 18px;
}
.av-settings__section-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px;
    text-transform: none;
    letter-spacing: -0.005em;
    line-height: 1.3;
}
.av-settings__section-desc {
    margin: 0;
    color: #94a3a3;
    font-size: 14px;
    line-height: 1.45;
}

.av-settings__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 16px;
}
.av-settings__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.av-settings__field--full {
    grid-column: 1 / -1;
}
.av-settings__field--half {
    grid-column: span 1;
}
.av-settings__field label {
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    margin: 0;
}
.av-settings__field input,
.av-settings__field select {
    width: 100%;
    border: 1.5px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    background: #fff;
    color: #0f172a;
    height: auto;
    line-height: 1.3;
    box-shadow: none;
    font-family: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.av-settings__field input:focus,
.av-settings__field select:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}
.av-settings__field select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg>");
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-right: 40px;
}

/* Action buttons */
.av-settings__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.av-settings__save,
.av-settings__cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    line-height: 1;
}
.av-settings__save {
    background: var(--primary-color);
    color: #fff;
	margin-bottom: 0;
}
.av-settings__save:hover {
    filter: brightness(0.95);
    color: #fff;
}
.av-settings__cancel {
    background: #fff;
    color: #0f172a;
    border: 1.5px solid rgba(15, 23, 42, 0.12);
}
.av-settings__cancel:hover {
    border-color: rgba(15, 23, 42, 0.25);
    color: #0f172a;
}

@media (max-width: 600px) {
    .av-settings__grid {
        grid-template-columns: 1fr;
    }
    .av-settings__field--half {
        grid-column: 1 / -1;
    }
}

/* ── Edit-account / edit-address forms (legacy fallbacks) ── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset legend {
    padding: 0 8px;
    font-weight: 600;
    color: #0f172a;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text {
    width: 100%;
    border: 1.5px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    background: #fff;
    height: auto;
    box-shadow: none;
    color: #0f172a;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text:focus {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(146, 192, 150, 0.15);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="submit"].button {
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 22px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 849px) {
    .woocommerce-account.logged-in .row.vertical-tabs {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "sidebar"
            "main";
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        align-self: stretch;
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        padding: 24px;
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-content .dashboard-links {
        grid-template-columns: 1fr;
    }
}

/* ── Mobile: prevent horizontal overflow ──────────────────── */
@media (max-width: 849px) {
    /* The page-wrapper has padding: 32px 0; — add side gutters so the
       grid (max-width:none) doesn't run edge-to-edge with no breathing room. */
    .woocommerce-account.logged-in .page-wrapper.my-account {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* Grid items default to min-width:auto (= min-content). Wide content
       like the recent-orders table or long emails would then push the
       whole grid wider than the viewport. Force shrink. */
    .woocommerce-account.logged-in .row.vertical-tabs > .large-9.col,
    .woocommerce-account.logged-in .account-user,
    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        min-width: 0;
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        min-width: 0;
        max-width: 100%;
    }
    /* Wide tables must scroll inside their CARD (not their TABLE — overflow
       on a <table> is a no-op). Apply to the wrapping <section> WC renders. */
    .woocommerce-account.logged-in .av-dashboard-recent,
    .woocommerce-account.logged-in .woocommerce-order-details,
    .woocommerce-account.logged-in .woocommerce-customer-details {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        min-width: 0;
        max-width: 100%;
    }
    /* tfoot cells were forced to a single line which makes long values like
       "Neposredna bančna transakcija" or "112,01 € (vključuje 20% DDV)" push
       the table wider than the viewport. Let them wrap on narrow screens. */
    .woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr th,
    .woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr td,
    .woocommerce-account.logged-in .shop_table.order_details tfoot tr th,
    .woocommerce-account.logged-in .shop_table.order_details tfoot tr td,
    .woocommerce-account.logged-in .woocommerce-table--order-details .product-total,
    .woocommerce-account.logged-in .shop_table.order_details .product-total {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 600px) {
    /* Tighter card padding on phones */
    .woocommerce-account.logged-in .row.vertical-tabs > .large-9.col {
        padding: 20px;
        border-radius: 12px;
    }
    /* .woocommerce-MyAccount-content sits INSIDE .large-9.col which already
       provides padding. Reset it to 0 so we don't get doubled gutters. */
    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        padding: 0;
    }
    .woocommerce-account.logged-in .account-user {
        padding: 18px 20px;
        gap: 14px;
        border-radius: 12px;
    }
    .av-account-user__avatar {
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
    }
    .av-account-user__name {
        font-size: 18px;
    }
    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        padding: 12px;
        border-radius: 12px;
    }
    /* Stack stat cards on phones */
    .av-dashboard-stats {
        grid-template-columns: 1fr;
    }
    /* Recent orders header wraps cleanly */
    .av-dashboard-recent__head {
        flex-wrap: wrap;
    }

    /* ── Orders endpoint (/moj-racun/orders/) ──────────────── */
    .av-orders__card {
        padding: 14px 16px;
        gap: 14px;
    }
    .av-orders__icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }
    .av-orders__number {
        font-size: 15px;
    }
    .av-orders__meta {
        font-size: 13px;
    }
    .av-orders__total {
        font-size: 15px;
    }
    .av-orders__pagination {
        margin: 24px auto 0;
        max-width: 100%;
    }

    /* ── View-order endpoint (/moj-racun/view-order/N/) ───── */
    .av-view-order__header {
        gap: 8px;
        margin-bottom: 20px;
    }
    .av-view-order__notes {
        padding: 14px 16px;
    }
    .woocommerce-account.logged-in .woocommerce-table--order-details thead th,
    .woocommerce-account.logged-in .shop_table.order_details thead th {
        padding: 12px 14px;
        font-size: 11px;
    }
    .woocommerce-account.logged-in .woocommerce-table--order-details tbody td,
    .woocommerce-account.logged-in .shop_table.order_details tbody td {
        padding: 14px;
    }
    .woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr th,
    .woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr td,
    .woocommerce-account.logged-in .shop_table.order_details tfoot tr th,
    .woocommerce-account.logged-in .shop_table.order_details tfoot tr td {
        padding: 10px 14px;
        font-size: 13px;
    }

    /* ── Settings / edit-account endpoint ──────────────────── */
    .woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset {
        padding: 16px;
    }
    .av-settings__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .av-settings__save,
    .av-settings__cancel {
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════
   View order endpoint (view-order.php + WC order partials)
   ═══════════════════════════════════════════════════════════ */

.av-view-order__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 12px;
    color: #6aa676;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
.av-view-order__back:hover {
    color: #2f6b3a;
}

.av-view-order__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0 0 28px;
}
.av-view-order__heading .av-account__title {
    margin: 0 0 6px;
}
.av-view-order__meta {
    font-size: 14px;
    color: #94a3a3;
}
.av-view-order__header .av-status-pill {
    margin-top: 8px;
    flex-shrink: 0;
}

.av-view-order__notes {
    margin: 0 0 28px;
    padding: 18px 20px;
    background: #fafdf8;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px;
}
.av-view-order__section-title {
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 12px;
    text-transform: none;
    letter-spacing: 0;
}
.av-view-order__notes-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.av-view-order__note {
    margin: 0;
    padding: 0;
    list-style: none;
}
.av-view-order__note-date {
    display: block;
    font-size: 13px;
    color: #94a3a3;
    margin-bottom: 4px;
}
.av-view-order__note-body p {
    margin: 0;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.5;
}

/* ── Order details table (WC partial: order-details.php) ── */
.woocommerce-account.logged-in .woocommerce-order-details {
    margin: 0 0 32px;
}
.woocommerce-account.logged-in .woocommerce-order-details__title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    text-transform: none;
    letter-spacing: -0.01em;
}
.woocommerce-account.logged-in .woocommerce-table--order-details,
.woocommerce-account.logged-in .shop_table.order_details {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    overflow: hidden;
    font-size: 15px;
    background: #fff;
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-table--order-details thead th,
.woocommerce-account.logged-in .shop_table.order_details thead th {
    background: #f3f7f0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.06em;
    color: #64748b;
    font-weight: 600;
    padding: 14px 20px;
    border: none;
    text-align: left;
}
.woocommerce-account.logged-in .woocommerce-table--order-details tbody td,
.woocommerce-account.logged-in .shop_table.order_details tbody td {
    padding: 16px 20px;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #0f172a;
    background: #fff;
    vertical-align: top;
}
.woocommerce-account.logged-in .woocommerce-table--order-details tbody tr:last-child td {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.woocommerce-account.logged-in .woocommerce-table--order-details .product-name a,
.woocommerce-account.logged-in .shop_table.order_details .product-name a {
    color: #0f172a;
    font-weight: 500;
    text-decoration: none;
}
.woocommerce-account.logged-in .woocommerce-table--order-details .product-name a:hover,
.woocommerce-account.logged-in .shop_table.order_details .product-name a:hover {
    color: #6aa676;
}
.woocommerce-account.logged-in .woocommerce-table--order-details .product-quantity,
.woocommerce-account.logged-in .shop_table.order_details .product-quantity {
    color: #94a3a3;
    font-weight: 400;
    margin-left: 4px;
}
.woocommerce-account.logged-in .woocommerce-table--order-details .product-total,
.woocommerce-account.logged-in .shop_table.order_details .product-total {
    text-align: right;
    white-space: nowrap;
    font-weight: 500;
}

/* Order totals footer rows (subtotal, shipping, tax, total) */
.woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr th,
.woocommerce-account.logged-in .shop_table.order_details tfoot tr th {
    background: #fafdf8;
    text-align: left;
    padding: 12px 20px;
    border: none;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    color: #475569;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
}
.woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr td,
.woocommerce-account.logged-in .shop_table.order_details tfoot tr td {
    background: #fafdf8;
    text-align: right;
    padding: 12px 20px;
    border: none;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    color: #0f172a;
    font-weight: 500;
    white-space: nowrap;
}
/* Final total row – emphasised */
.woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-account.logged-in .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-account.logged-in .shop_table.order_details tfoot tr:last-child th,
.woocommerce-account.logged-in .shop_table.order_details tfoot tr:last-child td {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

/* Order actions row (pay / cancel) */
.woocommerce-account.logged-in .woocommerce-table--order-details tfoot .order-actions--heading {
    font-weight: 600;
    color: #0f172a;
}
.woocommerce-account.logged-in .order-actions-button,
.woocommerce-account.logged-in .woocommerce-button.button {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.02em;
    margin: 0 6px 4px 0;
    border: none;
    transition: filter 0.15s;
}
.woocommerce-account.logged-in .order-actions-button:hover,
.woocommerce-account.logged-in .woocommerce-button.button:hover {
    filter: brightness(0.95);
}
.woocommerce-account.logged-in .order-actions-button.cancel,
.woocommerce-account.logged-in .woocommerce-button.button.cancel {
    background: #fce8e3;
    color: #c64a2e !important;
}

/* ── Customer details (billing + shipping address cards) ── */
.woocommerce-account.logged-in .woocommerce-customer-details {
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-customer-details > h2 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    text-transform: none;
    letter-spacing: -0.01em;
}
.woocommerce-account.logged-in .woocommerce-customer-details .col2-set,
.woocommerce-account.logged-in .woocommerce-customer-details .woocommerce-columns--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-customer-details .col2-set::after {
    display: none;
}
.woocommerce-account.logged-in .woocommerce-customer-details .col-1,
.woocommerce-account.logged-in .woocommerce-customer-details .col-2,
.woocommerce-account.logged-in .woocommerce-customer-details .woocommerce-column {
    width: 100%;
    max-width: none;
    padding: 20px 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #fafdf8;
    float: none;
}
.woocommerce-account.logged-in .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-account.logged-in .woocommerce-customer-details h2 + h3,
.woocommerce-account.logged-in .woocommerce-customer-details h3 {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 10px;
}
.woocommerce-account.logged-in .woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.6;
    color: #0f172a;
    font-size: 15px;
    border: none;
    padding: 0;
    background: transparent;
}
.woocommerce-account.logged-in .woocommerce-customer-details address p {
    margin: 0;
}
.woocommerce-account.logged-in .woocommerce-customer-details address .woocommerce-customer-details--phone,
.woocommerce-account.logged-in .woocommerce-customer-details address .woocommerce-customer-details--email {
    display: block;
    margin-top: 8px;
    color: #475569;
    font-size: 14px;
}

@media (max-width: 600px) {
    .woocommerce-account.logged-in .woocommerce-customer-details .col2-set,
    .woocommerce-account.logged-in .woocommerce-customer-details .woocommerce-columns--2 {
        grid-template-columns: 1fr;
    }
}