/* --- Post-orders login prompt (replaces WC "No orders / Browse products") --- */
.hype-post-orders-login {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(0,0,0,0.07);
}
.hype-post-orders-login__heading {
  font: 700 18px/1.2 'Plus Jakarta Sans', sans-serif !important;
  color: #0B1D2E !important;
  margin: 0 0 6px !important;
}
.hype-post-orders-login__body {
  font: 400 14px/1.5 'Inter', sans-serif !important;
  color: #4a4a5a !important;
  margin: 0 0 16px !important;
}
.hype-post-orders-login__cta {
  display: inline-block;
  font: 600 14px/1.4 'Inter', sans-serif !important;
  color: #C47200 !important;
  text-decoration: none !important;
  padding: 10px 18px;
  border: 1px solid rgba(196,114,0,0.3);
  border-radius: 50px;
  transition: background 0.15s ease, color 0.15s ease;
}
.hype-post-orders-login__cta:hover {
  background: linear-gradient(135deg, #F7941D, #F15A24) !important;
  color: #fff !important;
  border-color: transparent !important;
}
@media (max-width: 768px) {
  .hype-post-orders-login { margin-top: 20px; padding-top: 20px; }
}

/* ==========================================================================
   Hype Rewards — Account UI
   Consolidates: Fluent Snippet 16 (desktop) + sandbox hype-myaccount-mobile.php (mobile)
   Adds: 3-step progress tracker, past-orders preview, bottom nav, footer hide.
   Mobile-first; desktop ≥ 1025px.
   ========================================================================== */

/* --- 1. Page background --- */
body.woocommerce-account { background:#ffffff !important; }
body.woocommerce-account.logged-in { background:#f7f9fb !important; }

/* ===========================
   MOBILE: canvas-style — hide site header + promo bar inside /my-account/
   The custom .hype-account-mobile-hdr replaces it; our own drawer (#hype-account-drawer)
   handles the menu, so we don't need Rey's mobile-menu JS bound.
   =========================== */
@media (max-width:1024px){
  /* The minimal header lives INSIDE rey-siteHeader (Elementor template). We hide the
     existing desktop widgets via hide_mobile in Elementor; nothing to hide on the wrapper.
     Just fix overflow so position:sticky descendants engage. */
  body:has(.hype-account-mobile-hdr) #page.rey-siteWrapper,
  body:has(.hype-account-mobile-hdr) .rey-siteWrapper { overflow:visible !important; }
  /* Rey/theme sets body { overflow: auto scroll } which makes body the scroll context.
     Sticky descendants then bind to body's scroll position, not the viewport — and on real-user
     scroll (which the visual viewport moves) sticky never engages. Force body back to visible. */
  html:has(body .hype-account-mobile-hdr) body,
  body:has(.hype-account-mobile-hdr) { overflow:visible !important; }
}

/* ===========================
   MINIMAL MOBILE ACCOUNT HEADER (hamburger | logo | logout)
   =========================== */
.hype-account-mobile-hdr { display:none; }
@media (max-width:1024px){
  /* Full-bleed the rail container that wraps our minimal header on mobile */
  .e-con:has(> .elementor-widget > .elementor-widget-container > .hype-account-mobile-hdr) {
    max-width:100% !important; width:100% !important; padding:0 !important;
  }
  .e-con:has(.hype-account-mobile-hdr) > .e-con-inner {
    max-width:100% !important; width:100% !important; padding:0 !important;
  }
  /* The HTML widget itself is a flex child — force it to fill the row */
  .elementor-element-hype-mobile-hdr {
    width:100% !important; max-width:100% !important; flex:1 1 100% !important;
  }
  .hype-account-mobile-hdr {
    position:sticky; top:0; z-index:200;
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
    width:100%;
    height:52px; padding:0 var(--page-gutter, 16px);
    background:#fff; border-bottom:1px solid rgba(0,0,0,0.06);
    box-shadow:0 1px 2px rgba(0,0,0,0.02);
  }
  .hype-account-mobile-hdr > .hype-account-mobile-hdr__menu { justify-self:start; margin-left:-8px; }
  .hype-account-mobile-hdr > .hype-account-mobile-hdr__brand { justify-self:center; }
  .hype-account-mobile-hdr > .hype-account-mobile-hdr__langs { justify-self:end; }
  .hype-account-mobile-hdr__brand {
    display:inline-flex; align-items:center; text-decoration:none !important;
    color:#0B1D2E; gap:5px; line-height:0;
  }
  .hype-account-mobile-hdr__logo { height:28px !important; width:auto !important; max-width:140px !important; min-width:60px !important; display:block !important; }
  .hype-account-mobile-hdr__brand span {
    font:500 10px/1 'Inter',sans-serif; letter-spacing:1.5px; color:#C47200; text-transform:uppercase;
  }
  .hype-account-mobile-hdr__btn {
    background:none; border:none; padding:8px; color:#0B1D2E; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    text-decoration:none !important;
    width:40px; height:40px; border-radius:10px;
    transition:background .15s ease;
  }
  .hype-account-mobile-hdr__btn:hover { background:rgba(0,0,0,0.04); }
  .hype-account-mobile-hdr__btn svg { width:22px; height:22px; }

  /* EN/BG language switcher in header (replaces the logout button) */
  .hype-account-mobile-hdr__langs {
    display:inline-flex; align-items:center; gap:4px;
  }
  .woocommerce-account .hype-account-mobile-hdr__langs a.hype-lang,
  .hype-account-mobile-hdr__langs a.hype-lang {
    display:inline-flex; align-items:center; gap:5px;
    padding:5px 9px; border-radius:50px;
    font:700 11px/1 'Inter',sans-serif; letter-spacing:0.4px;
    color:#6a6a7a !important; text-decoration:none !important;
    border:1px solid rgba(0,0,0,0.08); background:#fff;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
  }
  .hype-account-mobile-hdr__langs a.hype-lang:hover { color:#0B1D2E !important; border-color:#0B1D2E; }
  .hype-account-mobile-hdr__langs a.hype-lang.is-current { color:#0B1D2E !important; border-color:#0B1D2E; background:#f3f6fa; }
  .hype-account-mobile-hdr__langs .hype-lang__flag { display:inline-flex; }
  .hype-account-mobile-hdr__langs .hype-lang__flag img { display:block; width:16px; height:11px; border-radius:2px; }
  .hype-account-mobile-hdr__langs .hype-lang__code { display:none; }
}

/* ===========================
   SLIDE-IN MOBILE DRAWER (#hype-account-drawer)
   =========================== */
.hype-drawer { position:fixed; inset:0; z-index:9999; pointer-events:none; }
.hype-drawer__scrim {
  position:absolute; inset:0; background:rgba(11,29,46,0.45);
  opacity:0; transition:opacity .25s ease;
}
.hype-drawer__panel {
  position:absolute; top:0; left:0; height:100%; width:min(86vw, 340px);
  background:#fff; display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .28s ease;
  box-shadow:8px 0 32px rgba(0,0,0,0.18);
}
.hype-drawer.is-open { pointer-events:auto; }
.hype-drawer.is-open .hype-drawer__scrim { opacity:1; }
.hype-drawer.is-open .hype-drawer__panel { transform:translateX(0); }
body.hype-drawer-open { overflow:hidden; }

.hype-drawer__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid rgba(0,0,0,0.06);
}
.hype-drawer__logo { height:32px !important; width:auto !important; max-width:160px !important; min-width:80px !important; display:block !important; }
.hype-drawer__brand { font:800 14px/1 'Plus Jakarta Sans',sans-serif; color:#0B1D2E; }
.hype-drawer__brand span { font:500 10px/1 'Inter',sans-serif; color:#C47200; letter-spacing:1.5px; margin-left:4px; }
.hype-drawer__close {
  background:none; border:none; padding:8px; cursor:pointer; color:#0B1D2E;
  width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center;
}
.hype-drawer__close:hover { background:rgba(0,0,0,0.04); }
.hype-drawer__close svg { width:22px; height:22px; }

.hype-drawer__nav { flex:1 1 auto; overflow-y:auto; padding:8px 0; }
.hype-drawer__list { list-style:none; margin:0; padding:0; }
.hype-drawer__list li { margin:0; }
.hype-drawer__list a {
  display:block; padding:14px 20px;
  font:600 15px/1.3 'Inter',sans-serif; color:#0B1D2E;
  text-decoration:none !important;
  border-bottom:1px solid rgba(0,0,0,0.04);
}
.hype-drawer__list a:hover { background:rgba(0,0,0,0.03); color:#C47200; }
.hype-drawer__list .current-menu-item > a { color:#C47200; }
.hype-drawer__list .sub-menu { list-style:none; margin:0; padding:0; max-height:0; overflow:hidden; transition:max-height .25s ease; background:#f7f9fb; }
.hype-drawer__list li.is-open > .sub-menu { max-height:1000px; }
.hype-drawer__list .sub-menu a { padding:11px 20px 11px 36px; font-weight:500; font-size:14px; border-bottom-color:rgba(0,0,0,0.05); }
.hype-drawer__list li.menu-item-has-children > a { position:relative; }
.hype-drawer__list li.menu-item-has-children > a::after {
  content:""; position:absolute; right:20px; top:50%;
  width:8px; height:8px; border-right:2px solid #6a6a7a; border-bottom:2px solid #6a6a7a;
  transform:translateY(-65%) rotate(45deg); transition:transform .2s ease;
}
.hype-drawer__list li.menu-item-has-children.is-open > a::after { transform:translateY(-30%) rotate(225deg); }
.hype-drawer__list li.menu-btn-orange { padding:16px 20px !important; }
.hype-drawer__list li.menu-btn-orange > a { border-bottom:0 !important; }

.hype-drawer__foot {
  border-top:1px solid rgba(0,0,0,0.06); padding:14px 20px;
  display:flex; flex-direction:column; gap:10px;
  font:600 14px/1 'Inter',sans-serif;
}
.hype-drawer__account { color:#0B1D2E; text-decoration:none !important; }
.hype-drawer__link { color:#0B1D2E; text-decoration:none !important; }
.hype-drawer__logout { color:#9b1c1c; text-decoration:none !important; }

@media (min-width:1025px){ .hype-drawer { display:none !important; } }

/* Kill the auto-appended orders count badge in menu items ("Orders 10") */
.woocommerce-MyAccount-navigation li a .count,
.woocommerce-MyAccount-navigation li a > span.count,
.woocommerce-MyAccount-navigation li a sup,
.woocommerce-MyAccount-navigation li a > sup { display:none !important; }

/* ===========================
   GREETING STRIP (mobile)
   =========================== */
.hype-greeting-strip { display:none; }
@media (max-width:1024px){
  .hype-greeting-strip {
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    padding:10px 16px 8px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.06);
    position:relative; z-index:1;
  }
  .hype-greeting-text { min-width:0; flex:1; }
  .hype-greeting-kicker {
    font:700 10px/1.1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:1.8px;
    color:#C47200; margin:0;
  }
  .hype-greeting-name {
    font:700 clamp(18px,4.8vw,22px)/1.1 'Plus Jakarta Sans',sans-serif;
    color:#0B1D2E; margin:2px 0 0; letter-spacing:-0.01em;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .hype-greeting-strip .hype-greeting-points,
  body.woocommerce-account .hype-greeting-points {
    flex-shrink:0; display:inline-flex; align-items:center; gap:6px;
    padding:8px 14px; border-radius:50px;
    background:rgba(247,148,29,0.12) !important; color:#C47200 !important;
    font:700 13px/1 'Inter',sans-serif; text-decoration:none !important;
    transition:background .2s ease, transform .2s ease;
  }
  .hype-greeting-strip .hype-greeting-points:hover,
  body.woocommerce-account .hype-greeting-points:hover {
    background:rgba(247,148,29,0.18) !important; transform:translateY(-1px);
  }
  .hype-greeting-points__icon { display:inline-flex; color:#C47200 !important; }
  .hype-greeting-points__icon svg { width:16px; height:16px; }
  .hype-greeting-points__num { font-variant-numeric:tabular-nums; color:#C47200 !important; }
  .hype-greeting-points__label { opacity:0.75; font-weight:600; color:#C47200 !important; }
}

/* ===========================
   ACTIVE ORDER HERO CARD
   =========================== */
.hype-active-order {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#0B1D2E,#122B42); color:#fff;
  border-radius:12px; padding:20px; margin:0 0 16px;
  box-shadow:0 8px 32px rgba(11,29,46,0.18);
  scroll-margin-top:140px;
}
@media (min-width:1024px){
  .hype-active-order { scroll-margin-top:96px; }
}
.hype-active-order__glow {
  position:absolute; right:-50px; top:-50px; width:200px; height:200px;
  background:radial-gradient(circle,rgba(247,148,29,0.45) 0%,transparent 70%);
  filter:blur(20px); pointer-events:none;
}
.hype-active-order__head {
  position:relative; display:flex; justify-content:space-between; align-items:center;
  margin-bottom:14px; gap:8px;
}
.hype-active-order__pill {
  display:inline-flex; align-items:center; gap:4px;
  padding:4px 10px; border-radius:50px;
  background:rgba(59,181,232,0.20); color:#7dd3fc;
  font:700 10px/1.2 'Inter',sans-serif; text-transform:uppercase; letter-spacing:0.06em;
}
.hype-active-order__pill--completed { background:rgba(39,174,96,0.20); color:#7be8a3; }
.hype-active-order__pill--cancelled { background:rgba(231,76,60,0.18); color:#fca5a5; }
.hype-active-order__pill--on-hold,
.hype-active-order__pill--pending { background:rgba(245,158,11,0.20); color:#fcd34d; }
.hype-active-order__meta {
  font:500 11px/1.2 'Inter',sans-serif; opacity:0.75;
  font-variant-numeric:tabular-nums;
}
.hype-active-order__body {
  position:relative; display:grid;
  grid-template-columns:48px 1fr;
  grid-template-areas:
    "icon title"
    "icon count";
  align-items:start; gap:4px 12px;
}
.hype-active-order__icon {
  grid-area:icon;
  width:48px; height:48px; border-radius:12px;
  background:rgba(247,148,29,0.18); color:#ffdbcb;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  align-self:start; overflow:hidden;
}
.hype-active-order__icon--photo { background:#fff; padding:2px; }
.hype-active-order__img {
  width:100%; height:100%; object-fit:contain; display:block;
  border-radius:10px;
}
.hype-active-order__info { display:contents; }
.hype-active-order__title {
  grid-area:title;
  font:700 14px/1.3 'Plus Jakarta Sans',sans-serif; margin:0; color:#fff;
  letter-spacing:-0.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.hype-active-order__count {
  grid-area:count;
  font:400 12px/1.3 'Inter',sans-serif; margin:0; opacity:0.75; color:#fff;
  display:flex; align-items:baseline; justify-content:space-between; gap:8px;
}
.hype-active-order__total {
  font:800 18px/1 'Plus Jakarta Sans',sans-serif; color:#fff;
  font-variant-numeric:tabular-nums; white-space:nowrap;
  opacity:1;
}
.hype-active-order__total .woocommerce-Price-amount { color:#fff !important; }

/* --- Progress tracker (Paid → Shipped → Delivered) --- */
.hype-progress {
  position:relative; margin-top:16px;
}
.hype-progress__labels {
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:8px;
}
.hype-progress__label {
  font:600 10px/1.2 'Inter',sans-serif; text-transform:uppercase; letter-spacing:0.08em;
  opacity:0.5; color:#fff;
}
.hype-progress__label.is-done { opacity:1; color:#fff; }
.hype-progress__label.is-current { opacity:1; color:#F7941D; }
.hype-progress__track {
  position:relative; height:4px; background:rgba(255,255,255,0.15); border-radius:99px; overflow:hidden;
}
.hype-progress__fill {
  position:absolute; inset:0 auto 0 0; background:linear-gradient(90deg,#F7941D,#F15A24);
  border-radius:99px; transition:width .4s ease;
}
.hype-progress__step-0 .hype-progress__fill { width:6%; }
.hype-progress__step-1 .hype-progress__fill { width:33%; }
.hype-progress__step-2 .hype-progress__fill { width:66%; }
.hype-progress__step-3 .hype-progress__fill { width:100%; }

/* --- Active order CTAs --- */
/* Selector escalation: `.hype-active-order .hype-active-order__cta` (0,2,0) ties Rey theme's
   `.woocommerce-MyAccount-content a` rule; the `!important` on color then guarantees white text. */
.hype-active-order__ctas {
  position:relative; display:grid; gap:8px; margin-top:16px;
  grid-template-columns:1fr 1fr;
}
.hype-active-order__ctas--single { grid-template-columns:1fr; }
.hype-active-order .hype-active-order__cta,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta {
  text-align:center; padding:11px 14px; border-radius:50px;
  font:700 12px/1 'Inter',sans-serif; text-decoration:none !important; letter-spacing:0.3px;
  text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  color:#fff !important;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease;
}
.hype-active-order .hype-active-order__cta--primary,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta--primary {
  background:linear-gradient(135deg,#F7941D,#F15A24);
  box-shadow:0 4px 16px rgba(247,148,29,0.3);
}
.hype-active-order .hype-active-order__cta--primary:hover,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta--primary:hover {
  transform:translateY(-1px); box-shadow:0 6px 20px rgba(247,148,29,0.4);
}
.hype-active-order .hype-active-order__cta--secondary,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta--secondary {
  background:rgba(255,255,255,0.10);
}
.hype-active-order .hype-active-order__cta--secondary:hover,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta--secondary:hover {
  background:rgba(255,255,255,0.16);
}
/* Disabled primary — no tracking number yet */
.hype-active-order .hype-active-order__cta--disabled,
.woocommerce-account .woocommerce-MyAccount-content .hype-active-order__cta--disabled {
  background:rgba(255,255,255,0.06) !important;
  color:rgba(255,255,255,0.45) !important;
  box-shadow:none !important;
  cursor:not-allowed; pointer-events:none;
}

/* ===========================
   QUICK REORDER ROW
   =========================== */
.hype-reorder {
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid rgba(0,0,0,0.06); border-radius:12px;
  padding:12px 14px; margin:0 0 16px;
}
.hype-reorder__icon {
  width:44px; height:44px; border-radius:10px; flex-shrink:0;
  background:rgba(247,148,29,0.12); color:#C47200;
  display:flex; align-items:center; justify-content:center;
}
.hype-reorder__text { min-width:0; flex:1; }
.hype-reorder__title { font:600 14px/1.2 'Inter',sans-serif; color:#0B1D2E; margin:0; }
.hype-reorder__sub {
  font:400 12px/1.4 'Inter',sans-serif; color:#6a6a7a; margin:2px 0 0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hype-reorder__btn {
  flex-shrink:0;
  padding:9px 14px; border-radius:50px;
  background:linear-gradient(135deg,#F7941D,#F15A24); color:#fff !important;
  font:700 11px/1 'Inter',sans-serif; text-decoration:none; text-transform:uppercase; letter-spacing:0.5px;
  border:none; cursor:pointer;
  box-shadow:0 2px 8px rgba(247,148,29,0.25);
}
.hype-reorder__btn:hover { box-shadow:0 4px 12px rgba(247,148,29,0.35); }

/* ===========================
   PAST ORDERS PREVIEW
   =========================== */
.hype-past-header {
  display:flex; align-items:baseline; justify-content:space-between;
  padding:14px 4px 10px; margin:0;
}
.hype-past-header h2,
.woocommerce-account .woocommerce-MyAccount-content .hype-past-header h2 {
  font:700 18px/1.2 'Plus Jakarta Sans',sans-serif; color:#0B1D2E; margin:0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .hype-past-header a,
.hype-past-header a {
  font:600 12px/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:1px;
  color:#C47200 !important; text-decoration:none !important;
}
.hype-past-list {
  background:#fff; border:1px solid rgba(0,0,0,0.06); border-radius:12px;
  overflow:hidden; margin:0 0 20px;
}
.hype-past-row {
  display:flex; align-items:center; gap:12px;
  padding:12px 14px; border-bottom:1px solid rgba(0,0,0,0.06);
  text-decoration:none; color:inherit;
}
.hype-past-row:last-child { border-bottom:none; }
.hype-past-row__icon {
  width:36px; height:36px; border-radius:10px; flex-shrink:0;
  background:#f0f7fb; color:#1A8FBA;
  display:flex; align-items:center; justify-content:center;
}
.hype-past-row__icon--completed { background:#e8f9ef; color:#1a7a42; }
.hype-past-row__icon--cancelled { background:#fef2f2; color:#b91c1c; }
.hype-past-row__text { min-width:0; flex:1; }
.hype-past-row__title {
  font:600 13px/1.3 'Inter',sans-serif; color:#0B1D2E; margin:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hype-past-row__meta {
  font:400 11px/1.4 'Inter',sans-serif; color:#6a6a7a; margin:2px 0 0;
}
.hype-past-row__total {
  font:600 13px/1.2 'Inter',sans-serif; color:#0B1D2E; flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
.hype-past-row__chev { color:#6a6a7a; flex-shrink:0; }

/* ===========================
   STATUS PILLS — orders table cells
   =========================== */
.hype-order-status {
  display:inline-flex; align-items:center;
  padding:3px 10px; border-radius:50px;
  font:700 10px/1.4 'Inter',sans-serif; text-transform:uppercase; letter-spacing:0.06em;
}
.hype-order-status--processing { background:rgba(247,148,29,0.12); color:#C47200; }
.hype-order-status--completed { background:rgba(39,174,96,0.12); color:#1a7a42; }
.hype-order-status--cancelled,
.hype-order-status--failed { background:rgba(231,76,60,0.12); color:#b91c1c; }
.hype-order-status--on-hold { background:rgba(245,158,11,0.12); color:#92690d; }
.hype-order-status--refunded { background:rgba(11,29,46,0.06); color:#0B1D2E; }
.hype-order-status--pending,
.hype-order-status--pending-payment { background:rgba(11,29,46,0.06); color:#0B1D2E; }

/* ===========================
   REWARDS TAB (template myaccount-points.php)
   =========================== */
.hype-rewards__card {
  background:linear-gradient(135deg,#F7941D,#F15A24); color:#fff;
  border-radius:14px; padding:24px; position:relative; overflow:hidden;
  box-shadow:0 8px 32px rgba(247,148,29,0.22);
}
.hype-rewards__card::after {
  content:""; position:absolute; right:-50px; top:-50px; width:200px; height:200px;
  background:radial-gradient(circle,rgba(255,255,255,0.25) 0%,transparent 70%);
  filter:blur(12px); pointer-events:none;
}
.hype-rewards__kicker {
  font:700 11px/1.2 'Inter',sans-serif; text-transform:uppercase; letter-spacing:2px;
  margin:0; opacity:0.92; position:relative;
}
.hype-rewards__balance {
  font:800 clamp(42px,11vw,56px)/1 'Plus Jakarta Sans',sans-serif;
  margin:8px 0 4px; letter-spacing:-0.02em; position:relative;
}
.hype-rewards__balance-label {
  font:700 13px/1 'Inter',sans-serif; opacity:0.9; text-transform:uppercase; letter-spacing:1.5px;
  margin-left:6px;
}
.hype-rewards__progress {
  position:relative; margin-top:14px;
}
.hype-rewards__progress-bar {
  height:6px; background:rgba(255,255,255,0.22); border-radius:99px; overflow:hidden;
}
.hype-rewards__progress-fill {
  height:100%; background:#fff; border-radius:99px; transition:width .4s ease;
}
.hype-rewards__progress-label {
  font:500 12px/1.4 'Inter',sans-serif; margin:8px 0 0; opacity:0.95;
}
.hype-rewards__meta {
  position:relative; list-style:none; padding:0; margin:14px 0 0;
  display:flex; gap:16px; flex-wrap:wrap;
}
.hype-rewards__meta li {
  font:500 12px/1.4 'Inter',sans-serif; color:rgba(255,255,255,0.92);
}
.hype-rewards__meta strong { font-weight:700; color:#fff; }

/* Invite-a-friend card */
.hype-rewards__invite {
  margin-top:18px; background:#fff; border:1px solid rgba(0,0,0,0.06);
  border-radius:12px; padding:18px;
}
.hype-rewards__invite h3 {
  font:700 14px/1.3 'Plus Jakarta Sans',sans-serif; color:#0B1D2E; margin:0 0 4px;
}
.hype-rewards__invite p {
  font:400 13px/1.5 'Inter',sans-serif; color:#4a4a5a; margin:0 0 12px;
}
.hype-rewards__refbox {
  display:flex; align-items:center; gap:8px;
  background:#f7f9fb; border-radius:10px; padding:6px 6px 6px 12px;
}
.hype-rewards__refbox input {
  flex:1; min-width:0; border:none !important; background:transparent !important;
  font:600 13px 'Inter',monospace !important; color:#0B1D2E !important;
  padding:6px 0 !important; outline:none !important; box-shadow:none !important;
  height:auto !important;
}
.hype-rewards__refbox button {
  flex-shrink:0; padding:10px 18px; border-radius:50px;
  background:#0B1D2E; color:#fff; border:none; cursor:pointer;
  font:700 11px/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:0.6px;
}
.hype-rewards__refbox button:hover { background:#122B42; }

.hype-rewards__history-title {
  font:700 16px/1.2 'Plus Jakarta Sans',sans-serif; color:#0B1D2E;
  margin:24px 0 10px;
}
.hype-rewards__history {
  background:#fff; border:1px solid rgba(0,0,0,0.06);
  border-radius:12px; overflow:hidden;
  border-collapse:separate !important; border-spacing:0 !important;
  width:100%;
}
.hype-rewards__history th {
  background:#f7f9fb;
  font:700 11px/1.2 'Inter',sans-serif; text-transform:uppercase; letter-spacing:1.2px;
  color:#6a6a7a; padding:12px 14px; border:none;
}
.hype-rewards__history td {
  font:400 13px/1.4 'Inter',sans-serif; color:#1a1a2e;
  padding:12px 14px; border-top:1px solid rgba(0,0,0,0.06);
}

/* ===========================
   BOTTOM NAV (mobile, /my-account/ only)
   =========================== */
.hype-bottom-nav {
  position:fixed; bottom:0; left:0; right:0; z-index:60;
  background:#fff; border-top:1px solid rgba(0,0,0,0.06);
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -2px 12px rgba(0,0,0,0.04);
}
.hype-bottom-nav__inner {
  display:grid; grid-template-columns:repeat(5, 1fr); height:64px;
  overflow:visible;
}
.hype-bottom-nav a {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  text-decoration:none; color:#4a4a5a;
  font:600 10px/1.1 'Inter',sans-serif;
  position:relative;
  transition:color .15s ease;
}
.hype-bottom-nav a:hover,
.hype-bottom-nav a.is-active { color:#C47200; }
.hype-bottom-nav__icon {
  width:22px; height:22px; display:flex; align-items:center; justify-content:center;
}
.hype-bottom-nav__icon svg { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hype-bottom-nav__cart-count {
  position:absolute; top:6px; left:50%; margin-left:4px;
  background:#F15A24; color:#fff;
  font:700 9px/1 'Inter',sans-serif;
  min-width:16px; height:16px; padding:0 4px;
  border-radius:99px; display:inline-flex; align-items:center; justify-content:center;
}
.hype-bottom-nav__cart-count[hidden] { display:none; }

/* Center Buy CTA — raised brand-orange button */
.hype-bottom-nav { overflow:visible; }
.hype-bottom-nav a.hype-bottom-nav__buy {
  color:#F15A24;
  font-weight:700;
}
.hype-bottom-nav a.hype-bottom-nav__buy .hype-bottom-nav__icon {
  width:52px; height:52px;
  margin-top:-22px;
  background:#F15A24;
  color:#fff;
  border-radius:50%;
  box-shadow:0 6px 16px rgba(241,90,36,0.35), 0 0 0 4px #fff;
  transition:transform .15s ease, box-shadow .15s ease;
}
.hype-bottom-nav a.hype-bottom-nav__buy .hype-bottom-nav__icon svg {
  width:24px; height:24px; stroke:#fff; stroke-width:1.9;
}
.hype-bottom-nav a.hype-bottom-nav__buy:hover .hype-bottom-nav__icon,
.hype-bottom-nav a.hype-bottom-nav__buy:focus .hype-bottom-nav__icon {
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(241,90,36,0.45), 0 0 0 4px #fff;
}

/* Body padding so content isn't hidden by the bar (any page where bottom-nav renders) */
@media (max-width:1024px){
  body:has(.hype-bottom-nav) {
    padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
  }
}

/* Desktop: hide bottom nav */
@media (min-width:1025px){
  .hype-bottom-nav { display:none; }
}

/* ===========================
   FOOTER HIDE on /my-account/ for logged-in users
   =========================== */
/* On /my-account/ hide every footer container EXCEPT the bottom-nav section.
   (The bottom-nav now lives inside the Elementor footer template, so we can't kill the whole wrapper.) */
body.woocommerce-account.logged-in .rey-siteFooter > .elementor > .elementor-element:not(.elementor-element-hype-mobile-nav-section),
body.woocommerce-account.logged-in footer.site-footer > .elementor > .elementor-element:not(.elementor-element-hype-mobile-nav-section),
body.woocommerce-account.logged-in footer#colophon > .elementor > .elementor-element:not(.elementor-element-hype-mobile-nav-section) {
  display:none !important;
}

/* ===========================
   MOBILE LAYOUT — stack columns, horizontal tab pills
   =========================== */
@media (max-width:1024px){
  /* Override Elementor v4 vertical-tabs widget + the site-wide grid rule in Snippet 6 (specificity 0,4,2)
     by using `html body.logged-in.woocommerce-account` (0,5,2) on the same selector. */
  body.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab,
  body.woocommerce-account .e-my-account-tabs-vertical .e-my-account-tab { display:block !important; }

  html body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce,
  html body.logged-in.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab > .woocommerce,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce,
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce {
    display:flex !important; flex-direction:column !important;
    grid-template-columns:none !important; grid-template-rows:none !important; grid-template-areas:none !important;
    gap:0 !important; width:100% !important;
  }
  body.woocommerce-account .e-my-account-tab .woocommerce > .hype-greeting-strip { order:-2 !important; width:100% !important; max-width:none !important; flex:0 0 auto !important; }
  body.woocommerce-account .e-my-account-tab .woocommerce > .hype-sidebar-card { order:-1 !important; width:100% !important; max-width:none !important; flex:0 0 auto !important; }
  body.woocommerce-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-content { order:0 !important; width:100% !important; max-width:none !important; flex:1 1 auto !important; }

  .woocommerce-MyAccount-navigation-wrapper,
  .e-my-account__navigation-wrapper { width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
  .woocommerce-MyAccount-content-wrapper,
  .e-my-account__content-wrapper { width:100% !important; max-width:100% !important; flex:1 1 100% !important; }

  html body.woocommerce-account .hype-sidebar-card,
  .hype-sidebar-card {
    background:#fff !important; border:none !important;
    padding:0 !important;
    padding-top:0 !important; padding-bottom:0 !important;
    padding-left:0 !important; padding-right:0 !important;
    margin:0 !important; border-radius:0 !important;
    position:sticky !important; top:52px !important; z-index:150 !important;
    width:100vw !important; max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-bottom:1px solid rgba(0,0,0,0.06) !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.04) !important;
  }
  .hype-account-header { display:none !important; }

  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation { margin:0 !important; padding:0 !important; border:none !important; }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation ul,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
    display:flex !important; flex-direction:row !important; gap:8px !important;
    list-style:none !important; margin:0 !important;
    padding:10px 20px !important;
    overflow-x:auto !important; scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch;
    width:100% !important;
  }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation ul::-webkit-scrollbar,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none; }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation li,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation li {
    margin:0 !important; padding:0 !important; flex:0 0 auto !important; border:none !important;
    width:auto !important; max-width:none !important;
  }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation li a,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation li a {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    gap:4px !important;
    padding:6px 14px !important;
    border-radius:50px !important; background:#fff !important;
    border:1px solid rgba(0,0,0,0.1) !important;
    font:600 12px/1.2 'Inter',sans-serif !important; letter-spacing:0.1px !important;
    color:#4a4a5a !important; text-decoration:none !important; white-space:nowrap !important;
    width:auto !important; max-width:none !important;
    transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  }
  /* Kill the empty icon-reservation pseudo Elementor/Rey injects before each menu link */
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::before,
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::after { display:none !important; content:none !important; width:0 !important; }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation li a:hover,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation li a:hover {
    border-color:#0B1D2E !important; color:#0B1D2E !important;
  }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation li.is-active a,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation li.is-active a {
    background:#0B1D2E !important; color:#fff !important; border-color:#0B1D2E !important;
  }

  .hype-account-logout-wrapper { padding:0 20px 10px !important; margin:0 !important; text-align:right; }
  .hype-account-logout {
    font:600 12px/1 'Inter',sans-serif !important; color:#b91c1c !important;
    text-decoration:none !important; letter-spacing:0.3px;
  }
  .hype-account-logout:hover { text-decoration:underline !important; }

  .woocommerce-MyAccount-content,
  .e-my-account-tab { padding:12px 16px 20px !important; background:#f7f9fb !important; }

  /* FLATTEN every wrapper around the active card so we don't show "container in container in container".
     Strip backgrounds, borders, shadows, radii, padding from every ancestor up to body. */
  body.woocommerce-account .elementor-widget-woocommerce-my-account,
  body.woocommerce-account .e-my-account-tabs-vertical,
  body.woocommerce-account .elementor-widget-woocommerce-my-account > .elementor-widget-container,
  body.woocommerce-account .woocommerce-MyAccount-content,
  body.woocommerce-account .rey-myAccContent,
  body.woocommerce-account .woocommerce-MyAccount-content-wrapper,
  body.woocommerce-account .e-my-account-tab > .woocommerce {
    background:transparent !important; border:none !important;
    border-radius:0 !important; box-shadow:none !important;
    padding:0 !important; margin:0 !important;
  }
  /* Re-apply just the page padding on the innermost content host */
  body.woocommerce-account .woocommerce-MyAccount-content {
    padding:14px 16px 20px !important;
  }
  body.woocommerce-account .e-my-account-tab { padding:0 !important; }

  /* The Elementor section wrapping the whole widget — kill its white pill.
     Scoped to .logged-in: when not logged in, normal site header/footer — also Elementor .e-cons — must keep their padding. */
  body.woocommerce-account.logged-in .elementor-section,
  body.woocommerce-account.logged-in .e-con,
  body.woocommerce-account.logged-in .e-con-inner {
    background:transparent !important; padding:0 !important;
  }
  /* Tab nav row — sits inside the sticky .hype-sidebar-card wrapper (which is full-bleed) */
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation {
    padding:0 !important; margin:0 !important;
    width:100% !important; max-width:100% !important;
    background:transparent !important;
  }
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation ul,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
    padding:10px 16px !important;
  }
  /* Tab nav row tighter padding (top/bottom snug — matches mockup) */
  body.woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation ul,
  body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
    padding:4px 16px !important;
  }

  /* Hide the default WC welcome banner on mobile (greeting strip replaces it) */
  .hype-welcome-banner { display:none !important; }

  /* Hide default WC dashboard intro paragraphs */
  .woocommerce-MyAccount-content-wrapper > p,
  .woocommerce-MyAccount-content > p { display:none !important; }

  /* Compress page-intro Elementor container */
  body.woocommerce-account [data-id="f218676"] {
    padding:0 !important; background:transparent !important; min-height:0 !important;
  }
  body.woocommerce-account [data-id="f218676"] > .e-con-inner { padding:0 !important; gap:0 !important; }
  body.woocommerce-account [data-id="b82fb67"],
  body.woocommerce-account [data-id="4ab256d"],
  body.woocommerce-account [data-id="abac40b"] { display:none !important; }

  /* Orders table -> grouped card with status-icon | text | amount+chevron rows */
  .woocommerce-orders-table,
  .woocommerce-MyAccount-orders {
    display:block !important; width:100% !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,0.06) !important;
    border-radius:14px !important; overflow:hidden !important;
    box-shadow:0 1px 2px rgba(0,0,0,0.03) !important;
  }
  .woocommerce-orders-table thead { display:none !important; }
  .woocommerce-orders-table tbody { display:block !important; width:100% !important; }
  .woocommerce-orders-table tbody tr {
    display:grid !important;
    width:100% !important; box-sizing:border-box !important;
    grid-template-columns:1fr auto;
    column-gap:8px;
    background:#fff !important;
    border:none !important; border-radius:0 !important;
    border-bottom:1px solid rgba(0,0,0,0.06) !important;
    margin:0 !important; padding:14px 16px !important;
    box-shadow:none !important;
    cursor:pointer !important;
    transition:background-color .15s ease;
  }
  .woocommerce-orders-table tbody tr:hover,
  .woocommerce-orders-table tbody tr:active { background:#f7f7fa !important; }
  .woocommerce-orders-table tbody tr:last-child { border-bottom:none !important; }
  .woocommerce-orders-table tbody td,
  .woocommerce-orders-table tbody th {
    padding:0 !important; border:none !important;
    display:flex !important; align-items:center;
    width:auto !important;
  }
  .woocommerce-orders-table tbody td::before,
  .woocommerce-orders-table tbody th::before { display:none !important; }

  /* Order# cell (left, expanded with status icon + text) */
  html body.woocommerce-account .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number {
    display:flex !important; align-items:center; gap:12px;
    visibility:visible !important; opacity:1 !important; min-width:0;
  }
  .woocommerce-orders-table .hype-row-link {
    display:flex; align-items:center; gap:12px;
    text-decoration:none !important; color:inherit !important;
    width:100%; min-width:0;
  }
  .hype-row-icon {
    width:42px; height:42px; flex-shrink:0; border-radius:8px;
    background:#e8f9ef; color:#1a7a42;
    display:flex; align-items:center; justify-content:center;
  }
  .hype-row-icon svg { width:20px; height:20px; }
  .hype-row-icon--cancelled, .hype-row-icon--failed, .hype-row-icon--refunded {
    background:#fef2f2; color:#b91c1c;
  }
  .hype-row-icon--processing, .hype-row-icon--on-hold, .hype-row-icon--pending {
    background:#fff4e6; color:#C47200;
  }
  .hype-row-text { min-width:0; display:flex; flex-direction:column; gap:2px; }
  .hype-row-title {
    font:700 14px/1.3 'Inter',sans-serif; color:#0B1D2E;
    text-transform:none !important; letter-spacing:0 !important;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .hype-row-meta {
    font:500 12px/1.3 'Inter',sans-serif; color:#6a6a7a;
    text-transform:none !important; letter-spacing:0 !important;
  }
  .hype-row-amount { text-transform:none !important; letter-spacing:0 !important; }

  /* Total cell (right) */
  .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total {
    justify-content:flex-end; gap:6px;
    font-variant-numeric:tabular-nums;
  }
  .hype-row-amount {
    font:700 14px/1.2 'Inter',sans-serif; color:#0B1D2E;
    white-space:nowrap;
  }
  .hype-row-chev { color:#6a6a7a; display:flex; align-items:center; }
  .hype-row-chev svg { width:18px; height:18px; }
}

/* ===========================
   DESKTOP LAYOUT (≥ 1025px)
   absorbed from Fluent Snippet 16 dashboard CSS
   =========================== */
@media (min-width:1025px){
  .woocommerce-account .e-my-account-tab {
    padding-block:0 !important;
    padding-inline:clamp(16px, 5.6%, 80px) !important;
    max-width:1440px !important; margin:0 auto !important; box-sizing:border-box !important;
  }
  body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce {
    display:grid !important;
    grid-template-columns:260px 1fr !important;
    grid-template-areas:"sidebar content" !important;
    gap:32px !important; align-items:start !important; width:100% !important;
  }
  body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce > .woocommerce-notices-wrapper,
  body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce > ul.woocommerce-error,
  body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce > .woocommerce-message,
  body.logged-in.woocommerce-account .e-my-account-tab > .woocommerce > .woocommerce-info { grid-column:1 / -1 !important; }
  .woocommerce-account .hype-sidebar-card { grid-area:sidebar !important; align-self:start !important; }
  .woocommerce-account .woocommerce-MyAccount-content { grid-area:content !important; }
  .woocommerce-account .woocommerce-MyAccount-content {
    background:#FFFFFF !important; border-radius:12px !important;
    box-shadow:0 4px 24px rgba(0,0,0,0.08) !important;
    padding:28px 32px !important; box-sizing:border-box !important;
  }
  .hype-sidebar-card {
    width:260px !important; flex-shrink:0 !important;
    background:#FFFFFF !important; border-radius:12px !important;
    box-shadow:0 4px 24px rgba(0,0,0,0.08) !important;
    padding:28px 20px !important; box-sizing:border-box !important;
  }
  .hype-account-header { padding-bottom:18px; border-bottom:1px solid rgba(0,0,0,0.07); margin-bottom:12px; }
  .hype-account-eyebrow {
    display:block; font:700 11px/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:3px;
    color:#C47200; margin-bottom:5px;
  }
  .hype-account-title {
    font:700 20px/1.2 'Plus Jakarta Sans',sans-serif !important; color:#0B1D2E !important;
    margin:0 !important; padding:0 !important; border:none !important; background:none !important; text-transform:none !important;
  }

  .hype-welcome-banner {
    background:linear-gradient(100deg,#0B1D2E 0%,#122B42 100%) !important;
    border-radius:10px !important; padding:24px 28px !important; margin-bottom:28px !important;
  }
  .hype-welcome-eyebrow {
    display:block; font:700 11px/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:3px;
    color:rgba(255,255,255,0.5); margin-bottom:5px;
  }
  .hype-welcome-name {
    font:700 20px/1.3 'Plus Jakarta Sans',sans-serif !important;
    color:#FFFFFF !important; margin:0 !important;
  }

  /* Desktop: nav must fill the sidebar — beats Elementor v4 widget's default width:25% */
  .woocommerce-account .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation,
  .woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation {
    width:100% !important;
    float:none !important;
  }

  /* Desktop sidebar nav */
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style:none !important; margin:0 !important; padding:0 !important;
    display:flex !important; flex-direction:column !important; gap:3px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a {
    display:flex !important; align-items:center !important; gap:10px !important;
    padding:9px 14px !important; border-radius:12px !important;
    font:500 14px/1.4 'Inter',sans-serif !important; color:#4a4a5a !important;
    text-decoration:none !important;
    transition:background .15s ease, color .15s ease !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background:rgba(11,29,46,0.05) !important; color:#0B1D2E !important; }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
    background:#f0f7fb !important; box-shadow:0 2px 8px rgba(26,143,186,0.12) !important;
    color:#0B1D2E !important; font-weight:600 !important;
  }

  /* Desktop logout button */
  .hype-account-logout-wrapper {
    border-top:1px solid rgba(0,0,0,0.07);
    margin-top:14px; padding-top:14px;
  }
  .hype-account-logout {
    display:flex !important; align-items:center !important; gap:10px !important;
    padding:9px 14px !important; border-radius:50px !important;
    font:500 14px/1 'Inter',sans-serif !important; color:#c0392b !important;
    text-decoration:none !important;
  }
  .hype-account-logout:hover { background:rgba(192,57,43,0.06) !important; }
}

/* Tracking card inside view-order notes — mirrors the shipped-email tracking block */
.hype-tracking-card {
  background:#edf8fc;
  border:1px solid rgba(59,181,232,0.25);
  border-radius:12px;
  padding:18px 20px;
  margin:14px 0 6px;
  text-align:left;
}
.hype-tracking-card__label {
  font:700 11px/1.2 'Inter',sans-serif;
  letter-spacing:1.5px; text-transform:uppercase;
  color:#1A8FBA;
  margin-bottom:6px;
}
.hype-tracking-card__number {
  font:700 22px/1.1 'Plus Jakarta Sans',sans-serif;
  color:#0B1D2E; letter-spacing:0.5px;
  font-variant-numeric:tabular-nums;
  word-break:break-all;
  margin-bottom:12px;
}
.woocommerce-account .woocommerce-OrderUpdate-description a.hype-tracking-card__link,
a.hype-tracking-card__link {
  display:inline-block;
  font:600 14px/1 'Inter',sans-serif;
  color:#1A8FBA !important;
  text-decoration:none !important;
  border-bottom:2px solid #1A8FBA;
  padding-bottom:2px;
}
a.hype-tracking-card__link:hover { color:#0B1D2E !important; border-bottom-color:#0B1D2E; }

/* Pull the email's cyan accent up into the active-order status pill (shipped/processing on-the-way) */
.hype-active-order__pill { background:rgba(26,143,186,0.20); color:#7dd3fc; }

/* ===========================
   FORMS (edit-account / edit-address)
   =========================== */
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label {
  font:600 13px/1.4 'Inter',sans-serif !important; color:#0B1D2E !important;
  display:block !important; margin-bottom:6px !important;
}
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="date"],
.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
  height:48px; border:1px solid rgba(0,0,0,0.12) !important; border-radius:12px !important;
  padding:10px 14px !important; font:400 16px 'Inter',sans-serif !important;
  background:#fff !important; color:#1a1a2e !important;
  width:100% !important; box-sizing:border-box !important;
  outline:none !important; box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content textarea { height:auto; min-height:96px; }
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
  border-color:rgba(59,181,232,0.5) !important; box-shadow:0 0 0 3px rgba(59,181,232,0.1) !important;
}
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
  height:auto;
  background:linear-gradient(135deg,#F7941D,#F15A24) !important;
  border-radius:50px !important; padding:12px 32px !important;
  font:700 14px/1 'Inter',sans-serif !important; color:#FFFFFF !important;
  border:none !important; box-shadow:0 4px 16px rgba(247,148,29,0.3) !important;
  cursor:pointer !important; text-decoration:none !important;
  display:inline-block !important;
}

/* Hide password section on edit-account — Hype Quick Login handles auth */
.woocommerce-account .woocommerce-EditAccountForm > fieldset { display:none !important; }

/* Gender radio group */
.hype-profile-genders {
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px;
}
.hype-profile-genders label {
  display:inline-flex !important; align-items:center; gap:6px;
  padding:8px 14px; border:1px solid rgba(0,0,0,0.12); border-radius:50px;
  cursor:pointer; font:600 13px/1 'Inter',sans-serif !important; color:#4a4a5a !important;
  margin:0 !important;
}
.hype-profile-genders input { display:none; }
.hype-profile-genders input:checked + span,
.hype-profile-genders label:has(input:checked) { background:#0B1D2E; color:#fff !important; border-color:#0B1D2E; }

/* Destructive logout button on Profile tab — outspecify the global a-color rule */
.woocommerce-account .woocommerce-MyAccount-content a.hype-profile-logout-btn,
.hype-profile-logout-btn {
  display:block; width:100%; margin-top:18px;
  padding:14px 16px; border-radius:12px;
  background:#fef2f2 !important; color:#9b1c1c !important; border:1px solid #fecaca;
  font:700 13px/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:0.5px;
  text-align:center; text-decoration:none !important;
}
.woocommerce-account .woocommerce-MyAccount-content a.hype-profile-logout-btn:hover,
.hype-profile-logout-btn:hover { background:#fee2e2 !important; color:#9b1c1c !important; }

/* =========================================================
   ACTIVE ORDER — courier-label summary + collapsible detail
   ========================================================= */
.hype-active-order__summary { position:relative; }

/* Courier-label rows */
.hype-active-order__label {
  position:relative;
  display:flex; flex-direction:column; gap:4px;
  margin:6px 0 14px;
}
.hype-active-order__name {
  margin:0;
  font:700 16px/1.25 'Plus Jakarta Sans',sans-serif; color:#fff;
  letter-spacing:-0.01em;
  text-transform:uppercase;
}
.hype-active-order__addr {
  margin:0;
  font:500 13px/1.35 'Inter',sans-serif; color:rgba(255,255,255,0.78);
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.hype-active-order__items {
  margin:6px 0 0;
  font:500 13px/1.35 'Inter',sans-serif; color:rgba(255,255,255,0.85);
}
.hype-active-order__total-line {
  margin:4px 0 0;
  font:800 22px/1 'Plus Jakarta Sans',sans-serif; color:#fff;
  font-variant-numeric:tabular-nums; letter-spacing:-0.01em;
  text-align:right;
}
.hype-active-order__total-line .woocommerce-Price-amount,
.hype-active-order__total-line .woocommerce-Price-currencySymbol { color:#fff !important; }

/* Details button: align with primary CTA, add chevron, rotate on expand */
.hype-active-order__details-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  border:0; cursor:pointer; font:inherit;
}
.hype-active-order__details-btn .hype-active-order__chev {
  transition:transform .25s ease;
}
.hype-active-order__details-btn[aria-expanded="true"] .hype-active-order__chev {
  transform:rotate(180deg);
}

/* Collapsible detail panel */
.hype-active-order__detail {
  max-height:0; overflow:hidden; opacity:0;
  transition:max-height .4s ease, opacity .25s ease, margin-top .25s ease;
  margin-top:0;
}
.hype-active-order__detail.is-expanded {
  max-height:3000px; opacity:1; margin-top:18px;
}
.hype-active-order__detail-inner {
  display:flex; flex-direction:column; gap:18px;
  padding-top:18px; border-top:1px solid rgba(255,255,255,0.10);
}

/* Detail section shell */
.hype-detail-section { color:#fff; }
.hype-detail-section__title {
  margin:0 0 10px;
  font:700 11px/1.2 'Inter',sans-serif; text-transform:uppercase; letter-spacing:1.2px;
  color:#7dd3fc;
}

/* Items list */
.hype-detail-items {
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:10px;
}
.hype-detail-items__row {
  display:grid; grid-template-columns:44px 1fr auto; gap:10px;
  align-items:center;
  background:rgba(255,255,255,0.05); border-radius:10px; padding:8px 12px;
}
.hype-detail-items__thumb {
  width:44px; height:44px; border-radius:8px; overflow:hidden;
  background:rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.55);
}
.hype-detail-items__thumb svg { width:22px; height:22px; }
.hype-detail-items__img { width:100%; height:100%; object-fit:contain; display:block; }
.hype-detail-items__body { display:flex; flex-direction:column; gap:2px; min-width:0; }
.hype-detail-items__name {
  font:600 14px/1.3 'Inter',sans-serif; color:#fff;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hype-detail-items__qty {
  font:500 12px/1.3 'Inter',sans-serif; color:rgba(255,255,255,0.65);
  font-variant-numeric:tabular-nums;
}
.hype-detail-items__qty .woocommerce-Price-amount { color:rgba(255,255,255,0.65) !important; }
.hype-detail-items__total {
  font:700 14px/1 'Plus Jakarta Sans',sans-serif; color:#fff;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.hype-detail-items__total .woocommerce-Price-amount,
.hype-detail-items__total .woocommerce-Price-currencySymbol { color:#fff !important; }

/* Totals breakdown */
.hype-detail-totals { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.hype-detail-totals__row {
  display:flex; justify-content:space-between; align-items:baseline; gap:12px;
  font:500 13px/1.4 'Inter',sans-serif; color:rgba(255,255,255,0.80);
}
.hype-detail-totals__row .woocommerce-Price-amount,
.hype-detail-totals__row .woocommerce-Price-currencySymbol { color:rgba(255,255,255,0.80) !important; }
.hype-detail-totals__row--disc { color:#7be8a3; }
.hype-detail-totals__row--disc .woocommerce-Price-amount,
.hype-detail-totals__row--disc .woocommerce-Price-currencySymbol { color:#7be8a3 !important; }
.hype-detail-totals__row--grand {
  margin-top:6px; padding-top:10px;
  border-top:1px solid rgba(255,255,255,0.10);
  font:800 17px/1.2 'Plus Jakarta Sans',sans-serif; color:#fff;
  font-variant-numeric:tabular-nums;
}
.hype-detail-totals__row--grand .woocommerce-Price-amount,
.hype-detail-totals__row--grand .woocommerce-Price-currencySymbol { color:#fff !important; }
.hype-detail-totals__value { font-variant-numeric:tabular-nums; }

/* Shipping section */
.hype-detail-address {
  font:500 13px/1.55 'Inter',sans-serif; color:rgba(255,255,255,0.88);
  font-style:normal;
  background:rgba(255,255,255,0.05); border-radius:10px; padding:12px 14px;
}
.hype-detail-section--shipping .hype-tracking-card { margin-top:12px; }

/* Payment section */
.hype-detail-payment {
  margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 16px;
  font:500 13px/1.4 'Inter',sans-serif;
}
.hype-detail-payment dt { color:rgba(255,255,255,0.60); font-weight:600; }
.hype-detail-payment dd { margin:0; color:#fff; }

/* Documents section (Bulgarisation PDFs) */
.hype-detail-docs { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.hype-detail-doc-link {
  display:grid; grid-template-columns:36px 1fr auto; gap:10px; align-items:center;
  padding:10px 14px; border-radius:10px;
  background:rgba(255,255,255,0.05); color:#fff !important; text-decoration:none !important;
  border:1px solid rgba(125,211,252,0.18);
  transition:background-color .15s ease, border-color .15s ease;
}
.hype-detail-doc-link:hover { background:rgba(255,255,255,0.10); border-color:rgba(125,211,252,0.40); }
.hype-detail-doc-link__icon {
  width:36px; height:36px; border-radius:8px;
  background:rgba(26,143,186,0.20); color:#7dd3fc;
  display:flex; align-items:center; justify-content:center;
}
.hype-detail-doc-link__icon svg { width:18px; height:18px; }
.hype-detail-doc-link__label {
  font:600 13px/1.3 'Inter',sans-serif; color:#fff;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hype-detail-doc-link__ext {
  font:700 10px/1 'Inter',sans-serif; letter-spacing:0.08em;
  color:#7dd3fc; background:rgba(26,143,186,0.15);
  padding:4px 8px; border-radius:50px;
}

/* Disable transition during JS swap */
.hype-active-order.is-swapping .hype-active-order__detail { transition:none !important; }

/* =====================================
   PAST-ORDERS — Load-more button
   ===================================== */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Pagination,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination { display:none !important; }

.hype-load-more {
  display:block; width:100%;
  margin:14px 0 4px; padding:14px 18px;
  background:#fff !important; color:#0B1D2E !important;
  border:1px solid rgba(0,0,0,0.10) !important;
  border-radius:12px;
  font:700 14px/1 'Inter',sans-serif; letter-spacing:0.02em;
  cursor:pointer;
  text-align:center;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease;
}
.hype-load-more:hover,
.hype-load-more:focus { background:#f7f7fa !important; border-color:rgba(0,0,0,0.18) !important; }
.hype-load-more:disabled,
.hype-load-more.is-loading {
  opacity:0.6; cursor:wait;
}
.hype-load-more.is-loading::after {
  content:'…'; margin-left:6px;
}


/* === Desktop /my-account/ overrides (status-icon size + sidebar SVG icons) === */
.hype-row-icon { width:42px; height:42px; flex-shrink:0; border-radius:8px; background:#e8f9ef; color:#1a7a42; display:flex; align-items:center; justify-content:center; }
.hype-row-icon svg { width:20px; height:20px; }
.hype-row-icon--cancelled, .hype-row-icon--failed, .hype-row-icon--refunded { background:#fef2f2; color:#b91c1c; }

@media (min-width:1025px){
  body.woocommerce-account .woocommerce-MyAccount-navigation li > a { display:flex !important; align-items:center; gap:10px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation li > a::before { content:''; display:inline-block !important; width:18px; height:18px; flex-shrink:0; background-position:center; background-repeat:no-repeat; background-size:contain; opacity:.9; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders > a::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 01-8 0'/></svg>") !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--points > a::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>") !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods > a::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='1' y='4' width='22' height='16' rx='2' ry='2'/><line x1='1' y1='10' x2='23' y2='10'/></svg>") !important; }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account > a::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important; }
}

/* === Past-orders rows: card layout at all viewports === */
.woocommerce-orders-table thead { display:none !important; }
.woocommerce-orders-table tbody tr {
  display:grid !important;
  grid-template-columns:1fr auto;
  column-gap:8px;
  width:100% !important; box-sizing:border-box !important;
  background:#fff !important;
  border:none !important; border-radius:0 !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
  margin:0 !important; padding:14px 16px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background-color .15s ease;
}
.woocommerce-orders-table tbody tr:hover, .woocommerce-orders-table tbody tr:active { background:#f7f7fa !important; }
.woocommerce-orders-table tbody tr:last-child { border-bottom:none !important; }
.woocommerce-orders-table tbody td, .woocommerce-orders-table tbody th { border:none !important; padding:0 !important; background:none !important; }
.woocommerce-orders-table tbody td::before, .woocommerce-orders-table tbody th::before { display:none !important; }
html body.woocommerce-account .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number { display:flex !important; align-items:center; gap:12px; visibility:visible !important; opacity:1 !important; min-width:0; }
.woocommerce-orders-table .hype-row-link { display:flex !important; align-items:center; gap:12px; text-decoration:none !important; color:inherit !important; width:100%; min-width:0; text-transform:none !important; letter-spacing:0 !important; }
.hype-row-title { font:700 14px/1.3 'Inter',sans-serif; color:#0B1D2E; text-transform:none !important; letter-spacing:0 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hype-row-meta { font:500 12px/1.3 'Inter',sans-serif; color:#6a6a7a; text-transform:none !important; letter-spacing:0 !important; }
.hype-row-text { min-width:0; flex:1; }
.woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table tbody .hype-row-amount { display:flex !important; align-items:center; gap:6px; justify-content:flex-end; white-space:nowrap; font:700 14px/1.2 'Inter',sans-serif; color:#0B1D2E; text-transform:none !important; letter-spacing:0 !important; }
.woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table tbody .order-actions { display:none !important; }
.hype-row-amount svg { width:16px; height:16px; flex-shrink:0; color:#0B1D2E; }

/* Stack injected (€…) below BGN amount on past-order rows */
.hype-row-amount { flex-direction:column !important; align-items:flex-end !important; white-space:normal !important; line-height:1.2; }
.hype-row-amount .hype-row-eur { display:block; font:600 11px/1.2 'Inter',sans-serif; color:#6a6a7a; margin-top:2px; }

/* Chevron arrow on past-order rows (all viewports) */
.hype-row-chev { color:#6a6a7a; display:flex !important; align-items:center; flex-shrink:0; margin-left:8px; }
.hype-row-chev svg { width:18px; height:18px; }

/* Mobile: hide Profile pill (Profile is reachable via bottom-nav account icon) */
@media (max-width:1024px){
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account { display:none !important; }
}