/* === V64 Mariposa mobile hamburger menu + brighter premium gold === */
:root{
  --mariposa-gold:#d4b26a;
  --mariposa-gold-soft:#ead39a;
  --mariposa-gold-deep:#b8903f;
  --mariposa-cream:#f4eddf;
  --mariposa-dark:#1f1a14;
}

/* Világosabb, elegánsabb arany árnyalat a V63 barnás tónusa helyett */
.header-booking-btn,
.booking-btn,
.book-btn,
a.book-btn,
.v61-card-booking,
.v61-floating-booking,
.v61-mobile-sticky-booking a,
a[href*="sabeeapp"].book-btn{
  border-color:rgba(212,178,106,.96)!important;
  color:#fff7e3!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(212,178,106,.14), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.header-booking-btn,
.booking-btn,
.book-btn,
a.book-btn,
.v61-card-booking,
a[href*="sabeeapp"].book-btn{
  background:linear-gradient(180deg, rgba(234,211,154,.24), rgba(31,26,20,.48))!important;
}
.v61-floating-booking,
.v61-mobile-sticky-booking a{
  background:rgba(31,26,20,.72)!important;
}
.header-booking-btn:hover,
.booking-btn:hover,
.book-btn:hover,
a.book-btn:hover,
.v61-card-booking:hover,
.v61-floating-booking:hover,
.v61-mobile-sticky-booking a:hover{
  border-color:rgba(234,211,154,1)!important;
  background:linear-gradient(180deg, rgba(234,211,154,.30), rgba(31,26,20,.62))!important;
  color:#fffaf0!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26), 0 0 24px rgba(212,178,106,.22), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Chat és felfelé gomb világosabb Mariposa-arany */
#mariposa-ai-chat-root .mariposa-chat-button,
.mariposa-chat-button,
#scrollTopBtn,
.back-to-top,
.scroll-top,
.to-top,
#backToTop{
  border:1px solid rgba(234,211,154,.72)!important;
  background:linear-gradient(180deg, #d9bb73 0%, #caa050 100%)!important;
  color:#fff!important;
}

@media(max-width:900px){
  /* A mobil fejléc kompakt maradjon */
  .header,
  header.header{
    position:relative!important;
    overflow:visible!important;
  }
  .header .topbar,
  .topbar{
    min-height:96px!important;
    height:auto!important;
    padding:10px 14px 8px!important;
    position:relative!important;
    overflow:visible!important;
  }
  .header .logo img,
  .logo img{
    height:78px!important;
    max-height:78px!important;
    width:auto!important;
  }
  .hamburger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    z-index:10060!important;
    font-size:28px!important;
    line-height:1!important;
    color:#2d2a25!important;
    cursor:pointer!important;
  }
  .header .lang,
  .lang{
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    gap:8px!important;
  }
  .header-booking-btn{
    padding:10px 18px!important;
    font-size:12px!important;
    letter-spacing:.14em!important;
    max-width:none!important;
  }

  /* Lényeg: a menü mobilon alapból zárt. A korábbi inline !important flex szabályokat is felülírja. */
  .header nav.menu:not(.active),
  header.header nav.menu:not(.active),
  nav.menu:not(.active),
  .header .menu:not(.active),
  .menu:not(.active){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  .header nav.menu.active,
  header.header nav.menu.active,
  nav.menu.active,
  .header .menu.active,
  .menu.active{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    max-height:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    padding:18px 20px 24px!important;
    margin:0!important;
    background:rgba(244,237,223,.98)!important;
    background-image:inherit!important;
    overflow:visible!important;
    pointer-events:auto!important;
    box-shadow:0 10px 26px rgba(0,0,0,.07)!important;
    z-index:10040!important;
  }

  .header nav.menu > ul,
  nav.menu > ul,
  .header .menu > ul,
  .menu > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    list-style:none!important;
  }
  .header nav.menu > ul > li,
  nav.menu > ul > li,
  .header .menu > ul > li,
  .menu > ul > li{
    width:100%!important;
    text-align:center!important;
  }
  .header nav.menu > ul > li > a,
  nav.menu > ul > li > a,
  .header .menu > ul > li > a,
  .menu > ul > li > a{
    display:block!important;
    padding:13px 12px!important;
    font-size:22px!important;
    line-height:1.25!important;
    color:#2d2a25!important;
    text-decoration:none!important;
    border-radius:12px!important;
    font-weight:400!important;
  }

  /* Szobák almenü mobilon csak érintésre nyíljon */
  .header nav.menu ul ul,
  nav.menu ul ul,
  .header .menu ul ul,
  .menu ul ul{
    display:none!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    min-width:0!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.35)!important;
    border:1px solid rgba(212,178,106,.18)!important;
    border-radius:16px!important;
    padding:8px!important;
    margin:4px auto 8px!important;
  }
  .header nav.menu li.submenu-open > ul,
  nav.menu li.submenu-open > ul,
  .header .menu li.submenu-open > ul,
  .menu li.submenu-open > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  .header nav.menu ul ul a,
  nav.menu ul ul a,
  .header .menu ul ul a,
  .menu ul ul a{
    font-size:16px!important;
    padding:10px 12px!important;
    color:#3b3429!important;
  }
}