/* css6 - Old School Retro Travel Theme
	 Aesthetic: Light parchment paper, muted airline blues & maroons, subtle vertical stripes, bordered panels, serif headings */

:root {
	--retro-bg:#f6f2e9;
	--retro-paper:#fbf9f3;
	--retro-border:#c9b69a;
	--retro-accent:#8a2f1d; /* maroon */
	--retro-accent-alt:#b44a2f;
	--retro-blue:#2a4b6d;
	--retro-blue-alt:#3f678d;
	--retro-text:#2f261d;
	--retro-muted:#7a6a55;
	--retro-radius:14px;
	--retro-shadow:0 8px 26px -10px rgba(70,55,40,.25);
}

html, body { background: var(--retro-bg); color: var(--retro-text); font-family: 'Inter', sans-serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; background:
	repeating-linear-gradient(90deg,rgba(80,60,40,0.03) 0 2px,transparent 2px 10px),
	repeating-linear-gradient(0deg,rgba(80,60,40,0.018) 0 3px,transparent 3px 11px); mix-blend-mode:multiply; }

header.top-bar { background: var(--retro-paper); border:1px solid var(--retro-border); box-shadow: var(--retro-shadow); border-radius: var(--retro-radius); }
header.top-bar .logo { color: var(--retro-blue); font-family:'Georgia', serif; font-weight:700; letter-spacing:.5px; }

/* Hero */
.hero { min-height:500px; background: none; }
.hero .overlay { position:relative; display:grid; grid-template-columns: minmax(360px,520px) minmax(340px,480px); gap:46px 54px; padding:54px 60px 60px; background:var(--retro-paper); border:1px solid var(--retro-border); border-radius: var(--retro-radius); box-shadow: var(--retro-shadow); overflow:hidden; max-width:1220px; margin:0 auto; width:100%; }
.hero .overlay:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(138,47,29,0.08),rgba(186,150,100,0.06)); pointer-events:none; }
.hero-content h1 { font-family:'Georgia', serif; font-size: clamp(2.3rem, 4.2vw, 3.4rem); line-height:1.05; letter-spacing:-.5px; background:linear-gradient(90deg,var(--retro-blue),var(--retro-blue-alt)); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0 0 14px; }
.features { margin:10px 0 20px; gap:8px; }
.features li { background:#f0eadf; border:1px solid var(--retro-border); color: var(--retro-accent); font-size:11px; font-weight:600; letter-spacing:.5px; padding:8px 14px; border-radius:10px; box-shadow:0 3px 6px -2px rgba(70,55,40,.15); }
.features li:hover { background:#ece4d7; }
.call-box.main { background: linear-gradient(135deg,var(--retro-accent),var(--retro-accent-alt)); border:1px solid #b0664f; border-radius:12px; box-shadow:0 10px 30px -12px rgba(138,47,29,.45); }

/* Slider inside hero media */
.hero-media-inner { border:1px solid var(--retro-border); border-radius:18px; background:linear-gradient(135deg,#f2ece2,#e9dfd1); box-shadow:0 18px 40px -16px rgba(70,55,40,.28); width:100%; max-width:480px; aspect-ratio:4 / 3; overflow:hidden; }
.hero-media-inner img, .hero-media-inner .slide img { width:100%; height:100%; object-fit:cover; display:block; }
.slider-btn { background:#f2ebe0; border:1px solid var(--retro-border); color: var(--retro-accent); }
.slider-btn:hover { background:#e9e1d4; }
.slider-dots button { background:#e8dfd1; border:1px solid var(--retro-accent); }
.slider-dots button.active { background:var(--retro-accent); }
.slide-caption { background:linear-gradient(180deg,rgba(246,242,233,0) 0%,rgba(246,242,233,.95) 100%); color: var(--retro-blue); }

/* Ratings */
.ratings.inline, .ratings { display:flex; gap:20px; flex-wrap:nowrap; align-items:stretch; }
.ratings.inline .rating-card, .ratings .rating-card { flex:0 0 220px; }
/* Force always horizontal */
.ratings.inline, .ratings { flex-wrap:nowrap !important; }
.rating-card { flex:1 1 160px; min-width:150px; background:#f5eee4; border:1px solid var(--retro-border); border-radius:14px; padding:14px 16px 16px; box-shadow:0 10px 24px -10px rgba(70,55,40,.25); position:relative; }
.rating-card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 26%,rgba(186,150,100,.35),transparent 70%); opacity:.35; }
.rating-card .icon { font-size:18px; margin-bottom:6px; color: var(--retro-accent); }

/* Form */
.search-box { background: linear-gradient(135deg,#e9e1d4,#f7f3ec); }
.flight-form { background: var(--retro-paper); border:1px solid var(--retro-border); border-radius:18px; padding:42px 48px; box-shadow: var(--retro-shadow); }
.flight-form label { color: var(--retro-muted); font-size:11px; letter-spacing:.5px; }
.flight-form input, .flight-form select { background:#fffdf8; border:1px solid #d7c7b1; border-radius:10px; font-size:15px; padding:12px 14px; color:var(--retro-text); }
.flight-form input:focus, .flight-form select:focus { outline:none; border-color: var(--retro-accent); box-shadow:0 0 0 3px rgba(138,47,29,.25); background:#fff; }
.flight-form button { background: linear-gradient(135deg,var(--retro-blue),var(--retro-blue-alt)); border:none; border-radius:12px; font-weight:600; font-size:16px; letter-spacing:.6px; color:#fff; box-shadow:0 14px 34px -14px rgba(42,75,109,.45); padding:14px 26px; }
.flight-form button:hover { filter:brightness(1.07); }
.flight-form input[type="date"] { color:var(--retro-blue); font-weight:600; }
.flight-form input[type="date"]::-webkit-calendar-picker-indicator { filter:contrast(1.1); }
.flight-form input[type="date"]::-webkit-calendar-picker-indicator:hover { filter:contrast(1.3); }

/* Benefits */
.benefits { background: linear-gradient(180deg,#f9f6ef,#f2ece2); }
.benefit { background: var(--retro-paper); border:1px solid var(--retro-border); border-radius:18px; padding:30px 28px; box-shadow: var(--retro-shadow); }
.benefit h3 { color: var(--retro-accent); font-family:'Georgia', serif; }

/* Gallery */
.theme-gallery { background: none; }
.gallery-grid .g-item { background:#f0eadf; border:1px solid var(--retro-border); box-shadow:0 14px 38px -16px rgba(70,55,40,.22); border-radius:18px; }
.gallery-grid figcaption { background: linear-gradient(180deg,rgba(245,241,233,0) 0%,rgba(245,241,233,.92) 100%); color: var(--retro-accent); }

/* Footer */
footer.site-footer { background:#2a4b6d; color:#f5eee4; border-top:4px solid var(--retro-accent); }
footer.site-footer a { color:#fffdf8; }
footer.site-footer a:hover { color:#ffe8d6; }

/* Responsive tweaks */
@media (max-width:1080px){ .hero .overlay { grid-template-columns:1fr 1fr; } }
@media (max-width:940px){ .hero .overlay { grid-template-columns:1fr; padding:50px 46px 56px; gap:40px; } .hero-media-inner { max-width:560px; margin:0 auto; } }
@media (max-width:640px){ .hero .overlay { padding:44px 36px 50px; } .flight-form { padding:34px 32px; } .hero-media-inner { max-width:100%; aspect-ratio: 16 / 11; } }
@media (max-width:500px){ .hero .overlay { padding:38px 28px 44px; } .flight-form { padding:30px 26px; } }