/* =============================================================
   EZY TOUR FRAMEWORK — theme: Leonafola Tours
   "Where Your Adventure Begins"
   Palette: Sunrise gold, Royal blue, Vivid red, Caribbean teal
   Fonts: Playfair Display (display) + Nunito (body)
   ============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Nunito:wght@400;600;700;800;900&display=swap');

:root {
  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Nunito', sans-serif;

  /* Brand palette — from Leonafola logo */
  --lf-gold:      #F5A800;
  --lf-gold-deep: #D4890A;
  --lf-blue:      #1E3BAF;
  --lf-blue-dark: #142980;
  --lf-red:       #D42B2B;
  --lf-teal:      #00B4C8;
  --lf-teal-dark: #008A9A;
  --lf-sun:       #FFD44A;

  /* Primary accent: Caribbean teal (main CTA colour) */
  --accent:          #00B4C8;
  --accent-dark:     #008A9A;
  --accent-text:     #ffffff;
  --accent-glow:     rgba(0,180,200,0.22);
  --accent-grad:     linear-gradient(135deg, #00B4C8 0%, #1E3BAF 100%);
  --secondary:       #F5A800;
  --secondary-text:  #1a0000;
  --shadow-accent:       0 4px 16px rgba(0,180,200,0.35);
  --shadow-accent-hover: 0 8px 28px rgba(0,180,200,0.5);

  /* Surfaces — warm white with tropical tint */
  --bg:           #F7FBFC;
  --card-bg:      #FFFFFF;
  --input-bg:     #EEF8FA;
  --border:       rgba(0,180,200,0.15);
  --card-border:  1.5px solid rgba(0,180,200,0.12);
  --card-shadow:  0 4px 24px rgba(0,100,120,0.1);
  --card-shadow-hover: 0 12px 40px rgba(0,100,120,0.18);
  --card-shadow-color: rgba(0,100,120,0.1);

  /* Text */
  --text:       #0D1F2D;
  --text-mid:   #1E3A4A;
  --text-soft:  #3D5A6A;
  --text-muted: #7A9CAA;

  /* Nav */
  --nav-h:               72px;
  --nav-bg:              rgba(247,251,252,0.97);
  --nav-shadow:          0 2px 20px rgba(0,100,120,0.12);
  --nav-link:            #0D1F2D;
  --nav-link-active-bg:  var(--accent);
  --nav-link-active:     #ffffff;

  /* Page hero (light pages) */
  --page-hero-bg: linear-gradient(135deg, #E8F8FA 0%, #D0F0F5 50%, #E5F5FF 100%);

  /* CTA banner */
  --cta-bg:   linear-gradient(135deg, #1E3BAF 0%, #00B4C8 100%);
  --cta-text: #ffffff;
  --cta-sub:  rgba(255,255,255,0.75);

  /* Footer */
  --footer-bg:         #0D1F2D;
  --footer-text:       rgba(255,255,255,0.8);
  --footer-muted:      rgba(255,255,255,0.45);
  --footer-heading:    #FFD44A;
  --footer-border:     rgba(255,255,255,0.1);
  --footer-badge-bg:   rgba(255,255,255,0.08);
  --footer-social-bg:  rgba(255,255,255,0.1);
  --footer-logo-filter: brightness(0) invert(1);

  /* Skeleton */
  --skeleton-base:  #d8f0f4;
  --skeleton-shine: #c4e8ed;

  /* Misc */
  --radius:     10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-pill: 50px;
  --transition: all 0.25s ease;
}

/* ── Leonafola-specific overrides ── */

/* Service cards — teal top accent */
.service-card::before { background: linear-gradient(90deg, var(--lf-teal), var(--lf-gold)); }

/* Tour card price */
.tour-price .amount { color: var(--lf-blue); }
.from { color: var(--text-muted); }

/* Stars in gold */
.stars, .test-stars { color: var(--lf-gold); }
.tour-card-rating { color: var(--lf-blue); }

/* Section labels — teal */
.section-label { color: var(--lf-teal); }
.text-accent    { color: var(--lf-teal); }

/* Transfer route price — gold */
.route-price { color: var(--lf-gold); font-weight: 900; }
.transfer-route:hover { background: var(--lf-blue); }
.transfer-route:hover .route-name,
.transfer-route:hover .route-from,
.transfer-route:hover .route-time { color: white; }
.transfer-route:hover .route-price { color: var(--lf-gold); }

/* CTA banner gradient */
.cta-banner { background: var(--cta-bg); }

/* WhatsApp float button */
.whatsapp-float {
  background: linear-gradient(135deg, #25D366, #128C7E);
}

/* Booking tabs active — teal */
.booking-tab.active {
  border-bottom-color: var(--lf-teal);
  color: var(--lf-teal);
}

/* Tag accent (best seller badge) */
.tag-accent { background: var(--lf-red); color: #fff; }
.tag-muted  { background: var(--input-bg); color: var(--text-muted); }

/* Trust bar */
.trust-bar-num { color: var(--lf-teal); }

/* Hero badge */
.hero-badge { background: rgba(245,168,0,0.2); color: var(--lf-gold-deep); border: 1px solid rgba(245,168,0,0.4); }

/* ── Jacko compatibility aliases (used in rebranded pages) ── */
/* Maps --jet-* to Leonafola equivalents so no pages go grey */
:root {
  --jet-navy:   var(--lf-blue-dark);   /* #142980 */
  --jet-blue:   var(--lf-teal);        /* #00B4C8 */
  --jet-gold:   var(--lf-gold);        /* #F5A800 */
  --jet-sky:    var(--lf-teal);
  --jet-green:  #16a34a;
  --jet-orange: var(--lf-red);
}
