/* =====================================================================
     ZARROE mobile menu: styles copied from the live theme
     (woodmart-child/style.css + styles injected by zarroe-mobile-menu.js)
     ===================================================================== */
  :root {
    --zr-menu-bg:#f8f6f1; --zr-menu-surface:#fffdf9; --zr-menu-ink:#111319;
    --zr-menu-muted:#74777c; --zr-menu-line:#b9b8b3; --zr-menu-accent:#fe4800;
  }
  /* ---------- Main drawer (#zr-mobile-drawer) ---------- */
  #zr-mobile-drawer {
    position:relative; width:100vw; max-width:430px; min-height:100dvh; margin:0 auto; padding:0 24px;
    display:flex; flex-direction:column; background:var(--zr-menu-bg); color:var(--zr-menu-ink); overflow-y:auto;
  }
  .zr-mobile-menu-brand { position:relative; display:flex; align-items:center; justify-content:center; min-height:88px; width:100%; flex:0 0 auto; }
  .zr-mobile-menu-close, .zr-category-fullscreen-close {
    position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; padding:0; border:0; border-radius:3px; background:#111319; color:#fffdf9;
    font-family:Inter,Arial,sans-serif; font-size:27px; font-weight:300; line-height:.8; text-align:center; cursor:pointer;
    -webkit-appearance:none; appearance:none;
  }
  /* Same centering fix the live site uses (zr-mobile-menu-close-align) */
  #zr-mobile-drawer button.zr-mobile-menu-close, .zr-category-fullscreen-close {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    padding:0 !important; text-align:center !important;
  }
  #zr-mobile-drawer button.zr-mobile-menu-close::before, #zr-mobile-drawer button.zr-mobile-menu-close > * { margin:0 !important; }
  .zr-mobile-menu-logo, .zr-category-fullscreen-logo {
    position:absolute; left:44%; top:50%; transform:translate(calc(-50% + 2px),-50%); z-index:1;
    display:flex; align-items:center; justify-content:center;
  }
  .zr-mobile-menu-logo img, .zr-category-fullscreen-logo img { display:block; width:150px; max-width:150px; height:auto; }
  .zr-mobile-menu-header-actions, .zr-category-header-actions {
    position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2;
    display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:8px; white-space:nowrap;
  }
  .zr-mobile-menu-header-actions a, .zr-category-header-actions a {
    position:relative; display:inline-flex; flex:0 0 36px; align-items:center; justify-content:center; width:36px; height:42px; color:var(--zr-menu-ink);
  }
  .zr-mobile-menu-header-actions svg, .zr-category-header-actions svg {
    width:22px; height:22px; fill:currentColor; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
  }

  /* Search */
  .wd-search-form { margin:0 0 28px; }
  .wd-search-form .searchform { position:relative; border:1px solid var(--zr-menu-line); border-radius:8px; background:var(--zr-menu-surface); }
  .wd-search-form input[type="text"] {
    width:100%; height:62px; padding:0 56px 0 18px; border:0; background:transparent; outline:0;
    color:var(--zr-menu-ink); font-family:Inter,Arial,sans-serif; font-size:17px;
  }
  .wd-search-form input[type="text"]::placeholder { color:var(--zr-menu-muted); }
  .wd-search-form .searchsubmit { position:absolute; right:0; top:0; width:56px; height:100%; border:0; background:transparent; color:var(--zr-menu-ink); cursor:pointer; }
  .wd-search-form .searchsubmit svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }

  /* Root menu */
  .mobile-pages-menu { flex:0 0 auto; margin:0; padding:0; list-style:none; background:transparent; }
  .mobile-pages-menu > li { margin:0; border-bottom:1px solid var(--zr-menu-line); }
  .mobile-pages-menu > li > a {
    position:relative; display:flex; align-items:center; min-height:68px; padding:12px 45px 12px 10px; color:var(--zr-menu-ink);
    font-family:Inter,Arial,sans-serif; font-size:clamp(27px,7.6vw,32px); font-weight:700; line-height:1; letter-spacing:.03em;
  }
  .mobile-pages-menu > li.menu-item-has-children > a { padding-right:90px; }
  .mobile-pages-menu > .zr-menu-motorcycle > a { font-size:clamp(23px,6.4vw,28px); }
  .mobile-pages-menu > .zr-menu-custom > a { min-height:72px; color:var(--zr-menu-accent); }
  .zr-mobile-menu-forward {
    position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center;
    width:80px; height:100%; margin:0; border-left:1px solid #b9b8b3; color:#111319;
  }
  .zr-mobile-menu-forward svg { display:block; width:19px; height:19px; fill:currentColor; }
  .zr-mobile-menu-forward { transition:color .16s ease; }
  /* Hover: label and arrow turn orange */
  .mobile-pages-menu > li.menu-item-has-children > a:hover,
  .mobile-pages-menu > li.menu-item-has-children > a:focus-visible { color:var(--zr-menu-accent); outline:0; }
  .mobile-pages-menu > li.menu-item-has-children > a:hover .zr-mobile-menu-forward,
  .mobile-pages-menu > li.menu-item-has-children > a:focus-visible .zr-mobile-menu-forward { color:var(--zr-menu-accent); }

  /* Bottom strip */
  .zr-mobile-menu-utility { flex:0 0 auto; margin:auto -24px 0; padding:18px 24px 16px; border-top:1px solid var(--zr-menu-line); background:var(--zr-menu-bg); }
  .zr-mobile-menu-utility p { margin:0; padding:0; border:0; color:var(--zr-menu-muted); font-family:Inter,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.16em; text-align:center; }
  .zr-mobile-menu-utility p b { color:var(--zr-menu-ink); padding:0 7px; }

  /* ---------- Full-screen category overlay ---------- */
  .zr-category-fullscreen {
    position:fixed; z-index:100001; inset:0; display:none; width:100vw; height:100dvh; margin:0; padding:0; overflow:hidden;
    background:#f8f6f1; color:#111319;
  }
  .zr-category-fullscreen.is-open, .zr-category-fullscreen.is-closing { display:flex; flex-direction:column; }
  .zr-category-fullscreen-header {
    position:relative; display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:100%; max-width:430px; margin:0 auto;
    min-height:88px; padding:0 24px; border-bottom:1px solid #b9b8b3; background:#f8f6f1;
  }
  .zr-category-fullscreen-close { left:24px; font-weight:300; }
  .zr-category-fullscreen-logo { left:44%; }
  .zr-category-header-actions { right:24px; }
  .zr-category-fullscreen-content {
    flex:1 1 auto; width:100%; max-width:none; margin:0; overflow-y:auto; overscroll-behavior:contain; padding:30px 24px 40px;
  }
  .zr-category-fullscreen-page { display:none; }
  .zr-category-fullscreen-page.is-active { display:block; }

  .zr-category-page-titlebar {
    position:relative; display:flex; align-items:center; justify-content:center; min-height:48px; margin:0 0 16px; padding:0 0 18px; border-bottom:1px solid #b9b8b3;
  }
  .zr-category-content-back {
    position:absolute; left:0; top:calc(50% - 6px); transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; padding:0; border:0; background:transparent; color:#111319; cursor:pointer;
  }
  .zr-category-content-back svg { width:19px; height:19px; fill:currentColor; }
  .zr-category-fullscreen-page h2 {
    flex:1; margin:0; padding:0; border:0; text-align:center; color:#111319;
    font-family:Inter,Arial,sans-serif; font-size:clamp(29px,8vw,34px); font-weight:700; line-height:1; letter-spacing:.04em;
  }

  .zr-category-fullscreen-links { display:flex; flex-direction:column; }
  .zr-category-fullscreen-group-title {
    margin:26px 0 6px; padding:0; border:0; color:#111319;
    font-family:Inter,Arial,sans-serif; font-size:17px; font-weight:700; line-height:1.15; letter-spacing:.04em;
  }
  .zr-category-fullscreen-group-title:first-child { margin-top:14px; }
  .zr-category-fullscreen-group-title:nth-of-type(2),
  .zr-category-fullscreen-group-title:nth-of-type(3) { margin-top:30px; margin-bottom:6px; padding:0; border:0; }

  .zr-category-fullscreen-links > a {
    display:flex; align-items:center; width:max-content; max-width:100%; min-height:34px; padding:3px 0; border:0; color:#111319;
    font-family:Inter,Arial,sans-serif; font-size:14px; font-weight:500; letter-spacing:.06em; line-height:1.25;
  }
  /* LIVE HOVER EFFECT: dotted underline on category links */
  .zr-category-fullscreen-links > a:hover,
  .zr-category-fullscreen-links > a:focus-visible { border-bottom:1px dotted currentColor; outline:0; }

  /* New Arrivals banner */
  .zr-category-featured-arrivals {
    position:relative; display:block; width:100%; max-width:none; min-height:156px; margin:20px auto; padding:0; overflow:hidden;
    border:0; border-radius:12px; background:#111319; color:#fffdf9;
  }
  /* The banner is a direct child of the links list, so it must out-rank the generic link rule above
     (live site uses !important / inline styles for the same reason). */
  .zr-category-fullscreen-links > a.zr-category-featured-arrivals {
    display:block; width:100%; max-width:none; min-height:156px; margin:20px auto; padding:0; border:0; border-radius:12px;
  }
  .zr-category-fullscreen-links > a.zr-category-featured-arrivals:hover,
  .zr-category-fullscreen-links > a.zr-category-featured-arrivals:focus-visible { border:0; }
  .zr-category-featured-arrivals img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; opacity:.78; }

  /* Support links */
  .zr-category-support-links {
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; margin:4px 0 0; padding:8px 0 0; border-top:1px solid #b9b8b3;
  }
  .zr-category-support-links a {
    display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:auto; max-width:none; min-height:26px; padding:5px 8px;
    border:0; color:#111319; font-family:Inter,Arial,sans-serif; font-size:7px; font-weight:600; letter-spacing:.06em; line-height:1.2; text-align:center;
  }
  /* Hover: dotted underline (same as the category links), no box */
  .zr-category-support-links a:hover,
  .zr-category-support-links a:focus-visible { border-bottom:1px dotted currentColor; outline:0; }

  /* ---------- Animations (same as zarroe-mobile-menu.js) ---------- */
  .mobile-pages-menu > li > a { transition:color .16s ease, transform .16s ease; }
  .mobile-pages-menu > li > a:active { transform:translateX(2px); }
  .zr-mobile-menu-forward svg { transition:transform .16s ease; }
  .mobile-pages-menu > li > a:active .zr-mobile-menu-forward svg { transform:translateX(3px); }

  .zr-category-fullscreen.is-open { transform:none; }
  .zr-category-fullscreen.is-open .zr-category-fullscreen-header { transform:none; animation:none; }
  .zr-category-fullscreen.is-open .zr-category-fullscreen-content { animation:zr-menu-content-in .16s ease-out both; }
  @keyframes zr-menu-content-in { from { transform:translateX(12px); opacity:.96; } to { transform:translateX(0); opacity:1; } }

  .zr-category-fullscreen.is-closing { display:flex; transform:none; animation:none; }
  .zr-category-fullscreen.is-closing .zr-category-fullscreen-header { transform:none; animation:none; }
  .zr-category-fullscreen.is-closing .zr-category-fullscreen-content { animation:zr-menu-content-out .16s ease-in both !important; }
  @keyframes zr-menu-content-out { from { transform:translateX(0); opacity:1; } to { transform:translateX(12px); opacity:.96; } }

  @media (prefers-reduced-motion:reduce) {
    .mobile-pages-menu > li > a, .zr-mobile-menu-forward svg,
    .zr-category-fullscreen.is-open, .zr-category-fullscreen.is-open .zr-category-fullscreen-header, .zr-category-fullscreen.is-open .zr-category-fullscreen-content,
    .zr-category-fullscreen.is-closing .zr-category-fullscreen-content { animation:none !important; transition:none !important; }
  }

  /* Tablet sizing (live site: 768px to 1024px) */
  @media (min-width:768px) and (max-width:1024px) {
    #zr-mobile-drawer { max-width:520px; padding:0 32px; }
    .zr-mobile-menu-brand { min-height:96px; }
    .wd-search-form { margin-bottom:32px; }
    .mobile-pages-menu > li > a { min-height:76px; padding-left:12px; font-size:34px; }
    .mobile-pages-menu > .zr-menu-motorcycle > a { font-size:30px; }
    .zr-mobile-menu-utility { margin-right:-32px; margin-left:-32px; padding-right:32px; padding-left:32px; }
    .zr-category-fullscreen-content { width:100%; max-width:none; margin:0; padding:36px 32px 48px; }
    .zr-category-fullscreen-page h2 { font-size:36px; }
    .zr-category-fullscreen-group-title { font-size:19px; }
    .zr-category-fullscreen-links > a { min-height:38px; font-size:15px; }
  }

/* WordPress drawer shell and responsive positioning */
#zr-mobile-drawer { position:fixed; inset:0; z-index:100000; display:flex !important; width:auto; max-width:none; height:100vh; height:100dvh; min-height:100dvh; margin:0; padding:0 24px; overflow-y:auto; transform:translateX(-100%); visibility:hidden; pointer-events:none; transition:transform .5s cubic-bezier(.19,1,.22,1),visibility 0s linear .5s; will-change:transform; }
#zr-mobile-drawer.is-open { display:flex !important; transform:translateX(0); visibility:visible; pointer-events:auto; transition:transform .5s cubic-bezier(.19,1,.22,1),visibility 0s linear 0s; }
#zr-mobile-drawer.is-closing { display:flex !important; transform:translateX(-100%); visibility:visible; pointer-events:none; transition:transform .5s cubic-bezier(.19,1,.22,1),visibility 0s linear .5s; }
.zr-drawer-shade { display:block !important; position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.58); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .5s cubic-bezier(.19,1,.22,1),visibility 0s linear .5s; }
.zr-drawer-shade.is-open { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .5s cubic-bezier(.19,1,.22,1),visibility 0s linear 0s; }
.zr-drawer-shade.is-closing { opacity:0; visibility:visible; pointer-events:none; }
.zr-mobile-menu-brand { min-height:88px; }
.zr-mobile-menu-header-actions svg { fill:none; stroke:currentColor; }
.zr-category-fullscreen { z-index:100001; }
.zr-category-fullscreen-header { min-height:88px; }
.zr-category-fullscreen-logo img { display:block; width:150px; height:auto; }
.zr-category-fullscreen.is-open .zr-category-fullscreen-header { transform:none; }
.zr-category-fullscreen-page .zr-category-support-links { display:flex; }
@media (min-width:768px) and (max-width:1024px) {
  #zr-mobile-drawer { width:100vw; max-width:none; padding:0 32px; }
}

#zr-mobile-drawer .zr-mobile-menu-close { background:#111319 !important; color:#fffdf9 !important; border:0 !important; }
#zr-mobile-drawer .mobile-pages-menu > li > a { text-decoration:none !important; }

.zr-category-header-actions svg { fill:none !important; stroke:currentColor !important; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.zr-category-fullscreen-links > a, .zr-category-support-links a { text-decoration:none !important; }

#zr-mobile-drawer form.wd-search-form { display:block !important; width:100%; margin:0 0 28px; padding:0; border:0; }
#zr-mobile-drawer .wd-search-form .searchform { display:block; width:100%; }
#zr-mobile-drawer .wd-search-form input[type=text] { display:block; width:100%; }

/* Keep the category panel's top bar at the same viewport coordinates as the drawer bar. */
.zr-category-fullscreen-header { width:100%; max-width:none; padding:0 24px; border-bottom:0; }
.zr-category-fullscreen-logo { left:calc(44% + 4px); }
.zr-category-fullscreen-content { padding-top:30px !important; }
.zr-mobile-menu-header-actions a[aria-label="Account"] svg,
.zr-category-header-actions a[aria-label="Account"] svg { fill:currentColor !important; stroke:none !important; }
@media (min-width:768px) and (max-width:1024px) {
  .zr-category-fullscreen-header { padding-right:32px; padding-left:32px; }
  .zr-category-fullscreen-close { left:32px; }
  .zr-category-header-actions { right:32px; }
  .zr-category-fullscreen-content { padding-top:36px !important; }
}

/* Match the reference controls and hold them steady as category content changes. */
.zr-mobile-menu-logo,
.zr-category-fullscreen-logo { left:50% !important; transform:translate(-50%,-50%) !important; }
#zr-mobile-drawer .zr-mobile-menu-logo { left:calc(50% - 12.5px) !important; }
.zr-category-fullscreen-header { height:88px; min-height:88px; box-sizing:border-box; border-bottom:0; }
.zr-category-fullscreen-header::after { position:absolute; right:0; bottom:0; left:0; height:1px; background:#b9b8b3; content:""; pointer-events:none; }
#zr-mobile-drawer .zr-mobile-menu-close,
.zr-category-fullscreen .zr-category-fullscreen-close { width:30px; height:42px; transition:background-color .25s,color .25s; }
#zr-mobile-drawer .zr-mobile-menu-close:hover,
#zr-mobile-drawer .zr-mobile-menu-close:focus-visible,
.zr-category-fullscreen .zr-category-fullscreen-close:hover,
.zr-category-fullscreen .zr-category-fullscreen-close:focus-visible { background:#fe4800 !important; color:#fffdf9 !important; }
#zr-mobile-drawer .zr-mobile-menu-header-actions a:hover,
#zr-mobile-drawer .zr-mobile-menu-header-actions a:focus-visible,
.zr-category-header-actions a:hover,
.zr-category-header-actions a:focus-visible { color:#fe4800 !important; }
#zr-mobile-drawer .zr-mobile-menu-header-actions a,
.zr-category-header-actions a { transition:color .25s ease; }
#zr-mobile-drawer .zr-mobile-menu-header-actions svg,
.zr-category-header-actions svg { transition:color .25s ease; }

/* Share one stationary drawer header across every category page. */
.zr-mobile-drawer.has-category .zr-mobile-menu-brand::after { position:absolute; right:0; bottom:0; left:0; height:1px; background:#b9b8b3; content:""; pointer-events:none; }
.zr-category-fullscreen { inset:88px 0 0 !important; width:auto; height:auto !important; }
#zr-mobile-drawer .zr-mobile-menu-header-actions svg { width:26px !important; height:26px !important; }
#zr-mobile-drawer .zr-menu-bag-count {
  position:absolute; top:1px; right:0; display:flex; align-items:center; justify-content:center;
  width:15px; height:15px; border-radius:50%; background:#fe4800; color:#fff;
  font:700 9px/15px Inter,Arial,sans-serif; font-style:normal;
}
#zr-mobile-drawer form.wd-search-form { width:100%; margin-right:0; margin-left:0; }
#zr-mobile-drawer .wd-search-form .searchform,
#zr-mobile-drawer .wd-search-form input[type=text] { box-sizing:border-box; width:100%; }
#zr-mobile-drawer .wd-search-form .searchsubmit { display:flex; align-items:center; justify-content:flex-end; padding:0 18px 0 0; }
#zr-mobile-drawer .wd-search-form .searchsubmit svg { transform:none; }
#zr-mobile-drawer .mobile-pages-menu > li > a:hover,
#zr-mobile-drawer .mobile-pages-menu > li > a:focus-visible { color:#fe4800 !important; }
@media (min-width:768px) and (max-width:1024px) {
  .zr-mobile-drawer.has-category .zr-mobile-menu-brand::after { right:0; left:0; }
  .zr-mobile-menu-brand { min-height:96px !important; }
  .zr-category-fullscreen { top:96px !important; }
}