/* ═══════════════════════════════════════════════════════════════
   MAIN.CSS — Shared styles used across every page
   (root variables, nav, footer, base reset, fade-in animation)
   Edit here to change something site-wide (e.g. brand colors).
   ═══════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --navy:#0F1B2D;
  --navy2:#1A2E4A;
  --orange:#FF6702;
  --orange2:#E85A00;
  --gold:#F5C842;
  --teal:#20DDDB;
  --white:#FFFFFF;
  --offwhite:#F7F9FC;
  --lightgray:#EEF2F7;
  --text:#1A1A2E;
  --textmid:#4A5568;
  --textlight:#718096;
  --border:#E2E8F0;
}

html{scroll-behavior:smooth;}

body{font-family:'Barlow',sans-serif;background:var(--white);color:var(--text);overflow-x:hidden;}

.nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;}

.nav-logo img{height:60px;width:auto;object-fit:contain;}

.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none;}

.nav-links a{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s;}

.nav-links a:hover{color:#fff;}

.nav-phone{font-family:'Barlow',sans-serif;font-size:15px;font-weight:600;color:#fff;text-decoration:none;letter-spacing:0.01em;padding:0 12px;border:none;transition:color 0.2s;}

.nav-phone:hover{color:var(--gold);}

.nav-cta{background:var(--orange);color:#fff!important;padding:8px 20px;border-radius:4px;font-weight:700!important;transition:background 0.2s!important;}

.nav-cta:hover{background:var(--orange2)!important;}

.footer-inner{max-width:1200px;margin:0 auto;}

.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.1);}

.footer-logo img{height:50px;margin-bottom:1rem;}

.footer-desc{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.65;max-width:260px;}

.footer-col-title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem;}

.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;margin-bottom:0.5rem;transition:color 0.2s;}

.footer-col a:hover{color:#fff;}

.footer-col p{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:0.5rem;line-height:1.5;}

.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;font-size:12px;color:rgba(255,255,255,0.25);flex-wrap:wrap;gap:0.5rem;}

.fade-in.visible{opacity:1;transform:translateY(0);}
/* ── Mobile nav quick-actions (phone + schedule) — shown under 900px only ── */
.nav-mobile-actions{display:none;align-items:center;gap:8px;}

@media(max-width:900px){
  .nav-cta{display:none;}
  .nav-logo img{height:42px;}
  .nav-mobile-actions{display:flex;}
  .nav-mobile-phone{width:36px;height:36px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:15px;flex-shrink:0;}
  .nav-mobile-schedule{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#fff;text-decoration:none;border:1.5px solid var(--orange);padding:8px 12px;border-radius:4px;white-space:nowrap;}
}

@media(max-width:420px){
  .nav-mobile-schedule{padding:7px 9px;font-size:10px;}
}

/* ── Large desktop / big monitor scaling ── */
@media(min-width:1600px){
  .nav-inner,.footer-inner{max-width:1440px;}
}