/* ============================================================
   brand-logo.css — LOGO THEME (burgundy + coral)
   Matches Travel Business First logo · fully reversible.

   Enable:  TBF_THEME_VARIANT=logo   (default while previewing)
   Revert:  TBF_THEME_VARIANT=gold   then php artisan config:clear
            OR delete/comment the brand-logo.css <link> in header.

   Palette from logo + reference UI:
     Coral action   #EB6C6F
     Coral light    #F28B8E
     Coral deep     #C94A4E
     Burgundy       #5C1A1E
     Burgundy deep  #3F1013
     Soft tint      #FDF0F0
   ============================================================ */

:root {
  /* Canvas — soft warm white with a hint of rose */
  --white: #FFFFFF;
  --paper: #FFFCFB;
  --haze: #F8F1F1;
  --haze2: #F1E6E6;
  --sand: #EBDADA;

  /* Dark anchors = burgundy (replaces navy) */
  --navy-950: #3F1013;
  --navy-900: #5C1A1E;
  --navy-800: #6E2227;
  --navy-700: #822A30;

  /* Text */
  --ink: #2A1517;
  --ink-2: #5A3A3D;
  --muted: #6B5254;
  --mist: #F0D6D8;
  --muted-d: #C9A0A3;

  /* Accent = coral / salmon (replaces gold) */
  --gold: #EB6C6F;
  --gold-lt: #F28B8E;
  --gold-deep: #C94A4E;
  --gold-glow: rgba(235, 108, 111, .32);
  --gold-tint: #FDF0F0;

  --line: rgba(42, 21, 23, .10);
  --line-2: rgba(42, 21, 23, .16);
  --line-d: rgba(240, 214, 216, .18);
  --line-d2: rgba(240, 214, 216, .32);
  --sh-gold: 0 16px 40px -12px var(--gold-glow);

  /* Legacy style.css tokens */
  --dark-pink: #EB6C6F !important;
  --salmon: #F28B8E !important;
  --salmon-medium: #FDF0F0 !important;
  --salmon-light: #FFF8F8 !important;
  --Salmon-20: rgba(235, 108, 111, .20) !important;
  --Salmon-70: rgba(235, 108, 111, .70) !important;
  --purple: #5C1A1E !important;
  --brown: #C94A4E !important;
  --dark-brown: #3F1013 !important;
  --blue: #6E2227 !important;
  --light-blue: #FDF0F0 !important;
  --clr-f7: #FFFCFB !important;
  --yellow: #EB6C6F !important;
  --dark: #2A1517 !important;
}

html { color-scheme: light; }
meta[name="theme-color"] { /* hint only — set via blade */ }

body {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

::selection {
  background: var(--gold);
  color: #fff;
}
:focus-visible {
  outline-color: var(--gold);
}

/* ---- Buttons ---- */
.btn-gold,
.btn-primary,
.btn-search,
.search-btn,
.btn-book,
.custom-btn,
.navbar .btn-primary,
.bg-primary,
.badge-primary,
.tbf-exit-submit,
#tbf-exit-popup .tbf-exit-submit,
.enquiry-bottom .money-side-quote,
.enquiry-bottom .btn,
.enquiry-bottom a.money-side-quote {
  background: linear-gradient(135deg, #F28B8E, #EB6C6F 55%, #C94A4E) !important;
  border-color: #EB6C6F !important;
  color: #fff !important;
  box-shadow: 0 12px 28px -10px rgba(235, 108, 111, .45) !important;
}
.btn-gold:hover,
.btn-primary:hover {
  filter: brightness(1.04);
}
.btn-outline-primary,
.btn-outline-secondary,
.btn-line {
  border-color: rgba(42, 21, 23, .16) !important;
  color: var(--ink) !important;
  background: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-line:hover {
  background: var(--gold-tint) !important;
  border-color: var(--gold) !important;
  color: var(--gold-deep) !important;
}

.clr-dark,
.clr-dark-pink,
.text-primary,
a.text-primary {
  color: var(--gold-deep) !important;
}

/* ---- Rail / header / trust ---- */
.rail {
  background: var(--paper) !important;
  color: var(--ink-2) !important;
  border-bottom: 1px solid var(--line) !important;
}
.rail-track span { color: var(--ink-2) !important; }
.rail-track b { color: var(--gold-deep) !important; }
.rail-track .dot { color: var(--gold) !important; }

.header,
.main-header,
.main-header .navbar {
  background: rgba(255, 252, 251, .94) !important;
  border-bottom: 1px solid var(--line) !important;
}
.nav-links > li > a,
.nav-links > li > .nav-mega-btn,
.main-header .nav-link,
.main-header a {
  color: var(--ink-2) !important;
}
.nav-links > li > a:hover,
.nav-links > li > .nav-mega-btn:hover,
.nav-links > li.mega-open > .nav-mega-btn,
.nav-links > li > a.active,
.main-header .nav-link:hover,
.main-header .nav-link.active {
  color: var(--gold-deep) !important;
}
.nav-phone svg { color: var(--gold-deep) !important; }

.tbf-trust {
  background: #fff !important;
  color: var(--ink-2) !important;
  border-color: #EEDADA !important;
}
.tbf-trust-k { color: var(--gold-deep) !important; }
.tbf-trust-k em { color: var(--muted) !important; }
.tbf-trust a:hover { color: var(--ink) !important; }

/* ---- Eyebrows / accents ---- */
.eyebrow,
.money-faq-kicker,
.money-hero-kicker,
.hero-kick,
.tbf-qa-label {
  color: var(--gold-deep) !important;
}
.eyebrow::before,
.eyebrow::after,
.eyebrow.center::after {
  background: linear-gradient(90deg, var(--gold-deep), transparent) !important;
}
.section-head h2 em,
.tone-navy .section-head h2 em,
h2 em {
  color: var(--gold-deep) !important;
}
.pill-gold {
  background: var(--gold-tint) !important;
  color: var(--gold-deep) !important;
  border-color: rgba(235, 108, 111, .28) !important;
}

/* ---- Dark sections → burgundy ---- */
.footer,
footer.footer {
  background: #5C1A1E !important;
  color: var(--mist) !important;
}
.footer h5 { color: #F28B8E !important; }
.footer a { color: var(--mist) !important; }
.footer a:hover { color: #fff !important; }
.footer-bottom {
  border-top-color: rgba(242, 139, 142, .22) !important;
  color: rgba(240, 214, 216, .55) !important;
}
.footer .brand-txt b,
.footer-brand p { color: var(--mist) !important; }

.tone-navy,
.enquiry,
.cta-band {
  background: #F8F1F1 !important;
  color: var(--ink) !important;
}
.tone-navy h2,
.tone-navy h3,
.enquiry h2,
.cta-band h2,
.enquiry-intro h2,
.enq-head h3 {
  color: var(--ink) !important;
}
.tone-navy .eyebrow,
.enquiry .eyebrow,
.cta-band .eyebrow {
  color: var(--gold-deep) !important;
}

/* Money hero — charcoal left scrim only (authority-clean may refine further) */
.money-hero-shade {
  background:
    linear-gradient(
      100deg,
      rgba(15, 23, 32, .7) 0%,
      rgba(15, 23, 32, .4) 38%,
      rgba(15, 23, 32, .1) 60%,
      rgba(15, 23, 32, 0) 100%
    ) !important;
}
.money-hero-kicker {
  color: #F0E6C8 !important;
}
.money-hero-lead a {
  color: #fff !important;
}

/* Sidebars / prices */
.money-side-title,
.class-fare h4,
.multi-fare-section .price span,
.class-fare .price span,
.money-route-fare strong,
.money-rich-content a,
.info-text a,
.tbf-breadcrumb .breadcrumb-item a {
  color: var(--gold-deep) !important;
}
.enquiry-bottom {
  background: var(--gold-tint) !important;
  color: var(--ink) !important;
}
.enquiry-bottom a[href^="tel"] {
  color: var(--gold-deep) !important;
}

/* Exit popup */
.tbf-exit-kicker { color: var(--gold-deep) !important; }
#tbf-exit-form input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(235, 108, 111, .18) !important;
}

/* Forms */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus,
.field:focus-within,
.enq-field:focus-within {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(235, 108, 111, .18) !important;
}

/* Curtain */
.curtain { background: var(--paper) !important; }
.curtain-logo .cl-plane { color: var(--gold) !important; }
.curtain-logo span { color: var(--ink-2) !important; }

/* Utility navy leftovers → burgundy / coral */
.pillar-ico,
.brand-mark {
  background: linear-gradient(150deg, #F28B8E, #C94A4E) !important;
}
.pillar-ico svg { color: #fff !important; }

.tbf-stats-bar { background: var(--haze) !important; }
.tbf-stat-num { color: var(--ink) !important; }
.tbf-stat-plus { color: var(--gold-deep) !important; }
.tbf-deals-hero,
.tbf-deal-cta,
.tbf-compare-header {
  background: #5C1A1E !important;
}
.tbf-deals-eyebrow,
.tbf-deals-hero a {
  color: #F28B8E !important;
}

/* FAQ / QA accents */
.tbf-qa-facts li { background: var(--gold-tint) !important; }
.tbf-qa-facts li::before { background: var(--gold) !important; }
.money-faq-item summary::after { color: var(--gold) !important; }
.faq-item.open .pm {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}

/* Explore-more / footernav legacy burgundy feel */
.explore-more {
  background: #5C1A1E !important;
}
.explore-more h4,
.explore-more .text-white {
  color: #fff !important;
}
.explore-more .tab-content.explore-contents {
  background: #fff !important;
  border-radius: 16px !important;
}
.explore-more .tab-content.explore-contents .tab-pane a {
  color: #2A1517 !important;
}
.explore-more .tab-content.explore-contents .tab-pane a:hover {
  color: #C94A4E !important;
}
.explore-more .menutxtcol a {
  color: #C94A4E !important;
}

/* Mobile footer */
.m-footer,
.mobile-footer {
  background: #FFFCFB !important;
  border-top: 1px solid #EEDADA !important;
}