:root{
  --ew-bg:#F6EEDC; --ew-surface:#EFE1C3; --ew-ink:#2B2118;
  --ew-accent:#1D4E63; --ew-gold:#C6952E; --ew-turquoise:#2E9C93; --ew-palm:#4F7A52;
  --ew-heading-font:'Playfair Display', serif; --ew-body-font:'Public Sans', sans-serif;
  --ew-radius-sm:8px; --ew-radius-md:16px; --ew-radius-lg:24px;
}
body.single-destination, body.single-hotel, body.single-cruise, body.single-guide{
  background:var(--ew-bg); color:var(--ew-ink); font-family:var(--ew-body-font);
}
.ew-tpl h1, .ew-tpl h2, .ew-tpl h3{ font-family:var(--ew-heading-font); font-weight:700; color:var(--ew-ink); line-height:1.15; }
.ew-tpl-wrap{ max-width:1100px; margin:0 auto; padding:0 40px; }

/* Breadcrumb */
.ew-crumb{ font-family:var(--ew-body-font); font-size:14px; opacity:.7; padding:24px 0 0; }
.ew-crumb a{ color:var(--ew-ink); text-decoration:none; }
.ew-crumb span{ margin:0 8px; opacity:.5; }

/* Hero */
.ew-hero{ position:relative; height:460px; border-radius:var(--ew-radius-md); overflow:hidden; margin:20px 0 40px; background-size:cover; background-position:center; }
.ew-hero::before{ content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(43,33,24,.75), rgba(43,33,24,.05)); }
.ew-hero-inner{ position:absolute; left:0; bottom:0; padding:40px; z-index:2; color:var(--ew-bg); max-width:760px; }
.ew-hero-tag{ font-size:12px; font-weight:700; letter-spacing:1.5px; color:var(--ew-turquoise); text-transform:uppercase; margin-bottom:12px; display:inline-block; }
.ew-hero-title{ font-size:42px; margin:0; color:var(--ew-bg) !important; }

/* Meta / fact box */
.ew-facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; background:var(--ew-surface); border-radius:var(--ew-radius-md); padding:28px; margin:30px 0 40px; }
.ew-fact-label{ font-size:11px; font-weight:700; letter-spacing:1px; color:var(--ew-accent); text-transform:uppercase; display:block; margin-bottom:6px; }
.ew-fact-value{ font-size:15px; font-weight:600; color:var(--ew-ink); }

/* Content body */
.ew-content{ max-width:720px; font-size:18px; line-height:1.7; }
.ew-content p{ margin:0 0 1.4em; }
.ew-content h2{ font-size:30px; margin:1.6em 0 .6em; border-top:1px solid rgba(43,33,24,.12); padding-top:.8em; }
.ew-content blockquote{ font-family:var(--ew-heading-font); font-style:italic; font-weight:700; font-size:26px; border-left:3px solid var(--ew-gold); padding:4px 0 4px 24px; margin:1.6em 0; }

/* Stars */
.ew-stars{ color:var(--ew-gold); font-size:20px; letter-spacing:2px; }
.ew-stars-empty{ color:rgba(43,33,24,.2); }

/* Booking / CTA button */
.ew-cta-btn{ display:inline-block; background:var(--ew-accent); color:var(--ew-bg); font-weight:600; font-size:14px; padding:16px 32px; border-radius:var(--ew-radius-lg); text-decoration:none; margin-top:10px; }
.ew-cta-btn:hover{ opacity:.88; }

/* FAQ (reuses the same interaction pattern as the UI-components page) */
.ew-faq-toggle{ display:none; }
.ew-faq-q{ display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:var(--ew-heading-font); font-weight:700; font-size:18px; color:var(--ew-ink); padding:20px 0; border-bottom:1px solid rgba(43,33,24,.15); }
.ew-faq-plus{ color:var(--ew-accent); font-size:22px; font-family:var(--ew-body-font); transition:transform .2s; }
.ew-faq-a{ max-height:0; overflow:hidden; font-size:15px; color:var(--ew-ink); opacity:.8; line-height:1.6; transition:max-height .3s ease; }
.ew-faq-toggle:checked + .ew-faq-q + .ew-faq-a{ max-height:260px; padding:14px 0 20px; }
.ew-faq-toggle:checked + .ew-faq-q .ew-faq-plus{ transform:rotate(45deg); }

@media (max-width:700px){
  .ew-tpl-wrap{ padding:0 20px; }
  .ew-hero{ height:320px; }
  .ew-hero-title{ font-size:28px; }
}

/* ===================== SITE HEADER ===================== */
body{ margin:0; }
.ew-site-header{ background:var(--ew-bg); border-bottom:1px solid rgba(43,33,24,.1); position:relative; z-index:100; }
.ew-site-header-inner{ max-width:1200px; margin:0 auto; padding:18px 40px; display:flex; align-items:center; justify-content:space-between; }
.ew-site-logo{ font-family:var(--ew-heading-font); font-weight:700; font-size:24px; color:var(--ew-ink); text-decoration:none; }
.ew-nav-toggle{ display:none; }
.ew-nav-burger{ display:none; font-size:24px; color:var(--ew-ink); cursor:pointer; }
.ew-site-nav{ display:flex; align-items:center; gap:30px; font-family:var(--ew-body-font); }
.ew-site-nav > a, .ew-nav-dropdown > a{ color:var(--ew-ink); text-decoration:none; font-weight:600; font-size:14.5px; }
.ew-nav-dropdown{ position:relative; padding:10px 0; }
.ew-nav-dropdown-menu{ display:none; position:absolute; top:100%; left:0; background:var(--ew-bg); box-shadow:0 12px 30px rgba(43,33,24,.15); border-radius:var(--ew-radius-md); padding:10px; min-width:200px; flex-direction:column; }
.ew-nav-dropdown:hover .ew-nav-dropdown-menu{ display:flex; }
.ew-nav-dropdown-menu a{ padding:9px 14px; border-radius:8px; font-size:14px; font-weight:500; }
.ew-nav-dropdown-menu a:hover{ background:var(--ew-surface); }

@media (max-width:900px){
  .ew-nav-burger{ display:block; }
  .ew-site-nav{ display:none; position:absolute; top:100%; left:0; right:0; background:var(--ew-bg); flex-direction:column; align-items:flex-start; padding:20px 40px; gap:14px; box-shadow:0 12px 20px rgba(43,33,24,.1); }
  .ew-nav-toggle:checked ~ .ew-site-nav{ display:flex; }
  .ew-nav-dropdown{ width:100%; }
  .ew-nav-dropdown-menu{ position:static; box-shadow:none; padding:6px 0 0 12px; }
  .ew-nav-dropdown:hover .ew-nav-dropdown-menu{ display:none; }
  .ew-nav-dropdown:has(.ew-nav-dropdown-menu){ }
}

/* ===================== SITE FOOTER ===================== */
.ew-site-footer{ background:var(--ew-ink); color:var(--ew-bg); margin-top:80px; }
.ew-site-footer-inner{ max-width:1200px; margin:0 auto; padding:70px 40px 40px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; }
.ew-footer-logo{ font-family:var(--ew-heading-font); font-weight:700; font-size:22px; color:var(--ew-bg); margin-bottom:10px; }
.ew-footer-tagline{ font-family:var(--ew-body-font); font-size:14px; color:var(--ew-bg); opacity:.65; max-width:220px; }
.ew-footer-heading{ font-family:var(--ew-body-font); font-weight:700; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--ew-gold); margin-bottom:16px; }
.ew-footer-col a{ display:block; color:var(--ew-bg); opacity:.8; text-decoration:none; font-family:var(--ew-body-font); font-size:14.5px; margin-bottom:10px; }
.ew-footer-col a:hover{ opacity:1; text-decoration:underline; }
.ew-footer-bottom{ max-width:1200px; margin:0 auto; padding:24px 40px; border-top:1px solid rgba(246,238,220,.15); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.ew-footer-bottom span{ font-family:var(--ew-body-font); font-size:13px; color:var(--ew-bg); opacity:.6; }
.ew-footer-social a{ color:var(--ew-bg); opacity:.7; text-decoration:none; margin-left:18px; font-family:var(--ew-body-font); font-size:13px; }

@media (max-width:800px){
  .ew-site-footer-inner{ grid-template-columns:1fr 1fr; }
}