/* SSK Store V4.1.87 — Mobile menu + mobile search stability
 * Built on V4.1.86 without changing the theme's PHP/WooCommerce structure.
 * Old V4.1.82/83/85/86 drawer rules are no longer enqueued; this file is the
 * single mobile drawer authority. Desktop navigation/mega-menu is untouched.
 */
@media (max-width:760px){
  /* ---------- MOBILE HEADER + SEARCH ---------- */

  /* ---------- HEADER FLOW: keep the existing header, reveal the search row ---------- */
  html body.ssk-premium-v40.ssk-mobile .ssk-header{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    overflow:visible!important;
    position:relative!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-header-main{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    overflow:visible!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-search{
    display:flex!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:stretch!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-search input[type=search]{
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-search button{
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-header-main{
    grid-template-columns:40px minmax(0,1fr) 48px!important;
    grid-template-rows:58px 44px!important;
    height:108px!important;
    min-height:108px!important;
    max-height:none!important;
    padding:0 8px 6px!important;
    gap:0 6px!important;
    overflow:visible!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-search{
    display:flex!important;
    position:relative!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    order:initial!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:10px!important;
    overflow:hidden!important;
    visibility:visible!important;
    background:#0d0d12!important;
    box-sizing:border-box!important;
  }
  html body.ssk-premium-v40.ssk-mobile .ssk-search span{font-size:20px!important;padding:0 9px!important;color:#9b9ca6!important;}
  html body.ssk-premium-v40.ssk-mobile .ssk-search input[type=search]{display:block!important;width:auto!important;height:100%!important;min-width:0!important;flex:1 1 auto!important;font-size:13px!important;color:#fff!important;background:transparent!important;border:0!important;outline:0!important;}
  html body.ssk-premium-v40.ssk-mobile .ssk-search input[type=search]::placeholder{color:#858792!important;opacity:1!important;}
  html body.ssk-premium-v40.ssk-mobile .ssk-search button{display:block!important;height:100%!important;min-width:56px!important;padding:0 10px!important;border:0!important;font-size:12px!important;font-weight:900!important;background:linear-gradient(135deg,var(--pink),var(--pink2))!important;color:#fff!important;}

  /* ---------- PORTAL ROOT ---------- */
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    z-index:2147483640!important;
    pointer-events:none!important;
    isolation:isolate!important;
    contain:strict!important;
  }
  html body.ssk-premium-v40.ssk-mobile.ssk-drawer-open #ssk-mobile-menu-root{pointer-events:auto!important;}

  /* ---------- BACKDROP: no blur/filter/compositing tricks ---------- */
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-drawer-overlay{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:rgba(0,0,0,.72)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:opacity .16s ease,visibility .16s ease!important;
    z-index:0!important;
  }
  html body.ssk-premium-v40.ssk-mobile.ssk-drawer-open #ssk-mobile-menu-root .ssk-drawer-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* ---------- DRAWER: one opaque panel, transform-X only ---------- */
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer{
    position:absolute!important;
    top:108px!important;
    left:12px!important;
    right:auto!important;
    bottom:74px!important;
    width:min(360px,calc(100vw - 24px))!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0 12px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    background:#09090d!important;
    background-color:#09090d!important;
    background-image:linear-gradient(180deg,#09090d 0%,#0d0b12 100%)!important;
    border:1px solid rgba(255,32,145,.62)!important;
    border-radius:13px!important;
    box-shadow:0 18px 55px rgba(0,0,0,.78),0 0 28px rgba(255,20,145,.14)!important;
    opacity:1!important;
    visibility:hidden!important;
    transform:translateX(-110%)!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    isolation:isolate!important;
    contain:paint!important;
    will-change:transform!important;
    z-index:1!important;
    pointer-events:none!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
  html body.ssk-premium-v40.ssk-mobile.ssk-drawer-open #ssk-mobile-menu-root .ssk-mobile-drawer{
    visibility:visible!important;
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  /* Opaque paint surface prevents any page content from showing through. */
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:#09090d!important;
    border-radius:12px!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    min-height:62px!important;
    height:62px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    background:#09090d!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-drawer-head strong{
    color:#fff!important;font-size:18px!important;font-weight:950!important;letter-spacing:.8px!important;line-height:1!important;opacity:1!important;filter:none!important;text-shadow:none!important;
  }
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-drawer-head strong::before{content:'☰'!important;display:inline-block!important;margin-right:9px!important;color:#ff42a5!important;font-size:18px!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-drawer-close{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,32,145,.55)!important;border-radius:10px!important;background:rgba(196,20,114,.10)!important;color:#ff42a5!important;font-size:28px!important;line-height:1!important;opacity:1!important;filter:none!important;transform:none!important;
  }
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a,
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a *{
    opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;mix-blend-mode:normal!important;color:#fff!important;text-shadow:none!important;
    -webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important;
  }
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a{
    position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;flex:0 0 58px!important;min-height:58px!important;height:58px!important;margin:0!important;padding:0 12px!important;gap:12px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:8px!important;background:transparent!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:0!important;box-sizing:border-box!important;
  }
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:hover,
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:active{background:rgba(255,20,145,.08)!important;color:#fff!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a::before{display:inline-flex!important;width:28px!important;min-width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;font-size:20px!important;line-height:1!important;filter:none!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(1)::before{content:'⌂';color:#fff!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(2)::before{content:'▦';color:#ff45a5!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(3)::before{content:'♧';color:#ffc51b!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(4)::before{content:'✪';color:#ff45a5!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(5)::before{content:'☆';color:#ff79bd!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(6)::before{content:'◉';color:#31d463!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(7)::before{content:'🛒';font-size:18px!important;color:#ff45a5!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(2)::after{content:'⌄'!important;margin-left:auto!important;color:#ff45a5!important;font-size:20px!important;font-weight:900!important;}
  html body.ssk-premium-v40.ssk-mobile #ssk-mobile-menu-root .ssk-mobile-drawer a:nth-of-type(4)::after{content:'YENİ'!important;margin-left:auto!important;padding:4px 7px!important;border-radius:7px!important;background:#e21b83!important;color:#fff!important;font-size:8px!important;font-weight:950!important;line-height:1!important;}

  /* Keep the page in place while the menu is open; do not use opacity/filter. */
  html body.ssk-premium-v40.ssk-mobile.ssk-drawer-open{overflow:hidden!important;}
  html body.ssk-premium-v40.ssk-mobile.ssk-drawer-open .ssk-main{pointer-events:none!important;}
}

@media (min-width:761px){
  #ssk-mobile-menu-root{display:none!important;}
}