/* ═══════════════════════════════════════════════════════════════════════════
   CITY V5 — city-page-only adjustments (loc-city-v4)
   Loads AFTER destinations-v5.css, which carries the shared V5 restyle
   (typography remap, cards, tabs, buttons, premium sections, bands).
   This file only holds what differs from the country pages:
   · the two heroes stay functionally untouched (map hero / photo slider)
   · demoted hero titles keep their old look (single-h1 fix)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Map hero: the region title was an <h1>; the page's real h1 now lives in
      .city-banner, so this <p> reproduces the exact old heading look
      (destinations.css:528 targeted `.cities-list h1`). ── */
.destination-map-hero .cities-list .banner-map-region-title {
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 4vw, 3.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--color-bg-light);
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.6);
    margin: 0 0 1.5rem;
}

/* ── Photo-slider hero: overlay title demoted to <p> (outside <main>, so the
      modern-base !important font rules cannot reach it). Playfair 500 is the
      official display voice; margins reset because <p> brings its own. ── */
.destination-hero .dest-hero-overlay__title {
    margin: 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 500;
}

/* ── Page h1 (.city-banner): Playfair lands via the shared font remap; this
      only sets the official weight and scale. ── */
main.destination-city.modernpage .city-banner h1 {
    font-weight: 500;
    font-size: clamp(2rem, 3.4vw, 2.9rem);
    line-height: 1.15;
}

/* ── City poster (every page, legacy parity — boss 18 Aug): quiet hairline
      frame, square corners, no overlay text (its old "Discover ..." h2
      moved into the Overview title). ── */
main.destination-city.modernpage .city-banner .city-poster {
    border: 1px solid var(--v5-line, #e4e0d5);
    border-radius: 0;
    overflow: hidden;
    margin-top: 22px;
}
main.destination-city.modernpage .city-banner .city-poster img {
    display: block;
    width: 100%;
    height: auto;
}

/* ── Background rhythm (A-B-A), computed per page in the Blade ──
      The parchment anchors are fixed (Overview toile, Search, Enquiry toile,
      Journal); the flexible sections between them carry .cv5-p / .cv5-w from
      the rhythm walk in loc-city-v4.blade.php. Recipe identical to the
      destinations-v5.css parchment band group so the bands read as one
      system. ── */
main.destination-city.modernpage .city-left > .cv5-p {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    background: var(--v5-parchment, #f2efe8);
    border-top: 1px solid var(--v5-line, #e4e0d5);
    border-bottom: 1px solid var(--v5-line, #e4e0d5);
    box-shadow: inset 0 14px 26px -14px rgba(32, 31, 29, 0.22),
                inset 0 -14px 26px -14px rgba(32, 31, 29, 0.22);
    padding-top: 56px;
    padding-bottom: 64px;
    margin-top: 60px;
}
/* Children must stay transparent or they mask the band (same rule the
   dv5 band group carries for its own sections). */
main.destination-city.modernpage .cv5-p .modern-tabpanel,
main.destination-city.modernpage .cv5-p .premium-section {
    background: transparent;
    box-shadow: none;
}
/* A fixed-parchment section (map) that lands on a white beat hands the band
   back: full-bleed pull, ground and hairlines all reset. */
main.destination-city.modernpage .city-left > .cv5-w.city-location {
    width: auto;
    margin-left: 0;
    padding: 30px 0 0;
    margin-top: 0;
    background: transparent;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none;
}
/* Same hand-back for the transfer-routes section: destinations-premium.css
   gives it a full-bleed ivory band of its own (#f8f6f3), which on a white
   beat left an ivory→white→parchment sliver right above the enquiry band. */
main.destination-city.modernpage .city-left > .cv5-w.popular-routes-section {
    width: auto;
    margin-left: 0;
    background: transparent;
}

/* ── Closing CTA: the phone pair stays hidden here exactly as on the country
      pages (destinations-v5.css) — the site footer right below repeats the
      same numbers plus WhatsApp. Decision: boss, 18 Aug 2026. ── */