/* === V62 Mariposa elegant booking + floating chat spacing === */
:root{
  --mariposa-gold:#c8a96a;
  --mariposa-gold-soft:#d8c08a;
  --mariposa-dark:#1f1a14;
  --mariposa-glass:rgba(31,26,20,.72);
}

.v61-card-booking,
a.book-btn,
.header-booking-btn,
.booking-btn,
a[href*="sabeeapp"].book-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 20px!important;
  border-radius:999px!important;
  border:1px solid rgba(200,169,106,.78)!important;
  background:rgba(31,26,20,.58)!important;
  color:#f7efd9!important;
  text-decoration:none!important;
  font-family:'Inter', Arial, sans-serif!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10)!important;
  white-space:nowrap!important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease!important;
}
.v61-card-booking:hover,
a.book-btn:hover,
.header-booking-btn:hover,
.booking-btn:hover{
  transform:translateY(-1px)!important;
  background:rgba(31,26,20,.78)!important;
  color:#fff7e3!important;
  border-color:rgba(216,192,138,.95)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(216,192,138,.12)!important;
}
.all-room-overlay .v61-card-booking,
.room-card .v61-card-booking,
.category-card .v61-card-booking{
  margin-top:12px!important;
  margin-left:8px!important;
}

.v61-floating-booking{
  position:fixed!important;
  right:96px!important;
  bottom:28px!important;
  z-index:99998!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:56px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  border:1px solid rgba(216,192,138,.82)!important;
  background:rgba(31,26,20,.76)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  color:#f7efd9!important;
  text-decoration:none!important;
  font-family:'Inter', Arial, sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.11)!important;
  white-space:nowrap!important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease!important;
}
.v61-floating-booking:hover{
  transform:translateY(-2px)!important;
  background:rgba(31,26,20,.88)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.30), 0 0 22px rgba(200,169,106,.18)!important;
}

.v61-mobile-sticky-booking{
  display:none;
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:99997!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  background:rgba(31,26,20,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 -12px 34px rgba(0,0,0,.24)!important;
}
.v61-mobile-sticky-booking a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:14px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(216,192,138,.85)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f7efd9!important;
  text-decoration:none!important;
  font-family:'Inter', Arial, sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* Robot Tündi: jobb alsó elegáns lebegő buborék, nem ütközik a foglalás gombbal */
#mariposa-ai-chat-root{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  left:auto!important;
  z-index:99999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
#mariposa-ai-chat-root .mariposa-chat-button,
.mariposa-chat-button{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  border:1px solid rgba(216,192,138,.82)!important;
  background:rgba(31,26,20,.82)!important;
  color:#f7efd9!important;
  box-shadow:0 16px 38px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#mariposa-ai-chat-root .mariposa-chat-button:hover,
.mariposa-chat-button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.30), 0 0 22px rgba(200,169,106,.18)!important;
}
#mariposa-ai-chat-root .mariposa-chat-panel{
  bottom:74px!important;
}

@media(max-width:768px){
  body{padding-bottom:78px!important;}
  .v61-floating-booking{display:none!important;}
  .v61-mobile-sticky-booking{display:block!important;}
  #mariposa-ai-chat-root{right:16px!important;bottom:92px!important;}
  #mariposa-ai-chat-root .mariposa-chat-panel{bottom:70px!important;}
  .all-room-overlay .v61-card-booking,
  .room-card .v61-card-booking,
  .category-card .v61-card-booking{
    margin-left:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
}


/* === V63 refinement: premium gold, no full-width mobile bottom band === */
:root{
  --mariposa-gold:#caa24f;
  --mariposa-gold-soft:#d7b86a;
  --mariposa-gold-deep:#a98235;
}

.v61-card-booking,
a.book-btn,
.header-booking-btn,
.booking-btn,
a[href*="sabeeapp"].book-btn{
  border-color:rgba(202,162,79,.92)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(31,26,20,.50))!important;
  color:#fff4d7!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14), 0 0 0 1px rgba(202,162,79,.12), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.v61-card-booking:hover,
a.book-btn:hover,
.header-booking-btn:hover,
.booking-btn:hover{
  border-color:rgba(215,184,106,.98)!important;
  color:#fff8e8!important;
  background:linear-gradient(180deg, rgba(202,162,79,.18), rgba(31,26,20,.66))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20), 0 0 20px rgba(202,162,79,.20), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.v61-floating-booking{
  border-color:rgba(202,162,79,.92)!important;
  background:rgba(31,26,20,.70)!important;
  color:#fff4d7!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22), 0 0 0 1px rgba(202,162,79,.12), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.v61-floating-booking:hover{
  background:rgba(31,26,20,.84)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.28), 0 0 24px rgba(202,162,79,.22)!important;
}

#mariposa-ai-chat-root .mariposa-chat-button,
.mariposa-chat-button,
#scrollTopBtn,
.back-to-top,
.scroll-top,
.to-top,
#backToTop{
  border:1px solid rgba(202,162,79,.92)!important;
  background:linear-gradient(180deg, #d2ad5c 0%, #bd9441 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.10) inset!important;
}

@media(max-width:768px){
  body{padding-bottom:0!important;}

  /* A mobil foglalás ne legyen teljes szélességű alsó sáv, csak elegáns lebegő kapszula. */
  .v61-mobile-sticky-booking{
    display:block!important;
    left:16px!important;
    right:auto!important;
    bottom:16px!important;
    width:auto!important;
    max-width:calc(100vw - 112px)!important;
    padding:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    z-index:99997!important;
  }
  .v61-mobile-sticky-booking a{
    width:auto!important;
    min-width:178px!important;
    padding:15px 24px!important;
    border-color:rgba(202,162,79,.95)!important;
    background:rgba(31,26,20,.78)!important;
    color:#fff4d7!important;
    box-shadow:0 14px 34px rgba(0,0,0,.26), 0 0 0 1px rgba(202,162,79,.14), inset 0 1px 0 rgba(255,255,255,.14)!important;
  }

  /* Jobb oldali lebegő ikonok maradjanak külön, ne takarja őket az alsó foglalási sáv. */
  #mariposa-ai-chat-root{
    right:18px!important;
    bottom:22px!important;
    z-index:99999!important;
  }
  #mariposa-ai-chat-root .mariposa-chat-button,
  .mariposa-chat-button{
    width:58px!important;
    height:58px!important;
  }
  #scrollTopBtn,
  .back-to-top,
  .scroll-top,
  .to-top,
  #backToTop{
    right:18px!important;
    bottom:96px!important;
    width:58px!important;
    height:58px!important;
    z-index:99998!important;
  }
}


/* === V65: index swipe room cards - Details + Booking, same elegant gold as old Details === */
.v65-room-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:22px!important;
}
.v65-room-actions .book-btn,
.v65-room-actions .v65-details-btn,
.v65-room-actions .v65-booking-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  padding:12px 20px!important;
  border-radius:999px!important;
  border:1px solid #c5a567!important;
  background:#c5a567!important;
  color:#ffffff!important;
  font-family:'Inter', Arial, sans-serif!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
  text-shadow:none!important;
}
.v65-room-actions .book-btn:hover,
.v65-room-actions .v65-details-btn:hover,
.v65-room-actions .v65-booking-btn:hover{
  background:#d2b572!important;
  border-color:#d2b572!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
@media(max-width:768px){
  .v65-room-actions{gap:10px!important;margin-top:20px!important;}
  .v65-room-actions .book-btn,
  .v65-room-actions .v65-details-btn,
  .v65-room-actions .v65-booking-btn{
    min-width:112px!important;
    padding:11px 15px!important;
    font-size:12px!important;
    letter-spacing:.08em!important;
  }
}