/* ===========================
   OVERRIDES (final fixes)
   =========================== */

/* Responsive helpers (avoid duplicate conflicts) */
.desktop-only{ display:block !important; }
.mobile-only{ display:none !important; }
.booking-fields.desktop-only{ display:flex !important; }

@media (max-width: 680px){
  .desktop-only{ display:none !important; }
  .mobile-only{ display:block !important; }
}

/* ===========================
   Booking bar contact menus
   =========================== */
.booking-bar .contact-menu{
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
}

.booking-bar .contact-dropdown{
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  bottom: calc(100% + 10px) !important;
  min-width: 200px !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(2,6,23,.18) !important;
  padding: 8px !important;
  z-index: 9999 !important;
}

.booking-bar .contact-dropdown a{
  display: block !important;
  padding: 10px 10px !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
.booking-bar .contact-dropdown a:hover{
  background: rgba(14,165,233,.08) !important;
}

@media (min-width: 681px){
  .booking-bar .contact-menu:hover .contact-dropdown{
    display: block !important;
  }
}

.booking-bar .contact-menu.open .contact-dropdown{
  display: block !important;
}

/* In mobile panel: open downward */
.booking-panel .contact-dropdown{
  bottom: auto !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
}