/* Guraba Luxury Menu Button V8
   Premium hamburger button + smooth luxury mobile menu panel.
   This file only overrides the mobile menu button/panel styling. */
:root{
  --guraba-menu-gold:#b87931;
  --guraba-menu-gold-2:#d5a369;
  --guraba-menu-brown:#43291c;
  --guraba-menu-cream:#fffaf3;
  --guraba-menu-line:#eadfce;
  --guraba-menu-shadow:0 22px 55px rgba(74,43,24,.16);
}

@media (max-width: 840px){
  .site-header{
    min-height:92px!important;
    height:92px!important;
    padding-left:clamp(20px,5.5vw,34px)!important;
    padding-right:clamp(18px,5.2vw,32px)!important;
    background:rgba(255,250,243,.88)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(184,121,49,.14)!important;
  }

  .site-header .brand img{
    width:clamp(190px,48vw,245px)!important;
    max-width:245px!important;
    max-height:72px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:drop-shadow(0 12px 24px rgba(69,40,22,.08))!important;
  }

  .site-header .menu-toggle,
  .site-header button[data-menu-toggle]{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    min-height:74px!important;
    margin-left:auto!important;
    padding:0!important;
    border-radius:26px!important;
    border:1.5px solid rgba(184,121,49,.34)!important;
    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),rgba(255,255,255,.60) 42%,rgba(252,244,233,.72) 100%)!important;
    box-shadow:
      0 18px 46px rgba(79,48,27,.14),
      0 2px 0 rgba(255,255,255,.88) inset,
      0 -12px 34px rgba(184,121,49,.07) inset!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    transition:transform .34s cubic-bezier(.2,.85,.2,1), box-shadow .34s ease, border-color .34s ease!important;
    z-index:1002!important;
    gap:0!important;
    flex-direction:initial!important;
  }

  .site-header .menu-toggle:before,
  .site-header button[data-menu-toggle]:before{
    content:""!important;
    position:absolute!important;
    inset:-2px!important;
    border-radius:inherit!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,0) 42%),
      linear-gradient(315deg,rgba(184,121,49,.13),rgba(255,255,255,0) 58%)!important;
    pointer-events:none!important;
  }

  .site-header .menu-toggle:after,
  .site-header button[data-menu-toggle]:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:28px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,var(--guraba-menu-gold),#8d5f2f)!important;
    box-shadow:0 5px 15px rgba(184,121,49,.20)!important;
    transform:translate(-50%,-50%)!important;
    transition:opacity .32s ease, transform .32s ease, width .32s ease!important;
    pointer-events:none!important;
  }

  .site-header .menu-toggle span,
  .site-header button[data-menu-toggle] span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,var(--guraba-menu-gold-2),var(--guraba-menu-gold),#8a5d2e)!important;
    box-shadow:0 5px 15px rgba(184,121,49,.18)!important;
    transition:transform .36s cubic-bezier(.2,.85,.2,1), width .36s ease, opacity .28s ease!important;
    margin:0!important;
    flex:none!important;
  }

  .site-header .menu-toggle span:nth-child(1),
  .site-header button[data-menu-toggle] span:nth-child(1){
    width:32px!important;
    transform:translate(-50%,-10px)!important;
  }

  .site-header .menu-toggle span:nth-child(2),
  .site-header button[data-menu-toggle] span:nth-child(2){
    width:24px!important;
    transform:translate(-50%,10px)!important;
  }

  .site-header .menu-toggle:hover,
  .site-header button[data-menu-toggle]:hover,
  .site-header .menu-toggle:focus-visible,
  .site-header button[data-menu-toggle]:focus-visible{
    transform:translateY(-2px) scale(1.025)!important;
    border-color:rgba(184,121,49,.55)!important;
    box-shadow:
      0 24px 60px rgba(79,48,27,.18),
      0 2px 0 rgba(255,255,255,.95) inset,
      0 -12px 34px rgba(184,121,49,.10) inset!important;
    outline:none!important;
  }

  .site-header .menu-toggle:hover span:nth-child(1),
  .site-header button[data-menu-toggle]:hover span:nth-child(1){
    width:26px!important;
  }

  .site-header .menu-toggle:hover:after,
  .site-header button[data-menu-toggle]:hover:after{
    width:34px!important;
  }

  .site-header .menu-toggle:hover span:nth-child(2),
  .site-header button[data-menu-toggle]:hover span:nth-child(2){
    width:20px!important;
  }

  .site-header .menu-toggle.is-lux-open span:nth-child(1),
  .site-header button[data-menu-toggle].is-lux-open span:nth-child(1){
    width:32px!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }

  .site-header .menu-toggle.is-lux-open span:nth-child(2),
  .site-header button[data-menu-toggle].is-lux-open span:nth-child(2){
    width:32px!important;
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }

  .site-header .menu-toggle.is-lux-open:after,
  .site-header button[data-menu-toggle].is-lux-open:after{
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.55)!important;
  }

  .site-header .menu-toggle .lux-menu-spark,
  .site-header button[data-menu-toggle] .lux-menu-spark{
    position:absolute!important;
    right:13px!important;
    top:12px!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#fff4d8,var(--guraba-menu-gold))!important;
    box-shadow:0 0 14px rgba(184,121,49,.55)!important;
    opacity:.9!important;
    pointer-events:none!important;
  }

  .site-header .menu-toggle .lux-menu-sheen,
  .site-header button[data-menu-toggle] .lux-menu-sheen{
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.55) 42%,transparent 55%)!important;
    transform:translateX(-110%)!important;
    animation:gurabaMenuSheen 4.8s ease-in-out infinite!important;
    pointer-events:none!important;
  }

  @keyframes gurabaMenuSheen{
    0%,72%{transform:translateX(-115%)}
    100%{transform:translateX(115%)}
  }

  /* Luxury side mobile menu panel */
  .mobile-menu{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1001!important;
    padding:34px 28px 48px!important;
    overflow:auto!important;
    background:
      radial-gradient(circle at 20% 0%,rgba(216,170,112,.22),transparent 34%),
      linear-gradient(135deg,rgba(255,250,243,.97),rgba(251,241,226,.95))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(100%)!important;
    transition:transform .46s cubic-bezier(.2,.85,.18,1), opacity .34s ease, visibility .34s ease!important;
  }

  .mobile-menu:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:
      linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent),
      radial-gradient(circle at 85% 10%,rgba(184,121,49,.18),transparent 30%)!important;
    pointer-events:none!important;
  }

  .mobile-menu.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }

  .mobile-menu button[data-menu-close]{
    width:58px!important;
    height:58px!important;
    border-radius:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    top:22px!important;
    right:22px!important;
    font-size:38px!important;
    line-height:1!important;
    color:var(--guraba-menu-brown)!important;
    border:1px solid rgba(184,121,49,.24)!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:0 12px 30px rgba(75,43,22,.10)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  .mobile-menu img{
    width:clamp(205px,58vw,270px)!important;
    max-height:90px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:48px 0 26px!important;
    filter:drop-shadow(0 12px 28px rgba(82,48,25,.10))!important;
  }

  .mobile-menu nav{
    position:relative!important;
    display:grid!important;
    gap:10px!important;
    padding-top:8px!important;
  }

  .mobile-menu nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    padding:15px 18px!important;
    border:1px solid rgba(234,223,206,.78)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.52)!important;
    box-shadow:0 12px 30px rgba(70,42,25,.05)!important;
    font-family:var(--sans,Inter,system-ui,sans-serif)!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    color:var(--guraba-menu-brown)!important;
  }

  .mobile-menu nav a:after{
    content:"→"!important;
    color:var(--guraba-menu-gold)!important;
    font-size:18px!important;
    transition:transform .24s ease!important;
  }

  .mobile-menu nav a:hover:after,
  .mobile-menu nav a:focus-visible:after{
    transform:translateX(4px)!important;
  }

  .mobile-menu nav a:hover,
  .mobile-menu nav a:focus-visible{
    border-color:rgba(184,121,49,.34)!important;
    background:rgba(255,255,255,.76)!important;
    outline:none!important;
  }
}

@media (min-width: 841px){
  /* Webde de menü butonu görünüyorsa premium dursun; görünmüyorsa mevcut masaüstü menü korunur. */
  .site-header .menu-toggle{
    border-radius:22px!important;
  }
}