/* css3 - Warm Sunset Voyage Theme
	 Identity: Golden-to-coral sunset gradient, serif display headings, airy spacing, soft cards */

:root {
	--ws-bg-top: #fff6e6;
	--ws-bg-mid: #ffe3c2;
	--ws-bg-bottom: #ffd1b8;
	--ws-accent: #e8482d;
	--ws-accent-alt: #ff7a3d;
	--ws-text: #422a16;
	--ws-muted: #8a6b54;
	--ws-surface: rgba(255,255,255,0.75);
	--ws-line: rgba(255,120,50,0.35);
	--ws-radius: 30px;
	--ws-shadow: 0 28px 60px -26px rgba(120,60,20,.35),0 10px 30px -12px rgba(120,60,20,.25);
}

html, body { background: linear-gradient(160deg,var(--ws-bg-top) 0%,var(--ws-bg-mid) 45%,var(--ws-bg-bottom) 100%); color: var(--ws-text); font-family: 'Inter', sans-serif; }
header.top-bar { background: var(--ws-surface); backdrop-filter: blur(14px); border:1px solid rgba(255,255,255,0.6); box-shadow:0 4px 16px -8px rgba(120,60,20,.25); }
header.top-bar .logo { color: var(--ws-accent); font-weight:700; }

.hero { min-height:510px; }
.hero .overlay { position:relative; display:grid; grid-template-columns: minmax(360px,540px) minmax(340px,480px); grid-template-areas: "content media" "ratings media"; column-gap:52px; row-gap:42px; background: linear-gradient(118deg,#ffb66f,#ff9158 46%,#ff6e4b); border-radius: var(--ws-radius); padding:54px 60px 62px; overflow:hidden; box-shadow: var(--ws-shadow); max-width:1220px; margin:0 auto; }
.hero .overlay:before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 70% 30%,rgba(255,255,255,.55),rgba(255,255,255,.15) 60%); mix-blend-mode: overlay; }
.hero-content { grid-area:content; position:relative; z-index:2; }
.hero-content h1 { font-size:clamp(2.35rem,4.6vw,3.55rem); line-height:1.03; font-family: 'Georgia', serif; letter-spacing:-0.9px; background: linear-gradient(90deg,#582a10,#8c3f19,#582a10); -webkit-background-clip:text; background-clip:text; color:transparent; filter: drop-shadow(0 5px 12px rgba(90,45,15,.22)); margin:0 0 12px; }
.features { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 22px; }
.features li { background: rgba(255,255,255,.32); border:1px solid rgba(255,255,255,.6); padding:10px 16px; font-size:12px; font-weight:600; letter-spacing:.6px; border-radius:16px; backdrop-filter: blur(6px); color: var(--ws-accent); transition:.3s; }
.features li:hover { background: rgba(255,255,255,.45); transform:translateY(-4px); }
.call-box.main { background: linear-gradient(140deg,var(--ws-accent),var(--ws-accent-alt)); border:1px solid rgba(255,255,255,.6); box-shadow:0 16px 38px -14px rgba(200,60,20,.55); border-radius:18px; margin-top:12px; }

/* Hero media */
.hero-media { grid-area:media; display:flex; align-items:center; justify-content:center; position:relative; }
.hero-media-inner { width:100%; max-width:400px; aspect-ratio: 4 / 3; border-radius:40px; background: linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18)); border:1px solid rgba(255,255,255,.65); backdrop-filter: blur(14px); box-shadow:0 32px 70px -28px rgba(90,45,15,.38); position:relative; overflow:hidden; }
.hero-media-inner:before { content:""; position:absolute; inset:0; background: linear-gradient(140deg,rgba(255,255,255,.6),rgba(255,255,255,0)); mix-blend-mode:overlay; }
.hero-media img { width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(1.15); }
/* Slider (shared) */
.slider { position:relative; width:100%; height:100%; }
.slider-track { display:flex; width:100%; height:100%; transition: transform .7s ease; }
.slide { flex:0 0 100%; width:100%; height:100%; position:relative; }
.slide img { width:100%; height:100%; object-fit:cover; }
.slider-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; padding:0 10px; }
.slider-btn { pointer-events:auto; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.75); width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:17px; cursor:pointer; backdrop-filter:blur(6px); transition:.3s; }
.slider-btn:hover { background:rgba(255,255,255,.75); transform:scale(1.05); }
.slider-dots { position:absolute; left:0; right:0; bottom:10px; display:flex; gap:6px; justify-content:center; }
.slider-dots button { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.55); border:1px solid rgba(255,120,50,.55); cursor:pointer; padding:0; transition:.3s; }
.slider-dots button.active { background:var(--ws-accent); transform:scale(1.2); box-shadow:0 0 0 4px rgba(255,120,50,.35); }
.slide-caption { position:absolute; left:0; right:0; bottom:0; padding:14px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.82) 95%); color:#582a10; font-weight:600; letter-spacing:.45px; font-size:13px; }

/* Ratings below features (inline variant shares grid area) */
.ratings { grid-area:ratings; display:flex; gap:18px; align-items:stretch; flex-wrap:wrap; }
.rating-card { flex:1 1 170px; background: var(--ws-surface); border:1px solid rgba(255,255,255,.65); border-radius:22px; padding:16px 18px 18px; box-shadow:0 16px 32px -14px rgba(120,60,20,.3); position:relative; overflow:hidden; }
.rating-card:before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 75% 30%,rgba(255,180,100,.5),transparent 70%); opacity:.35; }
.rating-card .icon { font-size:20px; margin-bottom:8px; }
/* Inline ratings variant (css3 & css4 share markup, theme-specific spacing here) */
.hero-content .ratings.inline { margin-top:10px; gap:18px; flex-wrap:nowrap; }
.hero-content .ratings.inline .rating-card { flex:0 0 auto; min-width:180px; }
/* Force always horizontal */
.hero-content .ratings.inline { flex-wrap:nowrap !important; }

/* Sub-call strip */
.sub-call { background: linear-gradient(90deg,#ffac63,#ff8c52,#ff6e4a); color:#582a10; }
.sub-call .call-box.alt { background: linear-gradient(140deg,#ff7a3d,#ff9350); border:none; box-shadow:0 12px 36px -16px rgba(200,60,20,.45); }

/* Form */
.search-box { background: linear-gradient(135deg,#ffe7d0,#fff6ec); }
.flight-form { background: var(--ws-surface); border:1px solid rgba(255,255,255,.7); backdrop-filter: blur(18px); border-radius:40px; padding:46px 52px; box-shadow: var(--ws-shadow); grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap:26px; }
.flight-form label { font-size:11px; font-weight:600; letter-spacing:.9px; color: var(--ws-muted); text-transform:uppercase; }
.flight-form input, .flight-form select { background:#ffffff; border:1px solid rgba(200,120,60,.35); border-radius:16px; font-size:15px; padding:14px 16px; transition:.3s; }
.flight-form input[type="date"] { color:#5a2d12; font-weight:600; caret-color:var(--ws-accent); }
.flight-form input[type="date"]::-webkit-calendar-picker-indicator { filter:contrast(1.1) saturate(1.1); cursor:pointer; }
.flight-form input[type="date"]::-webkit-calendar-picker-indicator:hover { filter:contrast(1.25) saturate(1.2); }
.flight-form input:focus, .flight-form select:focus { outline:none; border-color: var(--ws-accent); box-shadow:0 0 0 3px rgba(232,72,45,.28); }
.flight-form button { background: linear-gradient(135deg,var(--ws-accent),var(--ws-accent-alt)); border:none; border-radius:18px; font-weight:600; letter-spacing:.6px; font-size:16px; box-shadow:0 16px 34px -14px rgba(200,60,20,.55); }
.passenger-dropdown { border-radius:22px; }

/* Benefits */
.benefits { background: linear-gradient(180deg,#fff8f0,#ffe8d6); gap:80px; padding-top:100px; }
.benefit { background: var(--ws-surface); border:1px solid rgba(255,255,255,.7); backdrop-filter: blur(16px); border-radius:34px; padding:40px 38px; box-shadow:0 32px 70px -30px rgba(120,60,20,.35); position:relative; overflow:hidden; }
.benefit:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 24%,rgba(255,170,100,.55),transparent 72%); opacity:.5; }
.benefit h3 { color:#7c3a18; }
.benefit .icon { font-size:54px; }

footer.site-footer { background:#7c3a18; color:#fff; position:relative; }
footer.site-footer:before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 20% 18%,rgba(255,255,255,.28),transparent 70%); }
footer.site-footer a { color:#fff2e8; }

/* Responsive */
/* Gallery & Split Sections */
.theme-gallery { padding:110px 0 40px; }
.theme-gallery .gallery-wrapper { width: min(1250px,92%); margin:0 auto; }
.theme-gallery .gallery-head h2 { font-size:44px; font-family:'Georgia', serif; margin:0 0 6px; background:linear-gradient(90deg,#5a2d12,#8c3f19); -webkit-background-clip:text; background-clip:text; color:transparent; }
.theme-gallery .gallery-head p { color: var(--ws-muted); font-size:15px; margin:0 0 34px; }
.gallery-grid { display:grid; grid-template-columns: repeat(6,1fr); gap:18px; }
.gallery-grid .g-item { position:relative; overflow:hidden; border-radius:26px; background:rgba(255,255,255,.4); border:1px solid rgba(255,255,255,.65); aspect-ratio: 4 / 3; box-shadow:0 18px 50px -18px rgba(120,60,20,.35); }
.gallery-grid .g-item.wide { grid-column: span 3; }
.gallery-grid .g-item.tall { grid-column: span 2; aspect-ratio: 3 / 4; }
.gallery-grid img { width:100%; height:100%; object-fit:cover; transition: transform .6s ease; }
.gallery-grid figure:hover img { transform: scale(1.12); }
.gallery-grid figcaption { position:absolute; left:0; right:0; bottom:0; padding:14px 16px 16px; font-size:14px; font-weight:600; letter-spacing:.5px; color:#582a10; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.78) 90%); }

.theme-feature-split { padding:40px 0 120px; }
.theme-feature-split .split-inner { width:min(1180px,92%); margin:0 auto; display:grid; grid-template-columns: minmax(320px,520px) minmax(340px,1fr); gap:90px; align-items:center; }
.split-media { position:relative; }
.split-media img { width:100%; border-radius:46px; aspect-ratio: 4 / 3; object-fit:cover; box-shadow:0 40px 80px -28px rgba(120,60,20,.4); }
.split-content h2 { font-size:54px; font-family:'Georgia', serif; line-height:1.05; letter-spacing:-1px; margin:0 0 22px; background:linear-gradient(90deg,#582a10,#8c3f19,#582a10); -webkit-background-clip:text; background-clip:text; color:transparent; }
.split-content p { font-size:17px; color:#6f4d34; line-height:1.6; margin:0 0 26px; }
.split-content .points { list-style:none; margin:0 0 34px; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px 26px; }
.split-content .points li { position:relative; padding-left:22px; font-weight:600; font-size:14px; color:#7c3a18; }
.split-content .points li:before { content:"✔"; position:absolute; left:0; top:0; color:var(--ws-accent); }
.split-cta { display:inline-block; background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-alt)); color:#fff; font-weight:600; padding:16px 30px; border-radius:18px; box-shadow:0 16px 34px -14px rgba(200,60,20,.55); letter-spacing:.6px; }
.split-cta:hover { filter:brightness(1.08); transform:translateY(-3px); }

@media (max-width:1100px){ .gallery-grid { grid-template-columns: repeat(4,1fr); } .gallery-grid .g-item.wide { grid-column: span 2; } }
@media (max-width:900px){ .theme-feature-split .split-inner { grid-template-columns:1fr; gap:60px; } .split-content h2 { font-size:48px; } }
@media (max-width:760px){ .gallery-grid { grid-template-columns: repeat(3,1fr); } .split-content h2 { font-size:44px; } }
@media (max-width:620px){ .gallery-grid { grid-template-columns: repeat(2,1fr); } .gallery-grid .g-item.wide { grid-column: span 2; } .theme-gallery .gallery-head h2 { font-size:38px; } }
@media (max-width:500px){ .gallery-grid { grid-template-columns:1fr; } .split-content h2 { font-size:38px; } .theme-feature-split .split-inner { gap:50px; } }
/* Inspiration slider wrapper override (replaces grid on slider variant) */
.inspiration-slider-wrapper { position:relative; width:100%; border-radius:30px; }
.inspiration-slider-wrapper .slider { aspect-ratio: 16 / 9; border-radius:30px; overflow:hidden; box-shadow:0 28px 60px -26px rgba(120,60,20,.35); }
.inspiration-slider-wrapper .slider-track { height:100%; }
.inspiration-slider-wrapper .slide { position:relative; }
.inspiration-slider-wrapper .slide-caption { font-size:15px; }
.inspiration-slider-wrapper .slider-btn { background:rgba(255,255,255,.6); border:1px solid rgba(255,180,100,.8); color:var(--ws-accent); }
.inspiration-slider-wrapper .slider-btn:hover { background:rgba(255,255,255,.85); }
.inspiration-slider-wrapper .slider-dots button { border-color: rgba(255,120,50,.55); }
.inspiration-slider-wrapper .slider-dots button.active { background:var(--ws-accent-alt); }
@media (max-width:1200px){ .hero .overlay { padding:52px 56px 60px; column-gap:48px; row-gap:40px; } }
@media (max-width:1040px){ .hero-content h1 { font-size:clamp(2.3rem,4.8vw,3.3rem); } }
@media (max-width:980px){
	.hero .overlay { grid-template-columns:1fr; grid-template-areas: "content" "ratings" "media"; row-gap:44px; padding:50px 48px 58px; }
	.hero-media { max-width:480px; margin:0 auto; }
	.hero-content .ratings.inline { order:2; }
}
@media (max-width:740px){ .hero-content h1 { font-size:2.6rem; } .hero .overlay { padding:46px 40px 56px; } }
@media (max-width:620px){ .hero-content h1 { font-size:2.45rem; } .hero .overlay { padding:44px 36px 52px; } }
@media (max-width:560px){ .hero-content h1 { font-size:2.25rem; } .hero .overlay { padding:40px 32px 48px; } .flight-form { padding:34px 30px; } .hero-content .ratings.inline .rating-card { flex:1 1 46%; } }
@media (max-width:460px){ .hero-content h1 { font-size:2.05rem; } .hero .overlay { padding:36px 26px 44px; } .flight-form { padding:30px 26px; } }
@media (max-width:400px){ .hero-content h1 { font-size:32px; } }