/* FlyHouse Visual Identity Guidelines, August 2026.
   This stylesheet supplies the approved FlyHouse blue theme. */
:root {
  --brand-blue: #004fbe;
  --brand-light-blue: #c3e5ff;
  --brand-pale-blue: #dbe3f4;
  --brand-silver: #d6d8d9;
  --brand-white: #fff;
  --brand-black: #000;
  --color-navy: #000;
  --color-gold: #004fbe;
  --color-gold-on-light: #004fbe;
  --color-gold-on-khaki: #004fbe;
  --color-warm-white: #fff;
  --color-off-white: #dbe3f4;
  --color-grey-light: #d6d8d9;
  --color-grey-dark: rgba(0,0,0,.68);
  --ink: #000;
  --paper: #fff;
  --paper-warm: #c3e5ff;
  --subpage-paper: #fff;
  --subpage-khaki: #c3e5ff;
  --subpage-ink: #000;
  --line: #d6d8d9;
}
body.brand-refresh {
  background: #fff;
  color: #000;
  --subpage-paper: #fff;
  --subpage-khaki: #c3e5ff;
  --subpage-ink: #000;
}
/* All typography is inherited unchanged from the staging root styles. */
body.brand-refresh .partner-banner { background: #004fbe; color: #fff; }
/* Partner artwork is deliberately untouched: no filters or color overrides. */
body.brand-refresh .partner-banner__icon img { filter: none; opacity: 1; }
body.brand-refresh .update-header {
  background: rgba(255,255,255,.96);
  border: 1px solid #dbe3f4;
  box-shadow: 0 3px 16px rgba(0,79,190,.09);
}
body.brand-refresh.menu-open .update-header { background: transparent; border-color: transparent; box-shadow: none; }
body.brand-refresh .menu-panel { background: rgba(255,255,255,.96); color: #000; }
body.brand-refresh .menu-panel__mark { color: #000; }
body.brand-refresh .menu-panel__nav--utility a { color: rgba(0,0,0,.68); }
body.brand-refresh :is(.header-cta,.button--dark,.btn--dark,.btn--primary,.menu-panel__download),
body.brand-refresh.update-subpage.interior-page[data-update-page] main :is(.btn--dark,.btn--primary) {
  background: #004fbe !important;
  border-color: #004fbe !important;
  color: #fff !important;
}
body.brand-refresh :is(.header-cta,.button--dark,.btn--dark,.btn--primary,.menu-panel__download):is(:hover,:focus-visible),
body.brand-refresh.update-subpage.interior-page[data-update-page] main :is(.btn--dark,.btn--primary):is(:hover,:focus-visible) {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
body.brand-refresh.update-subpage.interior-page[data-update-page] main .pcg-closing__actions .btn--primary {
  background: #fff !important;
  border-color: #fff !important;
  color: #004fbe !important;
}
body.brand-refresh :is(.text-link,.btn--outline) { color: #004fbe; border-color: #004fbe; }
body.brand-refresh .hero__actions .text-link {
  background: transparent;
  border: 1px solid #004fbe;
  color: #004fbe;
}
body.brand-refresh .hero__actions .text-link:is(:hover,:focus-visible) { background: #004fbe; color: #fff; }
body.brand-refresh :is(a,button,input,textarea,select):focus-visible { outline-color: #004fbe !important; }
body.brand-refresh :is(.experience-controls,.experience-hero-controls) button {
  background: rgba(0,79,190,.92) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.8);
}
body.brand-refresh :is(.experience-controls,.experience-hero-controls) button:is(:hover,:focus-visible) { background: #000 !important; }
/* Homepage: luminous opening, white editorial sections, strong blue anchors. */
body.brand-refresh.webflow-home .hero { background: linear-gradient(180deg,#fff 0,#c3e5ff 380px); }
body.brand-refresh.webflow-home .hero-f-mark { color: #c3e5ff; }
body.brand-refresh.webflow-home .connected { background: linear-gradient(180deg,#c3e5ff 0%,#fff 100%); }
body.brand-refresh.webflow-home :is(.experiences,.news) { background: #fff; }
body.brand-refresh.webflow-home .journey { background: #004fbe; }
body.brand-refresh.webflow-home .journey__shade { background: linear-gradient(180deg,rgba(0,79,190,0) 12%,rgba(0,79,190,.86) 60%,#004fbe 100%); }
body.brand-refresh.webflow-home .journey-step { background: rgba(195,229,255,.12); border-color: rgba(255,255,255,.7); }
body.brand-refresh.webflow-home .journey :is(.eyebrow,.journey-step__number) { color: #c3e5ff; }
body.brand-refresh.webflow-home .journey .button--light { color: #004fbe; background: #fff; border-color: #fff; }
body.brand-refresh.webflow-home .journey .button--light:hover { color: #000; background: #c3e5ff; border-color: #c3e5ff; }
body.brand-refresh.webflow-home .app-feature { background: linear-gradient(180deg,#fff,#c3e5ff); }
body.brand-refresh.webflow-home .app-feature__fade { background: linear-gradient(180deg,rgba(195,229,255,0),#c3e5ff); }
body.brand-refresh.webflow-home .experience-card::after { background: linear-gradient(180deg,rgba(0,79,190,0) 35%,rgba(0,79,190,.88)); }
/* Interior pages keep their existing layout while adopting the same palette. */
body.brand-refresh.update-subpage main { background: #fff; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main :is(.page-hero__slide-badge,.section--dark,.editorial-body--dark) { background: #004fbe !important; color: #fff; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-experience main .page-hero__visual { background-color: #004fbe; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-experience main :is(.page-hero__slide-badge-title,.page-hero__slide-badge-meta,.page-hero__slide-badge-cta) { color: #fff !important; text-shadow: none; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-experience main .page-hero__caption-headline em { color: #c3e5ff !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page]:is(.update-page-team,.update-page-faqs,.update-page-occasions) main .coda .coda__line a { color: #c3e5ff !important; border-color: #c3e5ff; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-private-client-group main .page-hero { background: linear-gradient(135deg,#c3e5ff,#fff); color: #000; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-private-client-group main .pcg-module { background: #fff; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main :is(.booking-section,.contact-single,.pcg-services) { background: linear-gradient(180deg,#fff,#dbe3f4); }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .form-field { background: #fff; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .form-field:focus-within { border-color: #004fbe; box-shadow: 0 0 0 2px rgba(0,79,190,.12); }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .form-field :is(input,textarea,select) { accent-color: #004fbe; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .page-hero__caption-overline { color: #c3e5ff !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page]:is(.update-page-owners,.update-page-careers,.update-page-team,.update-page-about,.update-page-news,.update-page-faqs,.update-page-contact,.update-page-private-client-group,.update-page-privacy-policy,.update-page-terms) main .page-hero__caption-overline { color: #004fbe !important; text-shadow: none; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .feature-card__overline { color: #c3e5ff !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .feature-card__overlay { background: linear-gradient(180deg,rgba(0,79,190,.6),rgba(0,79,190,.93)) !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page].update-page-owners main .editorial-body:nth-of-type(4) .editorial-body__column em { color: #c3e5ff !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .thankyou-hero__content { background: rgba(0,79,190,.87) !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .thankyou-hero__overline { color: #fff !important; }
body.brand-refresh.update-subpage.interior-page[data-update-page] main .thankyou-hero__button { border-color: #fff; color: #fff; }
/* White wordmark on blue: only the approved FlyHouse monochrome variant. */
body.brand-refresh .footer.footer { background: #004fbe !important; color: #fff !important; }
body.brand-refresh .footer.footer .footer__lead {
  background: linear-gradient(rgba(0,79,190,.35),rgba(0,79,190,.68)),url('/assets/media/posters/arriving.jpg') center / cover no-repeat;
  color: #fff;
}
body.brand-refresh .footer.footer :is(.footer__links,.footer__carrier,.footer__legal) { background: #004fbe !important; color: #fff !important; border-color: rgba(255,255,255,.35); }
body.brand-refresh .footer.footer :is(.footer__links nav a,.footer__links nav span,.footer__legal a,.footer__legal button) { color: #fff !important; }
body.brand-refresh .footer.footer .footer__links nav span { opacity: .8; }
body.brand-refresh .footer.footer .footer__brand img { filter: brightness(0) invert(1); }
body.brand-refresh .footer.footer .newsletter__field > [data-newsletter-submit] { color: #004fbe; background: #fff; }
body.brand-refresh .footer.footer :is(h2,h2 em,.eyebrow) { color: #fff !important; }
/* Standalone download page is included, without altering app/store logos. */
body.brand-refresh:not(.webflow-home):not(.update-subpage) { background: linear-gradient(180deg,#fff,#c3e5ff); }
body.brand-refresh .redirectMessage,
body.brand-refresh > .container { border: 1px solid #dbe3f4; box-shadow: 0 12px 36px rgba(0,79,190,.1); }
@media (max-width: 767px), (max-width: 1180px) and (max-height: 600px) {
  body.brand-refresh .footer.footer .footer__lead { background: #004fbe; }
  body.brand-refresh .footer.footer .footer__lead::before { background-color: #004fbe; }
}