/* v1.4.2 — single settings strip + hardened pill clicks */
/* Layout width */
.kkad-account .woocommerce{ max-width: 1200px; margin-left:auto; margin-right:auto; }
.kkad-account .woocommerce-MyAccount-content, 
.kkad-account .woocommerce-MyAccount-navigation{ padding-left: 8px; padding-right:8px; }

@media (max-width: 782px){
  .woocommerce-account .woocommerce{ display:flex !important; flex-direction:column !important; }
  #kkad-header{ order:0 !important; }
  .woocommerce-MyAccount-navigation{ order:1 !important; }
  .woocommerce-MyAccount-content{ order:2 !important; }
}

/* Hide default greeting */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{ display:none; }

/* Sticky pill nav (click-safe) */
.kkad-account .woocommerce-MyAccount-navigation{
  position: sticky;
  top: 0;
  z-index: 10050; /* above most theme chrome */
  background:linear-gradient(180deg,#ffffff 30%, rgba(255,255,255,0));
  padding-top:.35rem;
  pointer-events:auto;
  isolation:isolate; /* new stacking context so overlays behind can't capture clicks */
}
.admin-bar .kkad-account .woocommerce-MyAccount-navigation{ top: 32px; }
@media (max-width:782px){
  .admin-bar .kkad-account .woocommerce-MyAccount-navigation{ top: 46px; }
}
.kkad-account .woocommerce-MyAccount-navigation ul{ display:flex; gap:.6rem; flex-wrap:nowrap; overflow:auto; list-style:none; padding:0; margin:.6rem 0 1rem; }
.kkad-account .woocommerce-MyAccount-navigation a{ display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1rem; border-radius:999px; border:1.5px solid var(--kkad-border,#e5e7eb); background:#fff; color:#111827; text-decoration:none; font-weight:700; white-space:nowrap; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.kkad-account .woocommerce-MyAccount-navigation .is-active a,
.kkad-account .woocommerce-MyAccount-navigation a:hover{ border-color:var(--kkad-accent,#0ea5e9); box-shadow:0 0 0 3px rgba(14,165,233,.12); }
.kkad-account .woocommerce-MyAccount-navigation a .kkad-icon{ font-size:1rem; line-height:1; }

/* Mini header shell — will only appear if enabled in settings */
#kkad-mini-tabs[hidden]{display:none;}
#kkad-mini-tabs{ position:sticky; top:56px; z-index: 10040; background:#ffffffcc; backdrop-filter:saturate(1.2) blur(6px); padding:.45rem .6rem; border-bottom:1px solid #eef2f7; display:flex; gap:.6rem; overflow:auto; transform:translateY(-8px); opacity:0; transition:transform .25s ease, opacity .25s ease; }
#kkad-mini-tabs.show{ transform:translateY(0); opacity:1; }
#kkad-mini-tabs a{ padding:.38rem .75rem; border-radius:999px; border:1px solid #e5e7eb; text-decoration:none; color:#111827; white-space:nowrap; font-weight:700; display:inline-flex; align-items:center; gap:.45rem; }
#kkad-mini-tabs a.active{ border-color:var(--kkad-accent,#0ea5e9); }

/* Emoji icon mapping */
.kkad-icon{ display:inline-block; }
[data-kkad-endpoint="dashboard"] .kkad-icon::before{ content:"🎛️"; }
[data-kkad-endpoint="orders"] .kkad-icon::before{ content:"🧾"; }
[data-kkad-endpoint="downloads"] .kkad-icon::before{ content:"⬇️"; }
[data-kkad-endpoint="edit-address"] .kkad-icon::before{ content:"🏠"; }
[data-kkad-endpoint="payment-methods"] .kkad-icon::before{ content:"💳"; }
[data-kkad-endpoint="edit-account"] .kkad-icon::before{ content:"👤"; }
[data-kkad-endpoint="customer-logout"] .kkad-icon::before{ content:"🚪"; }

/* Header card + stats */
.kkad-header{ margin-bottom:.5rem; }
.kkad-header-card{ position:relative; display:flex; align-items:center; gap:1rem; justify-content:space-between; background:linear-gradient(180deg,#f8fafc,#fff); border:1px solid var(--kkad-border,#e5e7eb); border-radius:16px; padding:1rem 1.25rem; }
.kkad-left{ display:flex; align-items:center; gap:1rem; }
.kkad-avatar{ width:52px; height:52px; border-radius:999px; background:var(--kkad-accent,#0ea5e9); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.25rem; box-shadow:0 10px 16px rgba(2,132,199,.25); }
.kkad-headings .kkad-greet{ font-weight:800; font-size:1.1rem; color:#111827; }
.kkad-headings .kkad-sub{ color:#6b7280; font-size:.9rem; }
.kkad-stats{ display:flex; gap:1rem; align-items:stretch; }
.kkad-stats > div{ display:flex; flex-direction:column; align-items:flex-start; padding:.25rem .5rem; min-width: 90px; }
.kkad-stats > div span{ font-weight:800; font-size:1rem; line-height:1.2; color:#0f172a; }
.kkad-stats > div em{ font-style:normal; font-size:.82rem; color:#6b7280; }

/* Sections & cards */
.kkad-sections{ display:grid; gap:1rem; }
.kkad-two-col{ grid-template-columns: 1.2fr 1fr; align-items:start; }
.kkad-col-left, .kkad-col-right{ display:grid; gap:1rem; }
.kkad-card{ border:1px solid var(--kkad-border,#e5e7eb); border-radius:16px; background:#fff; padding:1rem; }
.kkad-card-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; }
.kkad-card-head h3{ margin:0; font-size:1.1rem; color:#111827; }
.kkad-link{ text-decoration:none; color:var(--kkad-accent,#0ea5e9); }

/* Order Again slider */
.kkad-arrows{ display:flex; gap:.5rem; }
.kkad-prev,.kkad-next{ border:1px solid var(--kkad-border,#e5e7eb); background:#fff; border-radius:999px; width:34px; height:34px; line-height:32px; text-align:center; cursor:pointer; }
.kkad-scroll{ display:flex; gap:.75rem; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.25rem; }
.kkad-scroll::-webkit-scrollbar{ height:8px; }
.kkad-scroll::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:8px; }
.kkad-slide{ min-width: 210px; max-width: 240px; flex:0 0 auto; scroll-snap-align:start; border:1px solid #eef2f7; border-radius:12px; padding:.6rem; background:#fff; }
.kkad-thumb-wrap{ display:block; border-radius:10px; overflow:hidden; }
.kkad-item-title{ font-weight:700; font-size:.95rem; line-height:1.2; height:2.4em; overflow:hidden; color:#111827; margin-top:.3rem; }
.kkad-item-price{ color:#111827; font-weight:700; margin-bottom:.25rem; }
.kkad-btn{ display:inline-block; text-align:center; padding:.45rem .7rem; border-radius:999px; background:var(--kkad-accent,#0ea5e9); color:#fff; text-decoration:none; font-weight:700; }

/* Orders list */
.kkad-orders{ list-style:none!important; padding-left:0; margin:0; display:grid; gap:.5rem; }
.kkad-orders li{ padding:.65rem .75rem; background:#f8fafc; border-radius:10px; border:1px solid #eef2f7; color:#111827; }
.kkad-badge{ display:inline-block; padding:.15rem .55rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; margin:0 .25rem; }

/* Modal */
.kkad-modal[hidden]{ display:none; }
.kkad-modal{ position:fixed; inset:0; z-index:9999; }
.kkad-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.4); }
.kkad-modal-panel{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:min(95vw,560px); max-height:85vh; overflow:auto; background:#fff; color:#111827; border:1px solid #e5e7eb; border-radius:14px; padding:1rem; }
.kkad-close{ position:absolute; right:.65rem; top:.4rem; border:0; background:transparent; font-size:1.5rem; cursor:pointer; }

@media (max-width: 1024px){ .kkad-two-col{ grid-template-columns: 1fr; } }

/* v1.4.3 — pill row swipe + click guarantees */
.kkad-account .woocommerce-MyAccount-navigation{ pointer-events:auto; }
.kkad-account .woocommerce-MyAccount-navigation ul{
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scroll-behavior: smooth;
}
.kkad-account .woocommerce-MyAccount-navigation a{ pointer-events:auto; position:relative; z-index:1; }

/* Optional chevrons */
.kkad-nav-arrows{ display:flex; gap:.35rem; align-items:center; margin:.25rem 0 .75rem; }
.kkad-nav-arrows .kkad-nav-btn{
  border:1px solid var(--kkad-border,#e5e7eb); background:#fff; border-radius:999px;
  width:32px; height:32px; line-height:30px; text-align:center; cursor:pointer;
}
@media (min-width: 1025px){
  /* show arrows only when content overflows */
  .kkad-account .woocommerce-MyAccount-navigation.has-overflow .kkad-nav-arrows{ display:flex; }
}

/* v1.4.4 — desktop pill polish */
@media (min-width:1025px){
  .kkad-account .woocommerce-MyAccount-navigation{
    top: var(--kkad-top-desktop, 0px);
  }
}
/* lock heights to prevent jitter */
.kkad-account .woocommerce-MyAccount-navigation ul{
  min-height: 48px;
}
.kkad-account .woocommerce-MyAccount-navigation a{
  line-height: 1; /* compact */
}
/* fix potential transform jitter in sticky containers */
.kkad-account .woocommerce-MyAccount-navigation{
  will-change: transform;
  backface-visibility: hidden;
}
/* optional: if user disables desktop sticky via setting we add a class (from JS) */
.kkad-sticky-off-desktop .woocommerce-MyAccount-navigation{
  position: static !important;
  top: auto !important;
}

/* ensure arrows sit aligned on desktop */
@media (min-width:1025px){
  .kkad-account .woocommerce-MyAccount-navigation .kkad-nav-arrows{ justify-content:flex-end; }
}

/* v1.4.5 — desktop wrap (no sticky/scroll), mobile keeps swipe */
@media (min-width:1025px){
  .kkad-account .woocommerce-MyAccount-navigation{
    position: static;
    top: auto;
    background: transparent;
  }
  .kkad-account .woocommerce-MyAccount-navigation ul{
    overflow: visible;
    flex-wrap: wrap;
    row-gap: .5rem;
  }
  .kkad-account .woocommerce-MyAccount-navigation .kkad-nav-arrows{ display:none !important; }
}

/* v1.4.6 — desktop-only: hide recent orders; nav link click safety */
.kkad-account .woocommerce-MyAccount-navigation ul{ position:relative; z-index:1; }
.kkad-account .woocommerce-MyAccount-navigation a{ pointer-events:auto; }

/* v1.4.8 — optional desktop hide for Recent Orders via body class */
@media (min-width:1025px){
  .kkad-hide-recent-desktop .kkad-card.kkad-recent{ display:none !important; }
}