/*
Theme Name: Amazon theme 6 name 0.1.26
Author: Noman + ChatGPT
Version: 0.1.26
Description: Ultra-lean classic theme with a 2-row Amazon-style header (desktop), 3-row header (mobile), WooCommerce-ready UI.
Text Domain: amazon6name0126
*/
:root {
  --container: 1200px;
  --pad: clamp(10px, 2vw, 16px);
  --gap: clamp(8px, 2vw, 16px);
  --bg-1: #131921;
  --bg-2: #232F3E;
  --text-1: #ffffff;
  --text-2: #e6e6e6;
  --accent: #febd69;
  --focus: #60a5fa;
}

html {scroll-behavior: smooth;}
body {margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji; line-height:1.4; color:#111;}
a {color: inherit;}
img {max-width: 100%; height: auto;}
.visually-hidden {position:absolute!important; height:1px;width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;}

.container {max-width: var(--container); margin-inline:auto; padding-inline: var(--pad);}
.sc-header {position:relative; z-index:50;}
.sc-row1 {background: var(--bg-1); color: var(--text-1);}
.sc-row2 {background: var(--bg-2); color: var(--text-2);}
.sc-row3 {background: var(--bg-2); color: var(--text-2);} /* mobile-only row */

.sc-row1 .container {display:grid; grid-template-columns:auto 1fr auto auto; gap: var(--gap); align-items:center; padding-block: var(--pad);}
.sc-row2 .container {display:grid; grid-template-columns:auto 1fr; gap: var(--gap); align-items:center; padding-block: 10px;}
.sc-row3 .container {padding-block: 8px;}

.sc-brand {display:flex; align-items:center; gap:10px; text-decoration:none;}
.sc-brand img {display:block; width:180px; height:48px; aspect-ratio:180/48;}

/* Search */
.sc-search {position:relative; display:flex; min-width:0;}
.sc-search form {display:flex; width:100%;}
.sc-search select, .sc-search input[type="search"] {border:0; outline:none;}
.sc-search select {padding:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; background:#fff; color:#111; min-width:150px;}
.sc-search input[type="search"] {flex:1; padding:10px; background:#fff;}
.sc-search button[type="submit"] {border:0; padding:10px 14px; background:var(--accent); border-top-right-radius:10px; border-bottom-right-radius:10px; cursor:pointer;}
.sc-search button:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}
/* Live results */
.sc-search-results {position:absolute; inset-inline:0; top:calc(100% + 6px); background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.06); max-height:60vh; overflow:auto; display:none; z-index:80;}
.sc-search-results[aria-hidden="false"] {display:block;}
.sc-search-results ul {list-style:none; margin:0; padding:6px;}
.sc-search-results li a {display:grid; grid-template-columns:40px 1fr auto; gap:10px; align-items:center; padding:8px; border-radius:8px; color:#111; text-decoration:none;}
.sc-search-results li a:hover {background:#f8fafc;}
.sc-search-results img {width:40px; height:40px; object-fit:contain; display:block;}

/* Actions */
.sc-actions {display:flex; align-items:center; gap:18px; color:#fff;}
.sc-ico-btn {display:inline-flex; align-items:center; gap:8px; color:#fff; text-decoration:none; padding:8px 10px; border-radius:10px;}
.sc-ico-btn:focus-visible {outline:2px solid var(--focus); outline-offset:2px; background:rgba(255,255,255,.06);}
.sc-count {display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:999px; background:#ef4444; color:#fff; font-size:12px; line-height:1;}

/* Row 2 */
.sc-burger {display:inline-flex; align-items:center; gap:8px; cursor:pointer; padding:8px 10px; border-radius:10px; background:transparent; border:0; color:#fff;}
.sc-burger:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}

.sc-nav {overflow:visible;}
.sc-nav ul {display:flex; flex-wrap:wrap; gap: clamp(10px,2vw,22px); list-style:none; margin:0; padding:0;}
.sc-nav a {text-decoration:none; color:#fff; font-weight:500; padding:6px 0; position:relative; z-index:1; pointer-events:auto;}
.sc-nav a:focus-visible {outline:2px solid var(--focus); outline-offset:2px; border-radius:8px; background:rgba(255,255,255,.06);}

/* Overlay + Drawers */
.sc-overlay {position:fixed; inset:0; background:rgba(0,0,0,.45); backdrop-filter: blur(2px); opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease; z-index:60;}
.sc-overlay.active {opacity:1; visibility:visible;}
.sc-drawer {position:fixed; top:0; bottom:0; width:min(90vw,360px); background:#fff; box-shadow:0 10px 40px rgba(0,0,0,.18); transform:translateX(-100%); transition:transform .2s ease; z-index:70; overflow:auto;}
.sc-drawer.right {right:0; left:auto; transform:translateX(100%);} /* RIGHT drawer origin */
.sc-drawer.open {transform:translateX(0);}
.sc-drawer header {padding:14px 16px; border-bottom:1px solid #eee; font-weight:600; display:flex; align-items:center; justify-content:space-between;}
.sc-close {background:transparent; border:0; padding:6px; line-height:1; border-radius:8px; cursor:pointer;}
.sc-close:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}
.sc-drawer .inner {padding:12px;}

/* Drawer Menu (left hamburger) */
.sc-drawer .drawer-menu ul{list-style:none; padding:0; margin:0; display:grid; gap:6px;}
.sc-drawer .drawer-menu li{display:flex; align-items:center; gap:6px; flex-wrap:wrap; position:relative;}
.sc-drawer .drawer-menu li > a{flex:1; display:block; min-width:0; padding:10px 8px; border-radius:8px; text-decoration:none; color:#111; position:relative; z-index:1;}
.sc-drawer .drawer-menu li > a:hover{background:#f3f4f6;}
.sc-subtoggle{margin-left:auto; background:transparent; border:0; width:26px; height:26px; display:grid; place-items:center; border-radius:6px; cursor:pointer; position:relative; z-index:2;}
.sc-subtoggle svg{transition: transform .15s ease;}
.sc-drawer .drawer-menu li.open > .sc-subtoggle svg{transform: rotate(90deg);}
.sc-drawer .drawer-menu .sub-menu{display:none !important; width:100%; margin-top:4px; padding-left:14px; border-left:2px solid #e5e7eb;}
.sc-drawer .drawer-menu .sub-menu a{font-size:.95rem; color:#374151;}
.sc-drawer .drawer-menu li.open > .sub-menu{display:block !important;}
.sc-drawer .drawer-menu .sub-menu .sub-menu{padding-left:18px; border-left:2px dashed #e5e7eb;}

/* Cart Drawer */
.sc-mini-cart .widget_shopping_cart_content{display:block;}
.sc-mini-cart .woocommerce-mini-cart{list-style:none;margin:0;padding:0;display:grid!important;gap:10px;}
.sc-mini-cart .woocommerce-mini-cart-item{display:grid!important;grid-template-columns:30% 70%!important;grid-template-rows:auto auto auto;gap:8px 12px;padding:12px;border-radius:12px;background:#fafafa;border:1px solid #eee;align-items:center;}
.sc-mini-cart .sc-item-thumb{grid-column:1;grid-row:1 / span 3;display:grid;place-items:center;}
.sc-mini-cart .sc-item-thumb img{width:100%!important;max-width:120px;max-height:120px;object-fit:contain;display:block;margin:auto;}
.sc-mini-cart .sc-item-body{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-rows:auto auto auto;align-items:center;gap:6px;min-width:0;}
.sc-mini-cart .sc-item-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;}
.sc-mini-cart .sc-item-title{flex:1;min-width:0;font-weight:600;line-height:1.3;color:#111;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sc-mini-cart .sc-remove a.remove{
  display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;background:transparent;position:relative;overflow:hidden;flex:0 0 auto;
  margin-right:20px; margin-inline-end:20px;
  color:transparent; font-size:0; text-indent:0;
}
.sc-mini-cart .sc-remove a.remove::after{ content:none !important; }
.sc-mini-cart .sc-remove a.remove::before{
  content:""; position:absolute; inset:0;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="%23000" stroke-width="2" stroke-linecap="round" fill="none"/></svg>');
  background-repeat:no-repeat; background-position:center; background-size:16px 16px;
}
.sc-mini-cart .sc-price{font-weight:600;color:#111;}
.sc-mini-cart .sc-qty{display:inline-flex;align-items:center;gap:8px;}
.sc-mini-cart .sc-qty button{width:28px;height:28px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.sc-mini-cart .sc-qty input[type="number"]{width:56px;height:28px;border:1px solid #ddd;border-radius:8px;text-align:center;}

/* Buttons */
.sc-mini-cart .woocommerce-mini-cart__buttons{display:grid;gap:10px;margin-top:12px;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button{display:block;width:100%;padding:14px 16px;border-radius:0;border:none;text-align:center;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout){background:#111;color:#fff;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button.checkout{background:var(--accent);color:#111;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:hover{opacity:.92;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}

.sc-mini-cart .woocommerce-mini-cart__total{margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-weight:600;display:flex;justify-content:space-between;}
.sc-mini-cart .woocommerce-mini-cart__empty-message{padding:8px;}

/* prevent layout jumping */
.sc-mini-cart{contain:layout paint;}

/* ======= RESPONSIVE RULES ======= */

/* Tablet: hide horizontal desktop nav as before */
@media (max-width: 1024px){
  .sc-nav { display: none !important; }
}

/* Mobile (≤767px): enable 3-row layout */
@media (max-width: 1024px){
  /* Row 1: burger (no text) + logo + account + cart */
  .sc-row1 .container { grid-template-columns: auto 1fr auto auto; }
  .sc-burger--mobile { display:inline-flex; }
  .sc-row2 .sc-burger { display:none !important; } /* hide row2 burger on mobile */
  .sc-burger span { display:none; } /* hide "Shop By Department" label on mobile */

  /* Hide desktop search in row1; show mobile search in row2 */
  .sc-search.sc-search--desktop { display:none !important; }
  .sc-search.sc-search--mobile { display:flex !important; }

  /* Row 3: show mobile sliding nav */
  .sc-row3 { display:block; }
  .sc-nav--mobile { display:block !important; overflow:hidden; }
  .sc-nav--mobile ul {
    display:flex; gap:16px; list-style:none; padding:0; margin:0;
    overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;
  }
  .sc-nav--mobile li { flex:0 0 auto; }
  .sc-nav--mobile a { display:inline-block; padding:8px 2px; }
}

/* Default hidden states for mobile-only elements */
.sc-burger--mobile { display:none; }
.sc-row3 { display:none; }
.sc-search.sc-search--mobile { display:none; }


/* === 0.1.17 MOBILE-ONLY TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Ensure burger is visible as first item */
  .sc-burger--mobile{ display:inline-flex !important; visibility:visible !important; }

  /* Keep row1 grid tight, no overflow */
  .sc-row1 .container{ grid-template-columns:auto 1fr auto auto; gap:12px; }

  /* Mobile search: full-width, no overflow */
  .sc-search.sc-search--mobile{ width:100%; min-width:0; }
  .sc-search.sc-search--mobile form{ width:100%; min-width:0; display:flex; gap:0; }
  .sc-search.sc-search--mobile select{ min-width:90px; max-width:35%; }
  .sc-search.sc-search--mobile input[type="search"]{ flex:1 1 auto; min-width:0; }
  .sc-search.sc-search--mobile button[type="submit"]{ flex:0 0 auto; }
  .sc-search.sc-search--mobile .sc-search-results{ inset-inline:0; max-width:100%; overflow:hidden; }
}


/* === 0.1.18 MOBILE-ONLY TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Bigger logo on mobile */
  .sc-brand img{ width:210px; height:auto; }

  /* Slightly more space between columns in Row 1 */
  .sc-row1 .container{ gap:16px; }

  /* Hide 'Cart' label on mobile; keep badge */
  .sc-actions .js-open-cart span:not(.js-cart-count){ display:none !important; }

  /* Ensure Row 3 horizontal menu is visible and scrollable */
  .sc-row3{ display:block; }
  .sc-nav--mobile{ display:block !important; overflow:hidden; }
  .sc-nav--mobile ul{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

  /* Center-align the mobile search component */
  .sc-row2 .container{ justify-items:center; }
  .sc-search.sc-search--mobile{ width:100%; }
  .sc-search.sc-search--mobile form{ width:100%; max-width:640px; margin:0 auto; }
}


/* === 0.1.19 MOBILE + ICON TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Slightly bigger mobile logo */
  .sc-brand img{ width:230px; height:auto; }
}

/* Ensure no hover background on the cart mini remove 'X' */
.sc-mini-cart .sc-remove a.remove,
.sc-mini-cart .sc-remove a.remove:hover,
.sc-mini-cart .sc-remove a.remove:focus,
.sc-mini-cart .sc-remove a.remove:focus-visible{
  background: transparent !important;
  box-shadow: none !important;
}


/* === 0.1.20 MOBILE-ONLY: Row-3 menu single line + horizontal drag === */
@media (max-width: 1024px){
  .sc-row3{ display:block; }
  .sc-nav--mobile{ display:block !important; }
  .sc-nav--mobile ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:16px;
    list-style:none;
    padding:0;
    margin:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
    scroll-snap-type: x proximity;
  }
  .sc-nav--mobile li{
    flex:0 0 auto;
    scroll-snap-align: start;
  }
  .sc-nav--mobile a{
    display:block;
    padding:8px 4px;
    white-space:nowrap;
  }
  /* Optional: hide scrollbar for cleaner look */
  .sc-nav--mobile ul::-webkit-scrollbar{ display:none; }
  .sc-nav--mobile ul{ -ms-overflow-style:none; scrollbar-width:none; }
}


/* === 0.1.21 MOBILE-ONLY: Row-1 grouped spacing === */
@media (max-width: 1024px){
  /* Switch row1 container to flex to control group gap */
  .sc-row1 .container{
    display:flex !important;
    align-items:center;
    gap:0;            /* no global gaps */
  }
  /* Group 1: Burger + Logo (small gap) */
  .sc-burger--mobile{ margin-right:8px; }
  /* Huge gap between Logo and Actions */
  .sc-actions{ margin-left:auto; gap:10px; }   /* Group 2: Account + Cart (small gap) */

  /* Ensure wishlist (if present) doesn't break the "two-item" feel on mobile (optional but safe) */
  .sc-actions [aria-label="Wishlist"]{ display:none !important; }
}


/* === 0.1.22 MOBILE-ONLY: Search full-width + equal padding, smaller logo === */
@media (max-width: 1024px){
  /* Slightly smaller logo on mobile */
  .sc-brand img{ width:200px; height:auto; }

  /* Make Row-2 a single column so search spans full width */
  .sc-row2 .container{ grid-template-columns: 1fr; justify-items: stretch; }

  /* Mobile search: full width of container (no fixed max) */
  .sc-search.sc-search--mobile{ width:100%; min-width:0; }
  .sc-search.sc-search--mobile form{ width:100%; max-width:none; margin:0; }
  .sc-search.sc-search--mobile select{ min-width:90px; max-width:35%; }
  .sc-search.sc-search--mobile input[type="search"]{ flex:1 1 auto; min-width:0; }
  .sc-search.sc-search--mobile button[type="submit"]{ flex:0 0 auto; }
  .sc-search.sc-search--mobile .sc-search-results{ inset-inline:0; max-width:100%; overflow:hidden; }
}


/* === 0.1.23 MOBILE-ONLY: adaptive logo + single-line "Sign in" === */
@media (max-width: 1024px){
  /* Allow the brand block to shrink gracefully */
  .sc-brand{ min-width:0; }
  /* Adaptive logo width: shrinks on very small devices, caps at previous mobile size */
  .sc-brand img{ width:clamp(120px, 35vw, 200px); height:auto; }

  /* Keep the "Sign in" label on a single line */
  .sc-actions .sc-ico-btn span{ white-space:nowrap; }
}


/* === 0.1.26: Fix Lighthouse Deprecated API (H1UserAgentFontSizeInSection)
   Explicitly define h1 sizing in sectioning elements to avoid relying on UA defaults. === */
:where(article,aside,nav,section,main) h1{ font-size:2em; margin:0.67em 0; }