/* ==========================================================================
   Gîtes et logements — composition propre à la page (composants : main.css)
   ========================================================================== */

/* ---- 01 Rotation : photo + check-list par pièce ---------------------------- */
.gites-rot { row-gap: 32px; align-items: start; }
.gites-check { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px var(--gap); }
.gites-check__group { min-width: 0; }
.gites-check__group--wide { grid-column: 1 / -1; }
.gites-check__title {
  display: flex; align-items: baseline; gap: 12px;
  margin-bottom: 14px; font-size: var(--fs-h4); line-height: 1.15; letter-spacing: -.02em;
}
.gites-check__n { font-size: var(--fs-2xs); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--fg-3); }
@media (min-width: 861px) {
  .gites-rot__fig { grid-column: 1 / 5; position: sticky; top: calc(var(--header-h) + 24px); }
  .gites-check { grid-column: 6 / 13; }
}
@media (max-width: 860px) {
  .gites-rot__fig img { aspect-ratio: 3 / 2; }
}
@media (max-width: 600px) {
  .gites-check { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
}

/* ---- 02 Fin de bail ---------------------------------------------------------- */
.gites-bail { row-gap: 32px; align-items: start; }
@media (min-width: 861px) {
  .gites-bail__list { grid-column: 4 / 9; }
  .gites-bail__fig { grid-column: 9 / 13; }
}
@media (min-width: 861px) and (max-width: 1100px) {
  .gites-bail__list { grid-column: 1 / 8; }
  .gites-bail__fig { grid-column: 8 / 13; }
}
/* Téléphone : la liste suffit, la seconde photo allongerait la page sans rien apprendre */
@media (max-width: 600px) {
  .gites-bail__fig { display: none; }
}

/* ---- 03 Tarifs (disposition .pf-tarifs de prestation-fiche.css) ------------- */
.gites-tarifs__extras { margin-top: 20px; font-size: var(--fs-sm); }
.gites-tarifs__travel { margin-top: 12px; color: var(--fg-2); }
.gites-tarifs__travel a { color: var(--fg); }
@media (max-width: 600px) {
  .gites-tarifs__foot .btn { flex: 1 1 100%; }
}

/* ---- Tableaux : colonnes alignées entre rotations et fins de bail ---------- */
@media (min-width: 641px) {
  .gites-tarifs .price-table thead th:nth-child(1) { width: 46%; }
  .gites-tarifs .price-table thead th:nth-child(2) { width: 22%; }
}