/* ═══════════════════════════════════════════════════════════════════════════
   CARNET DE ROUTE : structure de l'AGENCE D'EXCURSIONS (templates/Excursion/_structures/)
   Carnet de voyage : papier crème, titres en serif, affiche en deux colonnes
   (texte sur le papier, photo encadrée), cartes en polaroïd inclinés.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-structure="carnet"] { --bg: #f6f0e4; --bg2: #efe6d4; --line: #ddd0b8; --r: 4px; --sh: 0 2px 4px rgba(60,40,20,.08), 0 14px 26px -16px rgba(60,40,20,.35); background: var(--bg); }
@supports (color: color-mix(in srgb, red 50%, blue)) {
  [data-structure="carnet"] { --bg2: color-mix(in srgb, var(--accent) 7%, #efe6d4); }
}
[data-structure="carnet"] .s-head h2, [data-structure="carnet"] .intro h1, [data-structure="carnet"] .v-body h3 { font-style: italic; font-weight: 600; }
[data-structure="carnet"] .s-chip { font-family: var(--fh); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1rem; }

/* Barre claire dès le haut */
[data-structure="carnet"] nav, [data-structure="carnet"] nav.scrolled { background: rgba(246,240,228,.96); border-bottom: 1px solid var(--line); box-shadow: none; }
[data-structure="carnet"] nav .nav-logo, [data-structure="carnet"] nav [data-st="navlogo"] { color: var(--dark) !important; }
[data-structure="carnet"] nav .nav-a { color: var(--ink) !important; }

/* Affiche en deux colonnes : texte sur le papier, photo encadrée */
[data-structure="carnet"] #hero { min-height: auto; display: block; color: var(--ink); background: var(--bg); padding-top: 5.5rem; }
[data-structure="carnet"] #hero::after { display: none; }
[data-structure="carnet"] .hero-slides {
  position: relative; inset: auto; height: clamp(240px, 46vw, 460px); margin: 0 clamp(1.1rem, 4vw, 2.5rem);
  border: 10px solid #fff; box-shadow: var(--sh); transform: rotate(-.6deg); overflow: hidden; background: var(--bg2);
}
[data-structure="carnet"] .hero-slides:empty { display: none; }
@media (min-width: 1240px) { [data-structure="carnet"] .hero-slides { max-width: 1160px; margin: 0 auto; } }
[data-structure="carnet"] .hero-in { padding-top: 1.8rem; }
[data-structure="carnet"] #hero [data-st="hero-title"] { color: var(--dark); text-shadow: none; font-style: italic; }
[data-structure="carnet"] #hero [data-st="hero-sub"], [data-structure="carnet"] .hero-facts { color: var(--muted-strong); }
[data-structure="carnet"] .hero-facts .ic { color: var(--accent-strong); }
[data-structure="carnet"] .hero-chip { background: #fff; border-color: var(--line); color: var(--accent-strong); backdrop-filter: none; }
[data-structure="carnet"] .hero-chip b { color: var(--dark); }
[data-structure="carnet"] .hero-dots button { background: var(--line); } [data-structure="carnet"] .hero-dots button.on { background: var(--accent-strong); }
[data-structure="carnet"] .hero-card { border: 1px solid var(--line); box-shadow: var(--sh); border-radius: 6px; }

/* Polaroïds */
[data-structure="carnet"] .vcard { border-radius: 3px; border: none; padding: 10px 10px 0; background: #fff; }
[data-structure="carnet"] .vcard:nth-child(3n+1) { transform: rotate(-1deg); }
[data-structure="carnet"] .vcard:nth-child(3n+2) { transform: rotate(.7deg); }
[data-structure="carnet"] .vcard:hover { transform: rotate(0) translateY(-4px); }
[data-structure="carnet"] .v-ph { border-radius: 2px; }
[data-structure="carnet"] .v-date, [data-structure="carnet"] .v-badge { border-radius: 3px; }
[data-structure="carnet"] .pcard { border: 8px solid #fff; border-bottom-width: 34px; border-radius: 3px; box-shadow: var(--sh); }
[data-structure="carnet"] .pcard:nth-child(even) { transform: rotate(1.2deg); } [data-structure="carnet"] .pcard:nth-child(odd) { transform: rotate(-1deg); }
[data-structure="carnet"] .atout, [data-structure="carnet"] .step { border-radius: 4px; background: #fffdf8; }
[data-structure="carnet"] .step-n { border-radius: 50%; font-family: var(--fh); font-style: italic; }
[data-structure="carnet"] .cta-big, [data-structure="carnet"] .btn, [data-structure="carnet"] .btn-nav { border-radius: 6px; }
[data-structure="carnet"] .final { border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { [data-structure="carnet"] .vcard, [data-structure="carnet"] .pcard, [data-structure="carnet"] .hero-slides { transform: none !important; } }