/* AmigoVet /my_acc/ — consolidated stylesheet (loaded via amg-myaccount-fixes.php).
   Cache key: bumped via $ver query string. */

/* ──────────────────────────────────────────────────────────
   M1: Bottom-nav safe-area on account pages
   M2: Top-tabs scroll affordance
   ────────────────────────────────────────────────────────── */
@media (max-width: 1024px){
    /* Phase 3 fix 2026-05-05: main content padding 80px → 16px.
       Sticky bottom-navbar safe-area вже даний footer'у нижче; main content
       не повинен дублювати ту ж саму подушку — це створювало 80px+80px=160px
       пусту зону між контентом і футером. */
    body.woocommerce-account .woocommerce-MyAccount-content,
    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account.woocommerce-page main .container > .row{
        padding-bottom: 16px;
    }
    body.woocommerce-account .site-footer,
    body.woocommerce-account footer{
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0)) !important;
    }
    .woocommerce-MyAccount-navigation{ position: relative; }
    .woocommerce-MyAccount-navigation::before,
    .woocommerce-MyAccount-navigation::after{
        content: '';
        position: absolute; top: 0; bottom: 0;
        width: 56px; pointer-events: none; z-index: 2;
        opacity: 1; transition: opacity .2s;
    }
    .woocommerce-MyAccount-navigation::before{
        left: 0;
        background: linear-gradient(to right, #fff 30%, rgba(255,255,255,0));
        opacity: 0; /* hidden until scrolled right */
    }
    .woocommerce-MyAccount-navigation::after{
        right: 0;
        background: linear-gradient(to left, #fff 30%, rgba(255,255,255,0));
    }
    .woocommerce-MyAccount-navigation.is-scrolled-right::before{ opacity: 1; }
    .woocommerce-MyAccount-navigation.is-scrolled-end::after{ opacity: 0; }
    /* Add visual chevron on the right edge to hint scrollability */
    .woocommerce-MyAccount-navigation::after{
        background:
            linear-gradient(to left, #fff 25%, rgba(255,255,255,0)),
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>") no-repeat right 8px center / 16px;
    }
    .woocommerce-MyAccount-navigation ul{
        scroll-snap-type: x mandatory;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display: none; }
    .woocommerce-MyAccount-navigation li{
        scroll-snap-align: start;
        flex-shrink: 0;
    }
    /* Phase 3 fix 2026-05-05: tab-nav stays prikрепленим при scroll'у на mobile.
       Не використовуємо position:sticky — `.xts-site-wrapper` має overflow:hidden
       що блокує sticky chain. Замість цього JS додає клас `is-stuck` коли nav
       перетинає top, і CSS включає position:fixed з top offset = sticky header. */
    body.woocommerce-account .xts-my-account-sidebar > nav.woocommerce-MyAccount-navigation.is-stuck {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 40;
        background: #fff;
        margin: 0;
        padding: 8px 15px;
        box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 4px 12px -8px rgba(0,0,0,.08);
        /* top — встановлюється inline через JS (= висота sticky header) */
        animation: amg-tabs-slide-in .22s cubic-bezier(.2, .8, .2, 1);
        will-change: transform;
    }
    @keyframes amg-tabs-slide-in {
        from { transform: translateY(-100%); opacity: 0; }
        to   { transform: none; opacity: 1; }
    }
    /* Placeholder — instant resize, без transition.
       Transition створював видимий «розширення» між коли content shifts. */
    body.woocommerce-account .xts-my-account-sidebar .amg-mna-nav-placeholder {
        transition: none !important;
    }
}

/* WCAG AA status pills */
body.woocommerce-account .order-status-on-hold,
body.woocommerce-account .status-on-hold,
body.woocommerce-account .badge-pending{
    background: #fef3c7 !important; color: #78350f !important;
    border: 1px solid #fcd34d;
}
body.woocommerce-account .order-status-completed,
body.woocommerce-account .status-completed{
    background: #d1fae5 !important; color: #065f46 !important;
    border: 1px solid #6ee7b7;
}
body.woocommerce-account .order-status-processing,
body.woocommerce-account .status-processing{
    background: #dbeafe !important; color: #1e3a8a !important;
    border: 1px solid #93c5fd;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info + .amg-ab-empty-cta{ margin-top: 16px; }
body.woocommerce-account .woocommerce-MyAccount-content > h1:first-child,
body.woocommerce-account .woocommerce-MyAccount-content > h2:first-child{ margin-top: 0; }

/* ──────────────────────────────────────────────────────────
   Sidebar header (Привіт, X › Section)
   ────────────────────────────────────────────────────────── */
.amg-mna-header{ display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin:0 0 14px;line-height:1.4 }
.amg-mna-header__greeting{ font-weight:500 }
.amg-mna-header__greeting strong{ color:#111827;font-weight:600 }
.amg-mna-header__sep{ color:#d1d5db;font-size:12px }
.amg-mna-header__section{ color:#374151;font-weight:500 }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.amg-mna-affiliate a::before{
    content:'';display:inline-block;width:14px;height:14px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15 8.5 22 9.3 17 14 18.2 21 12 17.8 5.8 21 7 14 2 9.3 9 8.5 12 2'/%3E%3C/svg%3E") no-repeat center;
    vertical-align:-2px;margin-right:6px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.amg-mna-logout{
    margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.amg-mna-logout a{
    color:#9ca3af;font-size:13px;
}
@media(max-width:1024px){ .amg-mna-header{ display:none } }

/* ──────────────────────────────────────────────────────────
   Dashboard — tabular numbers + KPI cards
   ────────────────────────────────────────────────────────── */
body.woocommerce-account .pets-cta--affwp[data-affwp-active="1"]{ display:none !important }
body.woocommerce-account .amg-acc-stat-amount,
body.woocommerce-account .amg-pet-points-amount,
body.woocommerce-account .woocommerce-Price-amount,
body.woocommerce-account .amg-acc-order-total,
body.woocommerce-account .amg-acc-order-row strong{
    font-variant-numeric:tabular-nums;font-feature-settings:"tnum";
}
body.woocommerce-account .amg-acc-book-progress[data-progress="0"]{ display:none }

/* ──────────────────────────────────────────────────────────
   View-order page (Batch 8)
   ────────────────────────────────────────────────────────── */
.amg-vo{ margin: 0 0 22px; }
.amg-vo-hero{ background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.03) }
.amg-vo-hero__head{ display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap }
.amg-vo-hero__num{ font-weight:700;font-size:18px;color:#111827;letter-spacing:-.01em }
.amg-vo-hero__meta{ font-size:14px;color:#6b7280;display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;font-variant-numeric:tabular-nums }
.amg-vo-hero__meta span[aria-hidden="true"]{ color:#d1d5db }
.amg-vo-hero__total{ color:#111827;font-weight:600 }
.amg-vo-hero__status{ display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:1.3;background:#fef3c7;color:#78350f }
.amg-vo-hero__status-dot{ width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0 }
.amg-vo-hero__status--completed{ background:#d1fae5;color:#065f46 }
.amg-vo-hero__status--processing,
.amg-vo-hero__status--auto-confirmed,
.amg-vo-hero__status--in-approval{ background:#dbeafe;color:#1e3a8a }
.amg-vo-hero__status--cancelled,
.amg-vo-hero__status--refused,
.amg-vo-hero__status--refunded,
.amg-vo-hero__status--failed{ background:#fee2e2;color:#991b1b }
.amg-vo-hero__status--in-transit,
.amg-vo-hero__status--np-terminal,
.amg-vo-hero__status--ready-pickup,
.amg-vo-hero__status--packed-dispatched{ background:#ede9fe;color:#5b21b6 }

.amg-vo-timeline{ list-style:none;display:flex;justify-content:space-between;padding:18px 6px 4px;margin:0 0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;position:relative }
.amg-vo-timeline::before{ content:'';position:absolute;top:33px;left:36px;right:36px;height:2px;background:#e5e7eb;z-index:0 }
.amg-vo-step{ display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1;font-size:12px;color:#9ca3af;text-align:center;line-height:1.3;padding:0 4px;margin:0 }
.amg-vo-step__circle{ width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;margin-bottom:8px;transition:all .3s ease }
.amg-vo-step__dot{ width:8px;height:8px;border-radius:50%;background:#e5e7eb }
.amg-vo-step--done .amg-vo-step__circle{ background:#10b981;border-color:#10b981 }
.amg-vo-step--done{ color:#065f46 }
.amg-vo-step--current .amg-vo-step__circle{ background:#fff;border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.15) }
.amg-vo-step--current .amg-vo-step__dot{ background:#f59e0b }
.amg-vo-step--current{ color:#92400e;font-weight:500 }
.amg-vo-step--upcoming{ color:#9ca3af }
.amg-vo-step__label{ font-size:11px;letter-spacing:.01em }
@media(max-width:600px){
    .amg-vo-timeline{ padding:14px 2px 2px }
    .amg-vo-timeline::before{ top:29px;left:22px;right:22px }
    .amg-vo-step__circle{ width:26px;height:26px;margin-bottom:6px }
    .amg-vo-step__label{ font-size:10px }
}

.amg-vo-terminal-banner{ background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;padding:14px 16px;font-size:14px;color:#7f1d1d;margin-bottom:14px;line-height:1.5 }

.amg-vo-shipping{ display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 16px;margin-bottom:14px }
.amg-vo-shipping__icon{ flex-shrink:0;line-height:0;padding-top:2px }
.amg-vo-shipping__title{ font-weight:600;color:#111827;font-size:14px;margin-bottom:2px }
.amg-vo-shipping__addr{ color:#374151;font-size:13px;margin-bottom:4px }
.amg-vo-shipping__ttn{ display:inline-flex;align-items:center;gap:4px;color:#92400e;font-weight:600;font-size:13px;text-decoration:none;font-variant-numeric:tabular-nums }
.amg-vo-shipping__ttn:hover{ color:#78350f;text-decoration:underline }

.amg-vo-bonus{ display:flex;align-items:center;gap:10px;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:14px;color:#78350f }
.amg-vo-bonus__icon{ flex-shrink:0 }
.amg-vo-bonus strong{ color:#1f2937 }

.amg-vo-review{ background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;margin-top:18px }
.amg-vo-review__title{ font-size:15px;font-weight:600;color:#111827;margin-bottom:12px }
.amg-vo-review__items{ display:grid;gap:10px }
.amg-vo-review__item{ display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #f3f4f6;border-radius:10px;text-decoration:none;color:inherit;transition:all .2s }
.amg-vo-review__item:hover{ border-color:#fcd34d;background:#fffbeb }
.amg-vo-review__item img{ flex-shrink:0;width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f3f4f6 }
.amg-vo-review__name{ flex:1;font-size:13px;color:#374151;line-height:1.4 }
.amg-vo-review__cta{ flex-shrink:0;color:#92400e;font-weight:600;font-size:13px;white-space:nowrap }

.amg-vo-help{ background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin-top:18px }
.amg-vo-help__row{ display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap }
.amg-vo-help__lead{ font-size:14px;color:#374151;font-weight:500 }
.amg-vo-help__btns{ display:flex;gap:8px;flex-wrap:wrap }
.amg-vo-help__btn{ display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:all .15s }
.amg-vo-help__btn--tg{ background:#229ED9;color:#fff }
.amg-vo-help__btn--tg:hover{ background:#1c87ba }
.amg-vo-help__btn--call{ background:#fff;color:#1f2937;border-color:#d1d5db }
.amg-vo-help__btn--call:hover{ border-color:#9ca3af }

.amg-vo-sticky{ display:none }
@media(max-width:1024px){
    .amg-vo-sticky{
        display:flex;gap:8px;align-items:stretch;
        position:fixed;left:0;right:0;bottom:75px;
        background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(8px);
        padding:10px 14px;
        border-top:1px solid #e5e7eb;
        z-index:90;
        padding-bottom:calc(10px + env(safe-area-inset-bottom, 0));
    }
    .amg-vo-sticky__btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;padding:12px 14px;line-height:1 }
    .amg-vo-sticky__btn--primary{ flex:1;background:#FFBA00;color:#111827 }
    .amg-vo-sticky__btn--primary:hover{ background:#f59e0b }
    .amg-vo-sticky__btn--ghost{ width:48px;background:#f3f4f6;color:#374151 }
    .amg-vo-sticky__btn--ghost:hover{ background:#e5e7eb }
}

body.woocommerce-account .woocommerce-table--order-details td.product-name a{ display:inline-flex;align-items:center;gap:10px }
body.woocommerce-account .woocommerce-table--order-details{ border-radius:14px;overflow:hidden }
body.woocommerce-account .woocommerce-table--order-details th{
    background:#f9fafb;color:#374151;font-size:12px;letter-spacing:.04em;text-transform:uppercase;
}
body.woocommerce-account .woocommerce-table--order-details tfoot tr.amg-vo-row-redundant{ display:none }
body.woocommerce-account .woocommerce-customer-details address{
    background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;
    display:block;font-style:normal;line-height:1.7;color:#374151;
    position:relative;padding-left:48px;
}
body.woocommerce-account .woocommerce-customer-details address::before{
    content:'';position:absolute;left:16px;top:14px;width:20px;height:20px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center;
}

/* ──────────────────────────────────────────────────────────
   Reminders, Notifications onboarding, Bonus progress, Subscriptions
   ────────────────────────────────────────────────────────── */
body.woocommerce-account .amg-rem-onboarding{
    display:flex;gap:14px;align-items:flex-start;
    background:#fffbeb;border:1px solid #fde68a;border-radius:12px;
    padding:14px 16px;margin:18px 0 12px;font-size:14px;color:#374151;line-height:1.55;
}
body.woocommerce-account .amg-rem-onboarding__icon{ flex-shrink:0;line-height:0;color:#f59e0b }
body.woocommerce-account .amg-rem-onboarding strong{ color:#111827 }

body.woocommerce-account .amg-notif-empty{ text-align:center;padding:48px 20px 32px;color:#6b7280 }
body.woocommerce-account .amg-notif-empty__icon{
    width:64px;height:64px;border-radius:50%;background:#fef3c7;
    display:inline-flex;align-items:center;justify-content:center;
    margin-bottom:18px;color:#f59e0b;
}
body.woocommerce-account .amg-notif-empty__title{ font-size:18px;font-weight:600;color:#111827;margin-bottom:8px }
body.woocommerce-account .amg-notif-empty__sub{ font-size:14px;line-height:1.55;max-width:420px;margin:0 auto 18px }
body.woocommerce-account .amg-notif-empty__cta{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
    background:#FFBA00;color:#111827;font-weight:600;font-size:14px;
    text-decoration:none;border-radius:10px;
}
body.woocommerce-account .amg-notif-empty__cta:hover{ background:#f59e0b }

body.woocommerce-account .amg-bonus-progress{
    margin:14px 0 8px;padding:14px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;
    font-size:13px;color:#374151;line-height:1.5;
}
body.woocommerce-account .amg-bonus-progress__head{ display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap }
body.woocommerce-account .amg-bonus-progress__current strong{ color:#111827 }
body.woocommerce-account .amg-bonus-progress__next{ color:#92400e;font-weight:500 }
body.woocommerce-account .amg-bonus-progress__bar{ height:8px;background:#fef3c7;border-radius:999px;overflow:hidden;position:relative }
body.woocommerce-account .amg-bonus-progress__fill{ height:100%;background:linear-gradient(90deg,#f59e0b,#FFBA00);border-radius:999px;transition:width .6s ease }
body.woocommerce-account .amg-bonus-progress__hint{ margin-top:6px;font-size:12px;color:#6b7280 }

body.woocommerce-account .amg-subs-info{
    background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;
    padding:14px 16px;margin:18px 0;font-size:13px;line-height:1.55;color:#1e3a8a;
}
body.woocommerce-account .amg-subs-info strong{ color:#1e293b }
body.woocommerce-account .amg-subs-info a{ color:#1d4ed8;text-decoration:underline;font-weight:500 }

/* Edit-account form polish */
body.woocommerce-account .amg-pwd-toggle{
    display:inline-flex;align-items:center;gap:6px;
    margin:8px 0 4px;padding:8px 14px;
    background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;
    color:#374151;font-size:13px;font-weight:500;
    cursor:pointer;transition:all .15s;
}
body.woocommerce-account .amg-pwd-toggle:hover{ background:#f3f4f6;border-color:#d1d5db }
body.woocommerce-account .amg-pwd-toggle__icon{ display:inline-block;width:14px;height:14px;transition:transform .2s }
body.woocommerce-account .amg-pwd-toggle.is-open .amg-pwd-toggle__icon{ transform:rotate(180deg) }
body.woocommerce-account .amg-pwd-block{ margin-top:10px }
body.woocommerce-account .amg-pwd-block.is-collapsed{ display:none }
body.woocommerce-account .amg-dob-hint{ font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4 }
body.woocommerce-account .amg-pwd-forgot{
    display:inline-block;margin-top:8px;font-size:13px;color:#6b7280;
    text-decoration:underline;text-underline-offset:2px;
}
body.woocommerce-account .amg-pwd-forgot:hover{ color:#111;text-decoration:none }
body.woocommerce-account fieldset legend{
    font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:500;
}

/* ──────────────────────────────────────────────────────────
   Final visual polish (Batch 7)
   ────────────────────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li{ margin:0 }
body.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:flex;align-items:center;
    padding:11px 12px;min-height:44px;
    border-radius:8px;
    color:#374151;font-size:14px;font-weight:500;
    transition:background .15s,color .15s,padding-left .15s;
    line-height:1.4;
}
/* Phase 3 simplification 2026-05-05: nav hover/is-active styles прибрано звідси.
   Per-breakpoint правила тепер живуть у child-theme/style.css (desktop ≥768px →
   border-left accent + bg #FFFBEB; mobile <767px → font-weight + color shift).
   Без universal yellow pill що дублювала всі стани. */

body.woocommerce-account a:focus-visible,
body.woocommerce-account button:focus-visible,
body.woocommerce-account input:focus-visible,
body.woocommerce-account select:focus-visible,
body.woocommerce-account textarea:focus-visible{
    outline:3px solid rgba(245,158,11,.4);
    outline-offset:2px;
    border-radius:6px;
}

body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]{
    transition:transform .08s ease, box-shadow .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content .button:active,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:active{
    transform:translateY(1px);
}

body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="tel"],
body.woocommerce-account input[type="password"],
body.woocommerce-account select,
body.woocommerce-account textarea{
    border:1px solid #d1d5db;border-radius:8px;
    padding:10px 12px;font-size:14px;
    transition:border-color .15s,box-shadow .15s;
}
body.woocommerce-account input[type="text"]:focus,
body.woocommerce-account input[type="email"]:focus,
body.woocommerce-account input[type="tel"]:focus,
body.woocommerce-account input[type="password"]:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus{
    border-color:#f59e0b;
    box-shadow:0 0 0 3px rgba(245,158,11,.15);
    outline:none;
}

body.woocommerce-account .woocommerce-Price-amount,
body.woocommerce-account .amg-acc-stat-value,
body.woocommerce-account .amigo-dash-stat__value,
body.woocommerce-account .ywpar_summary_badge,
body.woocommerce-account td.product-total,
body.woocommerce-account td.amount{
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum";
}

body.woocommerce-account .amigo-pet-card,
body.woocommerce-account .amigo-dash-stat,
body.woocommerce-account .amigo-dash-order,
body.woocommerce-account .amg-vo-hero{
    transition:box-shadow .2s ease, transform .15s ease;
}
body.woocommerce-account .amigo-pet-card:hover,
body.woocommerce-account .amigo-dash-stat:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

@keyframes amgFadeIn{
    from{ opacity:0;transform:translateY(4px) }
    to{ opacity:1;transform:translateY(0) }
}
body.woocommerce-account .amg-vo,
body.woocommerce-account .amigo-dash-v2,
body.woocommerce-account .amg-mna-header{
    animation: amgFadeIn .35s ease both;
}

body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2{
    line-height:1.25;letter-spacing:-.01em;
}
body.woocommerce-account .woocommerce-MyAccount-content h2{
    font-size:22px;font-weight:700;color:#111827;
}

@media(max-width:600px){
    body.woocommerce-account .woocommerce-MyAccount-content{ font-size:15px }
    body.woocommerce-account .woocommerce-MyAccount-navigation a{
        font-size:13px;padding:7px 11px;
    }
}

body.woocommerce-account [data-loading="1"]{
    position:relative;color:transparent !important;background:#f3f4f6;border-radius:6px;
    animation: amgPulse 1.4s ease-in-out infinite;
}
@keyframes amgPulse{ 0%,100%{opacity:1} 50%{opacity:.5} }

body.woocommerce-account button:disabled,
body.woocommerce-account .button:disabled{ opacity:.55;cursor:not-allowed }

/* ──────────────────────────────────────────────────────────
   Orders list — status filter chips + empty state
   ────────────────────────────────────────────────────────── */
.amg-orders-chips{
    display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;
}
.amg-orders-chip{
    display:inline-flex;align-items:center;gap:4px;
    padding:7px 14px;border-radius:999px;
    background:#f3f4f6;color:#374151;
    border:1px solid transparent;
    font-size:13px;font-weight:500;line-height:1;
    cursor:pointer;transition:all .15s;
    font-family:inherit;
}
.amg-orders-chip:hover{ background:#e5e7eb;color:#111827 }
.amg-orders-chip.is-active{
    background:#fef3c7;color:#92400e;
    border-color:#fcd34d;font-weight:600;
}
.amg-orders-chip__count{
    color:#9ca3af;font-weight:400;font-size:12px;font-variant-numeric:tabular-nums;
}
.amg-orders-chip.is-active .amg-orders-chip__count{ color:#92400e }
@media(max-width:600px){
    .amg-orders-chips{
        gap:6px;
        overflow-x:auto;
        flex-wrap:nowrap;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        margin-left:-8px;margin-right:-8px;padding:0 8px;
    }
    .amg-orders-chips::-webkit-scrollbar{ display:none }
    .amg-orders-chip{ flex-shrink:0;scroll-snap-align:start;padding:6px 12px }
}

.amg-orders-empty{
    text-align:center;padding:48px 20px 32px;color:#6b7280;
}
.amg-orders-empty__icon{
    width:64px;height:64px;border-radius:50%;background:#fef3c7;
    display:inline-flex;align-items:center;justify-content:center;
    margin-bottom:18px;color:#f59e0b;
}
.amg-orders-empty__title{
    font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;
}
.amg-orders-empty__sub{
    font-size:14px;line-height:1.55;max-width:420px;margin:0 auto 18px;
}
.amg-orders-empty__cta{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
    background:#FFBA00;color:#111827;font-weight:600;font-size:14px;
    text-decoration:none;border-radius:10px;
}
.amg-orders-empty__cta:hover{ background:#f59e0b }

/* ──────────────────────────────────────────────────────────
   Hide WooCommerce default plain paragraph at top of view-order.
   We ship our own hero block in its place.
   ────────────────────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content > p:has(mark.order-number),
body.woocommerce-account .woocommerce-MyAccount-content > p:has(mark.order-status),
body.woocommerce-account .woocommerce-MyAccount-content > p:has(mark.order-date){
    display:none !important;
}