/* =====================================================================
   COLLATIONS ET FÊTES — extension des composants pratiques existants
   Les couleurs, le menu et les encadrés À retenir restent communs.
   ===================================================================== */
.sorties-fetes-page .collation-food-photo { background: #fff; }
.sorties-fetes-page .collation-food-photo img { object-fit: contain; padding: 12px; box-sizing: border-box; }
.sorties-fetes-page .fete-menu { margin: 28px 0; padding: 28px; border: 1px solid #d6e4d8; border-radius: 22px; background: #fff; }
.sorties-fetes-page .fete-menu-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 26px; align-items: start; }
.sorties-fetes-page .fete-menu-intro img { display: block; width: 100%; height: auto; border-radius: 16px; aspect-ratio: 1800 / 945; object-fit: cover; }
.sorties-fetes-page .fete-menu-intro h3 { margin-top: 0; }
.sorties-fetes-page .fete-menu-intro li { margin: 10px 0; }
.sorties-fetes-page .fete-tools { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin: 24px 0; padding: 18px; background: #eef6ef; border-radius: 14px; }
.sorties-fetes-page .fete-tools label { font-weight: 700; }
.sorties-fetes-page .fete-shopping { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 22px 0; }
.sorties-fetes-page .fete-shopping section { padding: 18px; border: 1px solid #d6e4d8; border-radius: 14px; }
.sorties-fetes-page .fete-shopping h4 { margin-top: 0; }
.sorties-fetes-page .fete-shopping ul { padding-left: 20px; }
.sorties-fetes-page .fete-shopping li { margin: 9px 0; }
.sorties-fetes-page .sortie-checks { list-style: none; padding: 0; }
.sorties-fetes-page .sortie-checks li { padding: 12px 0; border-bottom: 1px solid #d6e4d8; }
.sorties-fetes-page .sortie-checks input { width: 20px; height: 20px; margin-right: 12px; vertical-align: middle; }
.fete-print-courses, .fete-print-heading { display: none; }
@media (max-width: 760px) {
  .sorties-fetes-page .fete-menu-intro, .sorties-fetes-page .fete-shopping { grid-template-columns: minmax(0, 1fr); }
  .sorties-fetes-page .fete-menu { padding: 20px; }
}
@media print {
  #pratique-print-sheet .fete-print-courses, #pratique-print-sheet .fete-print-heading { display: block; }
  #pratique-print-sheet .fete-shopping { display: block; }
  #pratique-print-sheet .fete-shopping section { break-inside: avoid; }
}