/* ============================================================
   laravel-bridge.css
   Integration layer between the static theme and Laravel views.
   ============================================================ */

html {
  scroll-padding-top: 120px;
}

.pd-name,
.ts-body h3,
.ts-body h4,
.bm-body h3,
.bm-body h4,
.promo-city {
  overflow-wrap: anywhere;
}

.pd-media img,
.ts-card img,
.bm-card img,
.deal-media img,
.promo-media img,
.blog-media img,
.rev-av {
  background: var(--haze, #f4f2ec);
}

.partners-track,
.rev-track {
  min-height: 1px;
}

.suggest.open {
  z-index: 40;
}

.dest-tabs {
  row-gap: 0.5rem;
}

/* ============================================================
   Legacy page polish under theme chrome
   ============================================================ */
body {
  background: var(--paper, #fbfaf7);
}

.search-top-section,
.section-padding,
.modify-search-top,
.flight-result-section,
.contact-section,
.about-section,
.enquiry-section,
.city-search-list {
  font-family: "Inter Tight", Arial, sans-serif;
}

.btn-primary,
.btn-search,
.search-btn,
.btn-book,
.custom-btn,
.enquiry-section .btn,
button.btn-search {
  background: linear-gradient(135deg, #E4BE6A, #C79A3F) !important;
  border-color: #C79A3F !important;
  color: #14263F !important;
  border-radius: 100px !important;
  font-weight: 600;
  box-shadow: none !important;
}

.btn-outline-primary {
  border-color: #C79A3F !important;
  color: #9C7724 !important;
  border-radius: 100px !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: #C79A3F !important;
  box-shadow: 0 0 0 .2rem rgba(199, 154, 63, .15) !important;
}

.search-top-section {
  margin-top: 0;
}

.search-top-section > img {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  display: block;
}

.modify-search-top {
  background: #FBFAF7;
  border-bottom: 1px solid rgba(20, 38, 63, .08);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.modify-search-top .desti-form-control,
.desti-form-control {
  background: #fff;
  border: 1.5px solid #E7E2D6 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.pax-selection .custom-filter,
.custom-filter {
  border: 1.5px solid #E7E2D6 !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.add-travelers {
  border-radius: 16px !important;
  border: 1px solid rgba(199, 154, 63, .25) !important;
  box-shadow: 0 18px 40px rgba(8, 21, 43, .12) !important;
}

/* ============================================================
   Destination / airline enquiry sidebar — theme panel
   ============================================================ */
.enquiry-section {
  background: #FBFAF7 !important;
  border: 1px solid rgba(199, 154, 63, .35) !important;
  border-radius: 20px !important;
  overflow: hidden;
  color: #14263F !important;
  box-shadow: 0 18px 40px rgba(8, 21, 43, .08);
}

.enquiry-section > .offers {
  background: linear-gradient(135deg, #14263F, #1e3554) !important;
  color: #FBFAF7 !important;
  padding: 1.4rem 1.25rem !important;
  max-height: none !important;
}

.enquiry-section .off-discount {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 1.55rem !important;
  color: #FBFAF7 !important;
}

.enquiry-section .off-discount > span.clr-,
.enquiry-section .off-discount > span {
  color: #E4BE6A !important;
  font-size: 2.6rem !important;
  font-family: "Fraunces", Georgia, serif !important;
}

.enquiry-section > .offers p {
  color: rgba(251, 250, 247, .8) !important;
  margin: .35rem 0 0 !important;
  font-size: .95rem !important;
}

.booking-tabs {
  padding: 1.5rem 1.35rem 1.75rem !important;
  color: #14263F !important;
  background: #FBFAF7;
}

.booking-tabs > .nav-pills {
  display: flex;
  gap: 0;
  margin-bottom: 1.25rem !important;
}

.booking-tabs > .nav-pills .nav-link {
  border: 1.5px solid #E7E2D6 !important;
  background: #fff !important;
  color: #14263F !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  padding: .7rem 1rem !important;
  border-radius: 0 !important;
}

.booking-tabs > .nav-pills .nav-item:first-child > .nav-link {
  border-radius: 100px 0 0 100px !important;
}

.booking-tabs > .nav-pills .nav-item:last-child > .nav-link {
  border-radius: 0 100px 100px 0 !important;
}

.booking-tabs > .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #E4BE6A, #C79A3F) !important;
  border-color: #C79A3F !important;
  color: #14263F !important;
}

.booking-tabs .desti-form-control {
  background: #fff !important;
  border: 1.5px solid #E7E2D6 !important;
  border-radius: 12px !important;
  padding: .65rem .85rem !important;
}

.booking-tabs .desti-form-control input,
.booking-tabs .user-control input,
.booking-tabs textarea.form-control {
  background: transparent !important;
  color: #14263F !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
}

.booking-tabs .clr-7e,
.booking-tabs small {
  color: #6C7B8E !important;
  font-size: .72rem !important;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-weight: 600;
}

.booking-tabs .form-check-input:checked {
  background-color: #C79A3F !important;
  border-color: #C79A3F !important;
}

.booking-tabs .custom-btn,
.enquiry-section .custom-btn,
.enquiry-section button[type="submit"] {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  padding: .85rem 1.25rem !important;
  border-radius: 100px !important;
  margin-top: .5rem;
}

/* ============================================================
   Content / contact / thank-you / corporate soft theme
   ============================================================ */
.section-padding h1,
.section-padding h2,
.about-section h1,
.about-section h2,
.contact-section h1,
.contact-section h2,
.thankyou-section h1,
.thankyou-section h2 {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  color: #14263F !important;
}

.card,
.tab-content,
.flight-card,
.result-card {
  border-radius: 16px !important;
  border-color: #E7E2D6 !important;
}

/* Bootstrap modals → cream theme panels */
.modal-content {
  background: #FBFAF7 !important;
  border: 1px solid rgba(199, 154, 63, .35) !important;
  border-radius: 20px !important;
  box-shadow: 0 30px 70px rgba(8, 21, 43, .28) !important;
  font-family: "Inter Tight", Arial, sans-serif;
}

.modal-header {
  border-bottom-color: #E7E2D6 !important;
}

.modal-title {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  color: #14263F !important;
}

.modal-footer {
  border-top-color: #E7E2D6 !important;
}

.modal-backdrop.show {
  opacity: .55;
  background: #14263F;
}

/* Typeahead dropdown above sticky header */
.dropdown-menu,
.typeahead.dropdown-menu {
  z-index: 1050 !important;
  border-radius: 12px !important;
  border: 1px solid #E7E2D6 !important;
  box-shadow: 0 16px 32px rgba(8, 21, 43, .12) !important;
}

/* Daterangepicker over exit popup */
.daterangepicker {
  z-index: 10050 !important;
  border-radius: 14px !important;
  border-color: #E7E2D6 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #C79A3F !important;
}

.daterangepicker td.off,
.daterangepicker td.disabled,
.daterangepicker td.off.disabled,
.daterangepicker td.disabled:hover {
  color: #c5c0b6 !important;
  text-decoration: line-through;
  background: transparent !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .daterangepicker {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    width: min(92vw, 340px) !important;
    max-width: 92vw;
  }
  .daterangepicker .drp-calendar {
    max-width: 100%;
  }
  .daterangepicker .calendar-table {
    width: 100%;
  }
}

/* Exit popup date inputs — native date look */
#tbf-exit-form input[type="date"] {
  color-scheme: light;
}

#tbf-exit-overlay {
  display: none;
  align-items: center;
  justify-content: center;
}

/* Avoid legacy pink bleeding through theme pages */
.clr-pink,
.text-pink {
  color: #9C7724 !important;
}

/* Float widgets: WhatsApp bottom-left, Tawk bottom-right — no overlap */
.wa-float {
  left: 1.25rem !important;
  right: auto !important;
  bottom: 1.5rem !important;
  z-index: 40 !important;
}
@media (max-width: 720px) {
  .wa-float {
    left: 1rem !important;
    right: auto !important;
    bottom: 1.25rem !important;
  }
}