/* ---------- Pages territoire (/gite-argonne…) : en-tête, texte long, gîtes, questions, appel à réserver ----------
   À fusionner dans site.css ; uniquement les tokens de site.css. */

/* Même règles que gites.css (fil d'Ariane) : une seule à garder à la fusion. */

/* ---------- En-tête ---------- */
.territoire-tete { padding-top: var(--md); padding-bottom: var(--lg); }
.territoire-tete__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--xl); align-items: center; }
.territoire-tete__chapeau { margin-top: var(--sm); max-width: 640px; }
.territoire-tete__actions { display: flex; flex-wrap: wrap; gap: var(--sm); margin-top: var(--md); }
/* <picture> est en display: contents (site.css) : l'image est placée elle-même dans la grille */
.territoire-tete__grille .territoire-tete__photo { grid-column: 2; grid-row: 1; }
.territoire-tete__photo { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r-lg); box-shadow: var(--elev-sm); }

/* ---------- Texte long : une colonne lisible ---------- */
.territoire-corps { padding-top: 0; }
.territoire-corps__colonne > * { max-width: 760px; }
.territoire-corps__colonne > h2 + .territoire-corps__texte { margin-top: var(--sm); }
.territoire-corps__texte + h2 { margin-top: var(--lg); }
.territoire-corps__texte { font-size: 16px; line-height: 26px; }
.territoire-corps__texte > * + * { margin-top: var(--sm); }
.territoire-corps__texte ul, .territoire-corps__texte ol { padding-left: 1.25em; list-style: disc; }
.territoire-corps__texte ol { list-style: decimal; }
.territoire-corps__texte li + li { margin-top: var(--xs); }
.territoire-corps__texte h3 { margin-top: var(--md); font-size: 18px; font-weight: 600; line-height: 26px; }
.territoire-corps__texte a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Questions fréquentes ---------- */
.territoire-faq .titre-section { margin-bottom: var(--md); }
.territoire-faq__question { border-top: 1px solid var(--surface-variant); }
.territoire-faq__question:last-child { border-bottom: 1px solid var(--surface-variant); }
.territoire-faq__question summary { display: flex; justify-content: space-between; gap: var(--md); padding: var(--md) 0; font-size: 18px; font-weight: 600; line-height: 26px; cursor: pointer; list-style: none; }
.territoire-faq__question summary::-webkit-details-marker { display: none; }
.territoire-faq__question summary::after { content: "+"; flex: none; font-size: 24px; font-weight: 400; line-height: 26px; color: var(--on-surface-variant); }
.territoire-faq__question[open] summary::after { content: "−"; }
.territoire-faq__question .territoire-corps__texte { padding-bottom: var(--md); }

/* ---------- Appel à réserver et autres pages ---------- */
.territoire-fin__carte { display: grid; gap: var(--xs); padding: var(--lg); }
.territoire-fin__carte .territoire-tete__actions { margin-top: var(--sm); }
.territoire-fin__autres { margin-top: var(--md); font-size: 14px; line-height: 20px; color: var(--on-surface-variant); }
.territoire-fin__autres a { color: var(--on-surface); text-underline-offset: 3px; }

@media (max-width: 860px) {
    .territoire-tete__grille { grid-template-columns: 1fr; gap: var(--md); }
    .territoire-tete__grille .territoire-tete__photo { grid-column: auto; grid-row: auto; }
    .territoire-fin__carte { padding: var(--md); }
}