:root{
  /* Defaults — the inline <style> block in includes/header.php overrides
     these per-request based on the admin's chosen accent theme + fonts
     (Homepage Content settings), so these values are just the fallback
     if that override is ever missing. */
  --violet-deep:#4A2E6B;
  --violet:#6B3FA0;
  --violet-light:#9B6FC7;
  --blue:#3D5A99;
  --lavender-bg:#F3ECFA;
  --sunset:#E8896B;
  --gold:#F2A65A;
  --cream:#FBF7F2;
  --ink:#2B2438;
  --muted:#6E6580;
  --line:#E6DCF2;
  --font-heading:'Playfair Display';
  --font-body:'Poppins';
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body),Arial,sans-serif;background:var(--cream);color:var(--ink);}
h1,h2,h3,.display{font-family:var(--font-heading),Georgia,serif;}
a{color:inherit;}
img{max-width:100%;display:block;}

/* ---- site header / nav ---- */
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#fff;flex-wrap:wrap;gap:12px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--blue));flex-shrink:0;}
/* Actual uploaded logo/header image: scales to fit a header-height box
   WITHOUT cropping, whatever its real width/height/aspect ratio is —
   unlike .logo-mark above (only used for the placeholder gradient circle
   when no image has been uploaded yet). */
.logo-image{max-height:44px;max-width:200px;width:auto;height:auto;object-fit:contain;flex-shrink:0;}
.logo-text{font-family:var(--font-heading),Georgia,serif;font-weight:700;font-size:19px;color:var(--violet-deep);letter-spacing:.3px;}
.nav-links{display:flex;gap:26px;font-size:13.5px;font-weight:600;flex-wrap:wrap;}
.nav-links a{text-decoration:none;color:var(--ink);opacity:.85;}
.nav-links a:hover{opacity:1;color:var(--violet-deep);}

.site-footer{padding:34px 40px;text-align:center;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);background:#fff;}

/* ---- hero ---- */
.hero{position:relative;padding:80px 40px 64px;text-align:center;background:linear-gradient(160deg,var(--violet-deep) 0%,var(--violet) 55%,var(--sunset) 130%);color:#fff;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%, rgba(242,166,90,.35), transparent 55%);}
.hero-inner{position:relative;max-width:640px;margin:0 auto;}
.hero h1{font-size:38px;margin:0 0 14px;}
.hero p{font-size:16px;opacity:.92;margin:0 0 26px;line-height:1.6;}

.btn{display:inline-block;padding:12px 26px;border-radius:30px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;}
.btn-gold{background:var(--gold);color:var(--violet-deep);}
.btn-outline{background:transparent;border:1.5px solid #fff;color:#fff;}
.btn-violet{background:var(--violet-deep);color:#fff;}
.btn-block{width:100%;text-align:center;}

/* ---- offering cards ---- */
.offerings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:46px 40px;max-width:1100px;margin:0 auto;}
.offer-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;text-align:center;}
.offer-card .icon{width:46px;height:46px;border-radius:50%;margin:0 auto 14px;background:var(--lavender-bg);display:flex;align-items:center;justify-content:center;font-size:20px;}
.offer-card h3{margin:0 0 8px;font-size:17px;color:var(--violet-deep);}
.offer-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;}

.section-heading{text-align:center;padding:6px 40px 0;max-width:600px;margin:0 auto;}
.section-heading h2{color:var(--violet-deep);font-size:26px;margin:0 0 8px;}
.section-heading p{color:var(--muted);font-size:13.5px;margin:0;}

.filters{display:flex;gap:8px;justify-content:center;padding:22px 40px 0;flex-wrap:wrap;}
.filters a{border:1px solid var(--line);padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;color:var(--violet-deep);text-decoration:none;background:#fff;}
.filters a.active{background:var(--violet-deep);color:#fff;border-color:var(--violet-deep);}

/* ---- trip grid / cards ---- */
.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 40px 70px;max-width:1150px;margin:0 auto;}
.trip-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 18px rgba(74,46,107,.06);text-decoration:none;color:inherit;display:block;transition:.2s;}
.trip-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(74,46,107,.12);}
.trip-photo{height:150px;position:relative;background-size:cover;background-position:center;background-color:var(--violet-light);}
.badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;color:#fff;letter-spacing:.3px;}
.badge.public{background:var(--blue);}
.badge.private{background:var(--sunset);}
.badge.static{position:static;display:inline-block;}
.spots-badge{position:absolute;bottom:10px;right:12px;background:rgba(43,36,56,.75);color:#fff;font-size:11px;padding:3px 9px;border-radius:12px;}
.trip-body{padding:16px 18px 20px;}
.trip-body .loc{font-size:11.5px;color:var(--sunset);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.trip-body h3{margin:0 0 6px;font-size:16.5px;color:var(--ink);}
.trip-body .dates{font-size:12.5px;color:var(--muted);margin-bottom:10px;}
.trip-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}
.price{font-weight:700;color:var(--violet-deep);font-size:15px;}
.price span{font-size:11px;color:var(--muted);font-weight:500;}
.mini-btn{background:var(--violet-deep);color:#fff;border:none;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;}
.empty-state{text-align:center;color:var(--muted);padding:60px 20px;font-size:14px;}

/* ---- trip detail page ---- */
.detail-wrap{max-width:1000px;margin:0 auto;padding:30px 30px 70px;}
.breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:16px;}
.gallery{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:340px;border-radius:16px;overflow:hidden;margin-bottom:26px;}
.gallery .main{grid-row:1/3;}
.gallery div{background-size:cover;background-position:center;background-color:var(--violet-light);}

.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;}
.detail-badges{display:flex;gap:8px;margin-bottom:10px;}
.detail-main h1{font-size:29px;margin:6px 0 6px;color:var(--ink);}
.detail-sub{color:var(--muted);font-size:13.5px;margin-bottom:22px;}
.detail-main h4{color:var(--violet-deep);font-size:15px;margin:26px 0 8px;}
.detail-main p{font-size:14px;line-height:1.75;color:#463d55;margin:0 0 10px;}
.detail-main .desc-body{font-size:14px;line-height:1.75;color:#463d55;}

.booking-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;position:sticky;top:20px;height:fit-content;box-shadow:0 8px 24px rgba(74,46,107,.08);}
.booking-card .price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;}
.booking-card .price-row .amt{font-size:26px;font-weight:700;color:var(--violet-deep);}
.booking-card .price-row .per{font-size:12.5px;color:var(--muted);}
.spots-bar{height:7px;border-radius:6px;background:var(--lavender-bg);margin:14px 0 6px;overflow:hidden;}
.spots-bar-fill{height:100%;background:linear-gradient(90deg,var(--sunset),var(--gold));}
.spots-note{font-size:12px;color:var(--muted);margin-bottom:18px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px;}
.field select,.field input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-family:inherit;}
.stripe-note{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:12px;font-size:11.5px;color:var(--muted);}
.private-note{background:var(--lavender-bg);border:1px dashed var(--violet-light);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--violet-deep);margin-bottom:16px;}
.error-note{background:#FDECEA;border:1px solid #f3c3bd;color:#9a3b30;border-radius:10px;padding:10px 14px;font-size:12.5px;margin-bottom:16px;}
.sold-out{text-align:center;padding:14px;background:var(--lavender-bg);border-radius:10px;color:var(--violet-deep);font-weight:600;font-size:14px;}

@media(max-width:900px){
  .offerings,.trip-grid{grid-template-columns:1fr;}
  .detail-grid{grid-template-columns:1fr;}
  .gallery{height:auto;grid-template-columns:1fr;grid-template-rows:none;}
  .gallery .main{height:220px;}
  .gallery div:not(.main){height:110px;}
}