/* ── EcoNomad v2 — Logo-driven stylization overlay ─────────────────────── */
/* Apply ONLY on -v2 pages: heavier display weights, tighter tracking,        */
/* photo-driven heroes, real logo SVG in chrome.                              */

/* Brand logo wordmark — sized so the word "EcoNomad" replaces the nav text  */
.doc-logo{gap:0;font-size:0;line-height:0}
.doc-logo .mark{display:none}
.doc-logo .brand-logo{height:38px;width:auto}

.footer-brand .logo{font-size:0;line-height:0;margin-bottom:18px}
.footer-brand .logo .brand-logo{height:54px;width:auto}

/* ── Display headings: heavier, more "carved" feeling, tighter tracking ── */
h1,h2,.h-display,
section.hero h1,.hero h1,
.page-hero h1,.tour-hero h1,.place-hero h1,
.tour-content h2,.place-body h2,
.dbd-list .day-row .day-mark .day-no,
.section-title,
.book-card .head .price-row .pp,
.fact .val,
.results-meta b,
.page-hero .meta-row span b{
  font-weight:800;
  letter-spacing:-0.025em;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}

/* Even heavier on the biggest hero words */
.tour-hero h1,.place-hero h1{font-weight:900;letter-spacing:-0.03em}
.tour-hero h1 em,.place-hero h1 em,.page-hero h1 em,
.tour-content h2 em,.place-body h2 em,.section-title em{
  font-weight:600;
  letter-spacing:-0.018em;
}

/* Slightly bigger leading for h1 to keep the heavier weight from crowding */
.page-hero h1,.tour-hero h1,.place-hero h1{line-height:1.0}

/* eyebrow caps slightly tighter, matching mono of logo wordmark spacing */
.h-eyebrow,.page-hero .eyebrow,.place-hero .region,.crumbs{
  letter-spacing:.16em;
}

/* ── Photo-driven heroes ───────────────────────────────────────────────── */
/* The home hero already uses .ph-mountains (now real photo). Reinforce      */
/* the scrim for legibility, and add an accent ornament strip at top.        */
section.hero .scrim,
.page-hero::before{
  background:linear-gradient(180deg,rgba(31,54,45,.45) 0%,rgba(31,54,45,.15) 35%,rgba(31,54,45,.85) 100%) !important;
}

/* Page-hero (tours archive) — swap from flat bg to photo background */
.page-hero{
  background:
    linear-gradient(180deg,rgba(31,54,45,.55) 0%,rgba(31,54,45,.25) 40%,rgba(31,54,45,.85) 100%),
    url('../img/hero-alakol.jpg') center 30%/cover no-repeat,
    var(--ec-primary-dark) !important;
  color:#FAF7F2 !important;
  border-bottom:0 !important;
}
.page-hero h1,.page-hero .lead,.page-hero .meta-row{color:#FAF7F2 !important}
.page-hero h1 em{color:var(--ec-accent) !important}
.page-hero .eyebrow{color:var(--ec-accent) !important}
.page-hero .eyebrow::before{background:var(--ec-accent) !important}
.page-hero .meta-row{color:rgba(250,247,242,.78) !important}
.page-hero .meta-row span b{color:var(--ec-accent) !important}
.page-hero .corner-tl,.page-hero .corner-br{color:var(--ec-accent) !important;opacity:.5}

/* Add a top ornament strip on dark photo heroes */
.page-hero::after,
.tour-hero .orn-top,
.place-hero .orn-top{
  content:"";
  position:absolute;top:0;left:0;right:0;height:24px;
  background-image:var(--orn-strip-img);
  background-repeat:repeat-x;background-size:auto 24px;
  opacity:var(--orn-opacity);z-index:5;color:var(--ec-accent);
}
.page-hero::after{display:block}

/* Artisans page — slim hero strip with logo + photo */
.artisans-page{height:calc(100vh - 84px - 84px);min-height:760px}

/* ── Buttons gain heavier weight to match logo character ───────────────── */
.btn{font-weight:700;letter-spacing:.005em}
.btn-primary,.btn-accent{font-weight:700}

/* ── Tour & location hero h1 — bump scale ─────────────────────────────── */
.tour-hero h1{font-size:96px}
.place-hero h1{font-size:104px}
.page-hero h1{font-size:80px}

/* Felt/wool hand-cut feeling: very subtle text-shadow on big white display */
.tour-hero h1,.place-hero h1,section.hero h1{
  text-shadow:0 2px 30px rgba(0,0,0,.18);
}

/* ── Cards: Section titles also get the heavier treatment ─────────────── */
.section h2,.section h3{font-weight:800;letter-spacing:-0.02em}

/* v2 marker — visible only when explicitly shown */
.v2-marker{position:fixed;left:18px;bottom:18px;z-index:200;background:var(--ec-primary-dark);color:var(--ec-accent);font-family:var(--ec-font-mono);font-size:11px;letter-spacing:.16em;padding:6px 12px;border-radius:3px;text-transform:uppercase;box-shadow:var(--sh-md);pointer-events:none;opacity:.85}

/* ── Kill the typewriter (DM Mono) globally — use Inter at all mono slots ── */
:root{--ec-font-mono:'Inter','Helvetica Neue',Arial,sans-serif !important}
.h-eyebrow,.h-meta,.chip-mono,.badge-featured,.tour-card .meta,.tour-card .stats,
.tour-card .price small,.blog-card .cat,.blog-card .date,.review-card .author .tour,
.footer-col h6,.footer-bot,.doc-topbar-in,
.day-row .day-mark .lbl,.date-chip .mo,.date-chip .pr,
.hero .eyebrow,.hero .meta-bar,.hero .scroll-ind,
.sec-head .eyebrow,.exp-item .num,.exp-item .more,
.mp-filters h5,.mp-filter .ct,.cta-block .stat .l,
.t-mono,.swatch .chip-color,.swatch .vars,.tok .name,.tok .val,.shadow-card,
.medallion-cell,.icon-cell,.patt-card .meta .id,.type-row .lbl,
.ph-photo .tag,.day-row .day-gallery .thumb .more,
.crumbs,.results-meta,.page-hero .eyebrow,.page-hero .meta-row,
.book-card .head .meta,.book-card label,
[class*="font-mono"]{font-family:'Inter','Helvetica Neue',Arial,sans-serif !important}

/* ── Real photos plugged into placeholder classes ──────────────────────── */
.ph-photo{background-color:var(--ec-bg-alt) !important}
.ph-photo.ph-mountains{background:url('../img/photo-4.jpg') center/cover no-repeat !important}
.ph-photo.ph-eagle    {background:url('../img/photo-6.jpg') center/cover no-repeat !important}
.ph-photo.ph-pasture  {background:url('../img/photo-5.jpg') center/cover no-repeat !important}
.ph-photo.ph-yurt     {background:url('../img/photo-5.jpg') center/cover no-repeat !important}
.ph-photo.ph-river    {background:url('../img/photo-2.jpg') center/cover no-repeat !important}
.ph-photo.ph-felt     {background:url('../img/photo-3.jpg') center/cover no-repeat !important}
.ph-photo.ph-craft    {background:url('../img/photo-3.jpg') center/cover no-repeat !important}
.ph-photo.ph-ski      {background:url('../img/photo-6.jpg') center/cover no-repeat !important}
.ph-photo.ph-portrait  {background:url('../img/photo-1.jpg') center/cover no-repeat !important}
.ph-photo.ph-portrait-2{background:url('../img/photo-2.jpg') center/cover no-repeat !important}
.ph-photo.ph-portrait-3{background:url('../img/photo-3.jpg') center/cover no-repeat !important}
.ph-photo.ph-blog-1   {background:url('../img/photo-1.jpg') center/cover no-repeat !important}
.ph-photo.ph-blog-2   {background:url('../img/photo-4.jpg') center/cover no-repeat !important}
.ph-photo.ph-ridge    {background:url('../img/photo-4.jpg') center 30%/cover no-repeat !important}

/* ── Sticky sidebar fix — make the whole aside sticky as a unit ─────────── */
/* Was: .book-card alone was sticky → following blocks (USP, route, guide)   */
/* would scroll over it. Now the aside itself is sticky and the booking card */
/* drops to a static position inside it.                                     */
.tour-layout > aside{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ec-border) transparent}
.tour-layout > aside::-webkit-scrollbar{width:6px}
.tour-layout > aside::-webkit-scrollbar-thumb{background:var(--ec-border);border-radius:3px}
.tour-layout > aside .book-card{position:static !important;top:auto !important}

/* ── Included / Not-included colour differentiation ────────────────────── */
/* Andrei: green = on, red = off, in the brand palette                      */
.tour-content .bul li{display:flex;gap:14px;align-items:flex-start}
.tour-content .bul li::before{
  content:"\F633" !important; /* bi-check-lg */
  font-family:"bootstrap-icons" !important;
  font-size:14px;font-weight:700;
  color:#FAF7F2 !important;
  background:var(--ec-success) !important;
  width:22px !important;height:22px !important;
  border-radius:50% !important;
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:1px !important;
  flex-shrink:0;
  -webkit-mask:none !important;mask:none !important;
  box-shadow:0 0 0 3px rgba(74,124,89,.12);
}
.tour-content .bul.cross li::before{
  content:"\F659" !important; /* bi-x-lg */
  background:#C44536 !important; /* red accent — sits with brand clay/forest */
  color:#FAF7F2 !important;
  opacity:1 !important;
  box-shadow:0 0 0 3px rgba(196,69,54,.10);
}
.tour-content .bul.cross li{color:var(--ec-text-muted)}

/* ── Map preview strip on tours archive (tours-v2) ─────────────────────── */
.tours-map-strip{
  margin:0 64px 32px;max-width:1440px;margin-left:auto;margin-right:auto;
  background:#fff;border:1px solid var(--ec-border);border-radius:var(--r-3);
  display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;
  box-shadow:var(--sh-sm);
}
.tours-map-strip .map{position:relative;min-height:240px;background:#E5DDD0}
.tours-map-strip .map svg{position:absolute;inset:0;width:100%;height:100%}
.tours-map-strip .map .open-pill{
  position:absolute;left:18px;bottom:18px;
  background:rgba(250,247,242,.96);backdrop-filter:blur(6px);
  padding:10px 16px;border-radius:30px;font-size:13px;font-weight:600;
  color:var(--ec-primary-dark);display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;border:1px solid rgba(31,54,45,.08);
}
.tours-map-strip .map .open-pill:hover{background:#fff}
.tours-map-strip .info{padding:32px 36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.tours-map-strip .info .eyebrow-strip{font-family:var(--ec-font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ec-clay);font-weight:600;display:inline-flex;align-items:center;gap:10px}
.tours-map-strip .info .eyebrow-strip::before{content:"";width:24px;height:1px;background:var(--ec-clay)}
.tours-map-strip .info h3{font-family:var(--ec-font-display);font-size:30px;font-weight:800;letter-spacing:-0.022em;color:var(--ec-primary-dark);margin:0;line-height:1.1}
.tours-map-strip .info p{font-size:15px;line-height:1.55;color:var(--ec-text);margin:6px 0 14px}
.tours-map-strip .info .map-stats{display:flex;gap:32px;margin-top:auto}
.tours-map-strip .info .map-stats .s .n{font-family:var(--ec-font-display);font-size:26px;font-weight:800;color:var(--ec-primary-dark);line-height:1}
.tours-map-strip .info .map-stats .s .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ec-text-muted);margin-top:4px}
.tours-map-strip .info .ctas{display:flex;gap:10px;margin-top:18px}

/* tour-card photo zones, hero photos, generic empty .photo blocks */
.tour-card .photo,.blog-card .photo,.artisan-card .photo,.review-card .avatar,
.person .photo,.thumb,.tour-gallery .thumb,.guide-card .guide-video,
.photo-stack .ph,.mp-info .photo,.ap-detail .photo{background-color:var(--ec-bg-alt)}

/* tour hero (photo block) */
.tour-hero .photo,.place-hero .photo{background:url('../img/photo-4.jpg') center/cover no-repeat !important}
.tour-hero .photo .ph-photo,.place-hero .photo .ph-photo{background:transparent !important}