/* Shared page-level presentation. */
.travlink-react-page {
  position: relative;
  isolation: isolate;
  background: #fff;
}

.travlink-react-page:not(.travlink-home) {
  color: #111827;
}

.travlink-home .travlink-blue-shade {
  background: transparent !important;
}

.travlink-home .travlink-service-section {
  background: #FFFFFF !important;
}
.travlink-home .travlink-about-showcase {
  background: #F5F8FA !important;
}
.travlink-home .contact-3-area {
  background: #F5F7F9 !important;
}

/* Fixed white navigation for every inner page. */
.travlink-react-page:not(.travlink-home) .header-area-3.stiky,
.travlink-react-page:not(.travlink-home) .header-area-3.stiky.scroll-header {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 0 !important;
  border-bottom: 1px solid rgba(15, 36, 61, .08);
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 10px 32px rgba(15, 36, 61, .1) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.travlink-react-page:not(.travlink-home) .header-area-3 .travlink-site-logo__image--primary {
  opacity: 1 !important;
}

.travlink-react-page:not(.travlink-home) .header-area-3 .travlink-site-logo__image--secondary {
  opacity: 0 !important;
}

.travlink-react-page:not(.travlink-home) .header-area-3 :is(
  .ca-main-menu-3 > nav > ul > li > a,
  .ca-offcanvas-toogle
) {
  color: #10243d !important;
}

.travlink-react-page:not(.travlink-home) > main,
.travlink-react-page:not(.travlink-home) .tl-page-content > main,
.travlink-react-page:not(.travlink-home) .travlink-travel-page,
.travlink-react-page:not(.travlink-home) .travlink-trade-page,
.travlink-react-page:not(.travlink-home) .travlink-shipping-page {
  background: transparent !important;
}

/* Let the shared canvas flow through light content sections. */
.travlink-react-page:not(.travlink-home) :is(
  .travlink-about-story,
  .travlink-about-values,
  .travlink-why-choose,
  .ca-conatct-form1,
  .ca-contact-inner,
  .ca-faq-inner,
  .ca-faq-iner2,
  .ca-iner-servics,
  .ca-teams-inner,
  .ca-testimonial-inner,
  .travlink-travel-selector,
  .travlink-travel-features,
  .travlink-travel-support,
  .travlink-trade-services,
  .travlink-trade-support,
  .travlink-shipping-services,
  .travlink-shipping-support
) {
  background: transparent !important;
}

/* Carry the Ocean Experiences sand canvas through the Travel service journey. */
.travlink-react-page.travlink-travel-page-body :is(
  .travlink-travel-selector,
  .travlink-travel-features,
  .travlink-travel-support
) {
  background: #f7eee4 !important;
}

/* Maintain crisp surfaces over the atmospheric background. */
.travlink-react-page:not(.travlink-home) :is(
  .travlink-travel-selector__card,
  .travlink-package-category,
  .travlink-travel-contact,
  .travlink-trade-contact,
  .travlink-shipping-contact,
  .ca-contact-from,
  .ca-location-3,
  .accordion-item
) {
  box-shadow: 0 18px 48px rgba(21, 71, 112, .07);
}

/* Keep FAQ copy clean and regular rather than visually heavy. */
:is(
  .ca-faq-inner,
  .ca-faq-iner2,
  .ca-faq-accordion-one,
  .ca-faq-acc,
  .travlink-travel-faq,
  .travlink-trade-faq,
  .travlink-shipping-faq
) :is(
  .accordion-button,
  .accordion-body,
  .accordion-body p,
  .accordion-body strong,
  .accordion-body b
) {
  font-weight: 400 !important;
}

@media (max-width: 767px) {
  .travlink-react-page:not(.travlink-home) .header-area-3.stiky,
  .travlink-react-page:not(.travlink-home) .header-area-3.stiky.scroll-header {
    min-height: 0 !important;
    padding: 0 !important;
  }
}