/* ============================================================
   PJ1 SUBPAGE LIGHT THEME — Overrides seo-pages.css for light mode
   Loaded AFTER seo-pages.css to override colors only.
   Layout, spacing, and animations remain untouched.
   ============================================================ */

/* ─── CSS Variables (light) ─── */
:root {
  --lux-dark: #FFF8ED !important;
  --lux-secondary: #f5f0e8 !important;
  --lux-light: #0a0e1a !important;
  --lux-text: #333842 !important;
  --lux-muted: #6b7280 !important;
  --lux-gold: #c9a96e !important;
  --lux-gold-hover: #e0c090 !important;
  --lux-border: rgba(10, 14, 26, 0.08) !important;
  --lux-border-subtle: rgba(10, 14, 26, 0.04) !important;
  --lux-glow: rgba(201, 169, 110, 0.08) !important;

  --pj-ink: #0a0e1a !important;
  --pj-navy: #0a0e1a !important;
  --pj-blue: #c9a96e !important;
  --pj-sky: #333842 !important;
  --pj-ice: #FFF8ED !important;
  --pj-soft: #f5f0e8 !important;
  --pj-paper: #f5f0e8 !important;
  --pj-muted: #6b7280 !important;
  --pj-gold: #c9a96e !important;
  --pj-line: rgba(10, 14, 26, 0.08) !important;
  --pj-dark-line: rgba(10, 14, 26, 0.08) !important;
}

/* ─── Base ─── */
body.pj-page {
  background: #FFF8ED !important;
  color: #0a0e1a !important;
}

/* ─── Typography ─── */
h1, h2, h3 {
  color: #0a0e1a !important;
}
p { color: #333842 !important; }
.lead { color: #6b7280 !important; }
.hero .lead { color: rgba(10, 14, 26, 0.72) !important; }
.display { color: #0a0e1a !important; }
.hero-tagline { color: #c9a96e !important; }
.label { color: #c9a96e !important; }
.tagline { color: rgba(10, 14, 26, 0.9) !important; }

/* ─── Layout ─── */
.band {
  background: #FFF8ED !important;
  color: #0a0e1a !important;
}
.band.white, .band.soft, .band.dark {
  background: #f5f0e8 !important;
  color: #0a0e1a !important;
}

/* ─── Header (light, matching Webflow) ─── */
.pj-header {
  background: rgba(255, 248, 237, 0.95) !important;
  border-bottom: 1px solid rgba(10, 14, 26, 0.08) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.pj-header.is-scrolled {
  background: rgba(255, 248, 237, 0.98) !important;
}
/* Light cream header → dark chrome mark.
   Footer stays dark (#0a0e1a) so keep silver full logo (default for-dark-bg). */
.pj-logo { color: #0a0e1a !important; }
.pj-logo__for-dark-bg { display: none !important; }
.pj-logo__for-light-bg { display: block !important; }
.pj-header__left a:not(.pj-cta), .pj-header__right a:not(.pj-cta) {
  color: rgba(10, 14, 26, 0.7) !important;
}
.pj-header__left a:not(.pj-cta):hover, .pj-header__right a:not(.pj-cta):hover,
.pj-header__left a[aria-current="page"]:not(.pj-cta), .pj-header__right a[aria-current="page"]:not(.pj-cta) {
  color: #0a0e1a !important;
}
.pj-header__mobile-toggle { color: #0a0e1a !important; }

/* Dropdowns */
.dropdown-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(10, 14, 26, 0.1) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1) !important;
}
.dropdown-menu::before {
  background: rgba(255, 255, 255, 0.98) !important;
  border-left: 1px solid rgba(10, 14, 26, 0.1) !important;
  border-top: 1px solid rgba(10, 14, 26, 0.1) !important;
}
.dropdown-menu a { color: rgba(10, 14, 26, 0.72) !important; }
.dropdown-menu a:hover {
  color: #0a0e1a !important;
  background: rgba(201, 169, 110, 0.06) !important;
}

/* Mobile menu */
.pj-header__mobile-menu {
  background: rgba(255, 248, 237, 0.98) !important;
  border-bottom: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.pj-header__mobile-menu a {
  color: rgba(10, 14, 26, 0.8) !important;
  border-bottom: 1px solid rgba(10, 14, 26, 0.06) !important;
}
.pj-header__mobile-menu a:hover { color: #0a0e1a !important; }
.pj-header__mobile-menu .dropdown-menu-mobile a {
  color: rgba(10, 14, 26, 0.65) !important;
}

/* ─── CTA — solid gold on cream (no wash-out / no nav-link bleed) ─── */
.pj-cta,
.pj-header__right a.pj-cta,
.pj-header__mobile-menu a.pj-cta {
  background: #c9a96e !important;
  background-color: #c9a96e !important;
  color: #0a0e1a !important;
  padding: 11px 24px !important;
  opacity: 1 !important;
  box-shadow: 0 2px 12px rgba(10, 14, 26, 0.1);
}
.pj-cta:hover,
.pj-header__right a.pj-cta:hover,
.pj-header__mobile-menu a.pj-cta:hover {
  background: #d4b67a !important;
  background-color: #d4b67a !important;
  color: #0a0e1a !important;
  box-shadow: 0 6px 18px rgba(201, 169, 110, 0.35);
}

/* ─── Buttons ─── */
.btn {
  border: 1px solid #c9a96e !important;
}
.btn.primary {
  background: #c9a96e !important;
  color: #0a0e1a !important;
  border-color: #c9a96e !important;
}
.btn.primary:hover {
  background: #e0c090 !important;
  border-color: #e0c090 !important;
  box-shadow: 0 8px 24px rgba(201, 169, 110, 0.2) !important;
}
.btn.light {
  border-color: #0a0e1a !important;
  background: #0a0e1a !important;
  color: #FFF8ED !important;
}
.btn.light:hover {
  background: transparent !important;
  color: #0a0e1a !important;
}
.btn.ghost {
  color: #0a0e1a !important;
  border-color: rgba(10, 14, 26, 0.3) !important;
}
.btn.ghost:hover {
  border-color: #c9a96e !important;
  color: #c9a96e !important;
}

/* ─── Hero ─── */
.hero {
  background: #FFF8ED !important;
  color: #0a0e1a !important;
}
.hero::after {
  background:
    linear-gradient(90deg, rgba(255, 248, 237, 0.60), rgba(255, 248, 237, 0.30) 50%, rgba(255, 248, 237, 0.10)),
    linear-gradient(180deg, rgba(255, 248, 237, 0.05), rgba(255, 248, 237, 0.60)) !important;
}

/* ─── Statbar ─── */
.statbar {
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  background: rgba(10, 14, 26, 0.08) !important;
}
.statbar div {
  background: #f5f0e8 !important;
}
.statbar b { color: #c9a96e !important; }
.statbar span { color: #6b7280 !important; }

/* ─── Subnav ─── */
.subnav {
  background: #f5f0e8 !important;
  border-bottom: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.subnav__inner { color: #6b7280 !important; }
.subnav a { color: #6b7280 !important; }
.subnav a:hover { color: #c9a96e !important; }

/* ─── Cards ─── */
.card, .solution-card, .route-card, .faq-card {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.card:hover, .solution-card:hover, .route-card:hover, .faq-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(201, 169, 110, 0.3) !important;
}
.card p, .solution-card p, .route-card p, .faq-card p { color: #6b7280 !important; }
.solution-card__meta {
  border-top: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #c9a96e !important;
}

/* ─── Media Panel ─── */
.media-panel {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}

/* ─── Feature List ─── */
.feature-list li {
  border-left: 2px solid #c9a96e !important;
  color: #333842 !important;
}

/* ─── Panels ─── */
.panel {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.panel.dark {
  background: rgba(201, 169, 110, 0.04) !important;
}

/* ─── Number List ─── */
.number-list {
  background: rgba(10, 14, 26, 0.08) !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.number-row { background: #f5f0e8 !important; }
.number-row p { color: #6b7280 !important; }

/* ─── Comparison ─── */
.comparison {
  background: rgba(10, 14, 26, 0.08) !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.comparison article {
  background: #f5f0e8 !important;
}
.comparison ul { color: #6b7280 !important; }

/* ─── Quote Band ─── */
.quote-band {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #0a0e1a !important;
}
.quote-band p { color: #6b7280 !important; }

/* ─── Contact ─── */
.contact-stack a, .contact-stack span {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #333842 !important;
}
.contact-stack a:hover {
  border-color: #c9a96e !important;
  color: #c9a96e !important;
}

/* ─── Forms ─── */
.quote-form {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.field label, .check-row { color: #0a0e1a !important; }
.field input, .field select, .field textarea {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.12) !important;
  color: #0a0e1a !important;
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: #c9a96e !important;
  box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.12) !important;
}
.check-row { color: #6b7280 !important; }
.form-status { color: #6b7280 !important; }

/* ─── Fleet ─── */
.fleet-tools {
  background: linear-gradient(#FFF8ED 78%, rgba(255, 248, 237, 0)) !important;
}
.fleet-chip {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #0a0e1a !important;
}
.fleet-chip:hover { border-color: #c9a96e !important; }
.fleet-chip[aria-pressed="true"] {
  background: #c9a96e !important;
  color: #0a0e1a !important;
  border-color: #c9a96e !important;
}
.aircraft-card { background: #f5f0e8 !important; }
.aircraft-card:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important; }
.aircraft-media { background: #FFF8ED !important; }
.aircraft-badge {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #c9a96e !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.aircraft-name { color: #0a0e1a !important; }
.spec-grid b { color: #0a0e1a !important; }
.spec-grid span { color: #6b7280 !important; }

/* ─── Modal ─── */
.modal__backdrop { background: rgba(10, 14, 26, 0.6) !important; }
.modal__panel {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.modal__close {
  background: #f5f0e8 !important;
  color: #0a0e1a !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.modal__close:hover { background: #c9a96e !important; color: #0a0e1a !important; }
.modal__body { color: #333842 !important; }

/* ─── Footer (keep dark for contrast, matching Webflow homepage) ─── */
.site-footer {
  background: #0a0e1a !important;
  color: #f8f6f3 !important;
  border-top: 1px solid rgba(201, 169, 110, 0.1) !important;
}
.footer-col h4 { color: #c9a96e !important; }
.footer-col a { color: #8b93a8 !important; }
.footer-col a:hover { color: #c9a96e !important; }
.footer-bottom { border-top: 1px solid rgba(201, 169, 110, 0.1) !important; }
.footer-bottom p { color: #8b93a8 !important; }
.footer-bottom a { color: #8b93a8 !important; }
.footer-bottom a:hover { color: #c9a96e !important; }
.footer-links a { color: #8b93a8 !important; }
.footer-links a:hover { color: #c9a96e !important; }

/* ─── Testimonials ─── */
.testimonial-card {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.testimonial-card q { color: #0a0e1a !important; }
.testimonial-card .author { color: #0a0e1a !important; }
.testimonial-card .meta, .testimonial-card .date { color: #6b7280 !important; }
.testimonial-card .star-rating { color: #c9a96e !important; }

/* ─── FAQ ─── */
.faq-item { border-bottom: 1px solid rgba(10, 14, 26, 0.08) !important; }
.faq-item summary { color: #0a0e1a !important; }
.faq-item summary::after { color: #c9a96e !important; }
.faq-item .answer { color: #6b7280 !important; }

/* ─── Blog ─── */
.blog-card {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.blog-card:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important; }
.blog-card__media { background: #f5f0e8 !important; }
.blog-card__tag {
  background: rgba(201, 169, 110, 0.08) !important;
  color: #c9a96e !important;
}
.blog-card__date { color: #6b7280 !important; }
.blog-card h3 { color: #0a0e1a !important; }
.blog-card p { color: #6b7280 !important; }

/* ─── Events ─── */
.event-section.white, .event-section.soft { background: #FFF8ED !important; }
.event-meta span {
  background: rgba(201, 169, 110, 0.06) !important;
  color: #0a0e1a !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}

/* ─── Comparison Table ─── */
.compare-table th {
  background: #f5f0e8 !important;
  color: #c9a96e !important;
}
.compare-table td { color: #333842 !important; }
.compare-table tr:nth-child(even) td { background: rgba(10, 14, 26, 0.03) !important; }

/* ─── Calculator ─── */
.calc-form { background: #f5f0e8 !important; }
.calc-result {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #0a0e1a !important;
}
.calc-result h3 { color: #c9a96e !important; }
.calc-result .big { color: #c9a96e !important; }
.calc-result__card {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.calc-result__card .category { color: #c9a96e !important; }
.calc-result__card .price { color: #0a0e1a !important; }
.calc-result__card .rate, .calc-result__card .desc { color: #6b7280 !important; }
.calc-range { color: #333842 !important; }
.calc-category { color: #c9a96e !important; }
.calc-price { color: #0a0e1a !important; }
.calc-rate { color: #6b7280 !important; }
.calc-desc { color: #333842 !important; }
.calc-price-sm { color: #0a0e1a !important; }
.calc-spec { color: #333842 !important; }

/* ─── Chat Widget ─── */
.pj-chat {
  background: #c9a96e !important;
  color: #0a0e1a !important;
  box-shadow: 0 4px 20px rgba(201, 169, 110, 0.25) !important;
}
.pj-chat:hover { background: #e0c090 !important; }

/* ─── Aircraft Selector ─── */
.aircraft-selector__card {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.aircraft-selector__card:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important; }
.aircraft-selector__card.is-selected {
  box-shadow: 0 0 0 1px #c9a96e, 0 8px 32px rgba(201, 169, 110, 0.12) !important;
}
.aircraft-selector__media { background: #FFF8ED !important; }
.aircraft-selector__body .category { color: #c9a96e !important; }
.aircraft-selector__body .price-range { color: #0a0e1a !important; }
.aircraft-selector__body .detail { color: #6b7280 !important; }

/* ─── Trust Badges ─── */
.trust-badge {
  background: rgba(201, 169, 110, 0.05) !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #333842 !important;
}
.trust-badge:hover {
  background: rgba(201, 169, 110, 0.1) !important;
  border-color: rgba(201, 169, 110, 0.25) !important;
}

/* ─── Team ─── */
.team-card img {
  background: #f5f0e8 !important;
  border: 2px solid rgba(10, 14, 26, 0.08) !important;
}
.team-card .name { color: #0a0e1a !important; }
.team-card .role { color: #6b7280 !important; }

/* ─── Breadcrumb ─── */
.pj-breadcrumb {
  background: #f5f0e8 !important;
  border-bottom: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #6b7280 !important;
}
.pj-breadcrumb a { color: #c9a96e !important; }

/* ─── Floating CTA ─── */
.floating-cta {
  background: #c9a96e !important;
  color: #0a0e1a !important;
  box-shadow: 0 8px 32px rgba(201, 169, 110, 0.25) !important;
}
.floating-cta:hover {
  background: #e0c090 !important;
  box-shadow: 0 12px 40px rgba(201, 169, 110, 0.35) !important;
}
.pj-float-cta {
  background: #c9a96e !important;
  color: #0a0e1a !important;
  box-shadow: 0 8px 32px rgba(201, 169, 110, 0.3) !important;
}
.pj-float-cta:hover {
  background: #e0c090 !important;
  box-shadow: 0 12px 40px rgba(201, 169, 110, 0.4) !important;
}

/* ─── Cert Grid ─── */
.cert-grid {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}

/* ─── Safety Counter ─── */
.counter-item {
  background: #f5f0e8 !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.counter-item:hover { border-color: rgba(201, 169, 110, 0.3) !important; }
.counter-number { color: #c9a96e !important; }
.counter-label { color: #6b7280 !important; }

/* ─── Value Cards ─── */
.value-card {
  background: #fff !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.value-card:hover {
  border-color: rgba(201, 169, 110, 0.35) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}
.value-card__icon {
  background: rgba(201, 169, 110, 0.08) !important;
  border: 1px solid rgba(10, 14, 26, 0.08) !important;
  color: #c9a96e !important;
}
.value-card h3 { color: #0a0e1a !important; }
.value-card p { color: #6b7280 !important; }

/* ─── Timeline ─── */
.timeline::before { background: rgba(10, 14, 26, 0.08) !important; }
.timeline-item::before {
  background: #c9a96e !important;
  border: 2px solid #FFF8ED !important;
  box-shadow: 0 0 0 2px rgba(10, 14, 26, 0.08) !important;
}
.timeline-item__year { color: #c9a96e !important; }
.timeline-item h4 { color: #0a0e1a !important; }
.timeline-item p { color: #6b7280 !important; }

/* ─── Founder Section ─── */
.founder-photo-placeholder {
  background: #f5f0e8 !important;
  border: 2px solid rgba(10, 14, 26, 0.08) !important;
  color: #6b7280 !important;
}
.founder-photo-placeholder:hover { border-color: #c9a96e !important; }
.founder-name { color: #c9a96e !important; }
.founder-title { color: #6b7280 !important; }
.founder-bio { color: #333842 !important; }
.founder-contact a, .founder-contact span { color: #6b7280 !important; }
.founder-contact a:hover { color: #c9a96e !important; }

/* ─── Route / Fleet Cards ─── */
.route-card h3 { color: #0a0e1a !important; }
.route-card p { color: #6b7280 !important; }
.fleet-card h3 { color: #0a0e1a !important; }
.fleet-card p { color: #6b7280 !important; }
.fleet-meta { color: #c9a96e !important; }

/* ─── Gallery ─── */
.gallery-item { border: 1px solid rgba(10, 14, 26, 0.08) !important; }
.gallery-caption {
  background: linear-gradient(transparent, rgba(10, 14, 26, 0.7)) !important;
  color: #f8f6f3 !important;
}

/* ─── Hero Split ─── */
.hero-split__side--dark { background: #FFF8ED !important; }
.hero-split__side--light {
  background: #f5f0e8 !important;
  border-left: 1px solid rgba(10, 14, 26, 0.08) !important;
}
.hero-split__side--dark::after,
.hero-split__side--light::after {
  background: linear-gradient(180deg, rgba(255, 248, 237, 0.6), rgba(255, 248, 237, 0.9)) !important;
}

/* ─── Text utilities ─── */
.u-text-cream { color: #0a0e1a !important; }
.u-text-gold { color: #c9a96e !important; }

/* ─── Gold Divider ─── */
.gold-divider { background: #c9a96e !important; }

/* ─── Card images ─── */
.card-img, .card-interior { display: block; }

/* ─── Responsive overrides ─── */
@media (max-width: 1020px) {
  .pj-header__left, .pj-header__right { display: none; }
  .pj-header__mobile-toggle { display: flex; }
}

@media (max-width: 760px) {
  .hero-split__side--light {
    border-left: none !important;
    border-top: 1px solid rgba(10, 14, 26, 0.08) !important;
  }
}