/* ======== Styles mobiles compacts pour PLANNING & VIEUX PRESSOIR ======== */

/* Conteneur mobile */
.mobile-compact .item {
  padding: .65rem 1rem;
}
.mobile-compact .item.border-bottom {
  border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.08));
}

/* Titres de section (mois / Horaires / Contacts) */
.mobile-compact .section-label {
  padding: .55rem 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Texte principal */
.mobile-compact .text-5 {
  font-size: 1.25rem; /* ≈ Porto text-5 */
  line-height: 1.45;
}
.mobile-compact .text-6 {
  font-size: 1.05rem; /* ≈ Porto text-6 */
  line-height: 1.35;
}
.mobile-compact .muted { opacity: .8; }

/* Icônes SVG */
.mobile-compact .ico {
  width: 1em;
  height: 1em;
  margin-right: .35em;
  vertical-align: -.1em;
  fill: currentColor;
  color: var(--bs-primary, #0d6efd); /* se cale sur ta couleur primaire Porto */
}

/* Espacement entre blocs */
.mobile-compact ul { margin: 0; padding: 0; list-style: none; }
.mobile-compact .mt-2 { margin-top: .75rem !important; }


/* Masonry CSS : 3 colonnes avec 12px d'espacement */
.masonry-css {
  column-count: 1;
  column-gap: 12px; /* espace horizontal */
}
@media (min-width: 576px) { .masonry-css { column-count: 2; } }
@media (min-width: 768px) { .masonry-css { column-count: 3; } }

.masonry-card {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 12px; /* espace vertical */
}

.masonry-card img {
  display: block;
  width: 100%;
  height: auto;
}