/* active-vacation.css — styles unique to active-vacation.html */

/* ── NAV ── */
.lang-arrow{font-size:8px;transition:transform .3s;display:inline-block;}
/* ── HERO ── */
.hero-bg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,48,135,.15),rgba(0,48,135,.72)),url('../images/active-vacation/hero.jpg') center/cover no-repeat;background-color:#1a4a8a;}
.hero-txt{position:relative;padding:0 64px;}
.breadcrumb{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px;}
.breadcrumb a{color:var(--lb);text-decoration:none;}
.hero-txt h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:300;color:#fff;line-height:1.1;}
.hero-txt h1 em{font-style:italic;color:#7dd8f8;}
/* ── SHARED ── */
/* ── INTRO ── */
.intro{padding:52px 0 44px;}
.intro p{font-size:.95rem;color:#555;line-height:1.8;font-weight:300;margin-top:14px;max-width:680px;}
/* ── ACTIVITY SECTIONS ── */
.activities{padding:0 0 80px;}
/* Each activity block */
.act-block{margin-bottom:80px;}
.act-block:last-child{margin-bottom:0;}
/* Top row: title + description */
.act-header{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start;margin-bottom:32px;}
.act-name{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;color:var(--cb);line-height:1.15;margin-bottom:10px;}
.act-desc{font-size:.88rem;color:#555;line-height:1.8;font-weight:300;}
/* 3-photo grid */
.act-photos{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;height:320px;}
.act-photos .ph{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(145deg,#1a4a8a,#003087);}
.act-photos .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.act-photos .ph:hover img{transform:scale(1.05);}
/* Divider between sections */
.act-divider{border:none;border-top:1px solid rgba(0,48,135,.08);margin-bottom:80px;}
/* ── CTA STRIP ── */
.cta-strip{background:var(--cb);padding:72px 0;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.cta-txt .sec-lbl{color:var(--lb);}
.cta-txt .sec-lbl::before{background:var(--lb);}
.cta-txt h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;color:#fff;line-height:1.2;margin-bottom:10px;}
.cta-txt p{font-size:.85rem;color:rgba(255,255,255,.6);line-height:1.75;max-width:480px;}
.btn-cta{background:var(--lb);color:#fff;font-family:'Raleway',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border:none;padding:14px 32px;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s;white-space:nowrap;}
.btn-cta:hover{background:#007ab5;}
/* ── FOOTER ── */
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.f-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-block;margin-bottom:14px;}
.f-logo span{color:rgba(255,255,255,.6);font-weight:300;}
/* ── RESPONSIVE ── */
@media(max-width:860px){.hero-txt{padding:0 24px;}.act-header{grid-template-columns:1fr;gap:16px;}.act-photos{grid-template-columns:1fr 1fr;height:auto;}.act-photos .ph{height:180px;}.act-photos .ph:first-child{grid-column:1/-1;height:220px;}.cta-inner{flex-direction:column;text-align:center;}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:560px){.act-photos{grid-template-columns:1fr;}.act-photos .ph,.act-photos .ph:first-child{height:200px;}.footer-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.filter-bar{top:64px;}}