/* custom.css
   Layer 3 (after style.css and modern.css)
   Purpose: Site-specific quick overrides without editing core design files.
   Notes:
   - Keep selectors specific but minimal.
   - Remove unused sample blocks when adding real overrides.
*/

/* =====================
   Color / Theme Tweaks
===================== */
/* Example: tweak accent gradient
:root {
  --accent: #ff2f55;
}
*/

/* =====================
   Header Adjustments
===================== */
/* Example: slightly smaller logo on very small screens
@media (max-width:420px){
  .top-bar .logo { font-size:18px; }
}
*/

/* =====================
   Hero Experiments
===================== */
/* Example: soften hero shadow
.hero .overlay { box-shadow: 0 10px 40px -18px rgba(0,0,0,0.55); }
*/

/* =====================
   Form Overrides
===================== */
/* Example: squared inputs
/*.flight-form input, .flight-form select { border-radius:6px; }
*/

/* =====================
   Benefit Cards
===================== */
/* Example: remove hover lift
/*.benefit:hover { transform:none; box-shadow:0 8px 20px -10px rgba(0,0,0,0.18); }
*/

/* =====================
   Footer
===================== */
/* Example: darker footer background
/*.site-footer { background:#020912; }
*/

/* =====================
   Utility Helpers
===================== */
.hide { display:none !important; }
.nowrap { white-space:nowrap; }
.upper { text-transform:uppercase; }

/* Add new rules below this line */