/* Bande « Vie juive » : la seule section en couleur (outremer), parce qu'elle porte le sens religieux. Synagogue en photo de son ratio natif
   (aucun recadrage du talit, aucune parallaxe), mikvés en texte, horaires de Chabbat dans un panneau clair. Valeurs d'exemple étiquetées « Exemple ».
   Spec : 05-SPEC-accueil.md section 7. */

.vie-juive { padding-block: var(--rythme-l) var(--rythme-m); background: var(--dominante); color: var(--surface); }
.vie-juive :focus-visible { outline-color: var(--surface); }

.bloc { display: grid; gap: var(--e4); align-content: start; }
.bloc .texte-ed { margin: 0; }

/* Photo de la synagogue : voile uniforme de 8 %, jamais de zoom */
.bloc--synagogue .cadre::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--voile-photo);
  pointer-events: none;
}
.bloc--synagogue .cadre { margin-block-end: var(--e3); }

/* Panneau des horaires : clair sur l'outremer, aucune ombre ni rayon */
.panneau { display: grid; gap: var(--e5); color: var(--encre); }
.panneau .badge--discret { justify-self: start; }
.chabbat__groupe { display: grid; gap: var(--e2); }
.chabbat__groupe:not(:last-child) { padding-block-end: var(--e4); }
.chabbat__groupe + .chabbat__groupe { padding-block-start: var(--e5); border-block-start: var(--filet-ed); }
.chabbat__libelle { color: var(--sourdine); font-size: var(--t-surtitre); font-weight: 600; letter-spacing: var(--ls-surtitre); text-transform: uppercase; }
html[lang="he"] .chabbat__libelle { text-transform: none; }
.chabbat__date { display: block; margin-block-end: var(--e2); color: var(--sourdine); }
.chabbat__ligne { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--e2); }
.chabbat__heure {
  display: block;
  unicode-bidi: isolate;
  color: var(--encre);
  font-family: var(--police-titre);
  font-size: var(--t-affiche);
  font-weight: 500;
  line-height: var(--lh-affiche);
  letter-spacing: var(--ls-affiche);
}
.chabbat__heure--accent { color: var(--accent); }
.source { font-size: var(--t-micro); line-height: 1.4; color: var(--sourdine); }

/* Téléphone : photo et panneau bord à bord */
@media (max-width: 899px) {
  .ed .bloc--synagogue .cadre { margin-inline: calc(-1 * var(--ed-marge-eff)); }
  .bloc--chabbat { margin-inline: calc(-1 * var(--ed-marge-eff)); }
  .ed > .bloc { margin-block-start: var(--rythme-s); }
  .panneau { padding: var(--e5) var(--ed-marge-eff); }
}

@media (min-width: 900px) {
  .bloc--synagogue { grid-column: 1 / 8; grid-row: 2 / span 2; }
  .bloc--synagogue .cadre { margin-inline-start: calc(-1 * var(--ed-marge-eff)); }
  .bloc--chabbat { grid-column: 8 / 13; grid-row: 2; margin-inline-end: calc(-1 * var(--ed-marge-eff)); }
  .bloc--mikves { grid-column: 8 / 13; grid-row: 3; margin-block-start: var(--rythme-xs); }
}