/* Blocs villemont/* — styles partagés venus de components.css / sections.css (refonte 1e) */

/* ── Éditeur — bloc resto-phases (édition seulement) ── */
.resto-phases-edit { display: flex; flex-direction: column; gap: 22px; }

.resto-edit__hint {
  font-family: var(--display); font-size: var(--fs-label); letter-spacing: .2em;
  text-transform: uppercase; color: var(--ochre-deep);
}

.resto-edit__phase { border: 1px solid var(--rule-soft); padding: 20px; background: var(--paper); }

.resto-edit__status { margin-bottom: 16px; }

.resto-edit__grid { display: grid; grid-template-columns: 1fr 200px; gap: 20px; align-items: start; }

.resto-edit__tools { display: flex; gap: 8px; margin-top: 14px; }

.resto-edit__stats { border-top: 1px solid var(--rule-soft); padding-top: 16px; margin-top: 8px; }

.resto-edit__stat { display: grid; grid-template-columns: 1fr 2fr auto; gap: 12px; align-items: end; margin-bottom: 12px; }

@media (max-width: 700px) {

 .resto-edit__grid { grid-template-columns: 1fr; } }

/* ── Éditeur — visite-pratique & événements ── */
.vp-row--edit { display: grid; grid-template-columns: 1fr 1.6fr auto; gap: 10px; align-items: end; padding: 8px 0; border-bottom: 1px solid var(--rule-soft); }

.event-row--edit { display: grid; grid-template-columns: 56px 64px 1fr 110px 1fr auto auto auto; gap: 8px; align-items: end; border: 1px solid var(--rule-soft); padding: 12px; background: var(--paper); margin-bottom: 8px; }

/* ── Lightbox (PhotoSwipe) aux couleurs du thème ─────────── */
.pswp {
  --pswp-bg: var(--ink);
  --pswp-placeholder-bg: var(--ink-soft);
  --pswp-icon-color: var(--bone);
  --pswp-icon-color-secondary: var(--ink);
  --pswp-icon-stroke-color: var(--ink);
  --pswp-preloader-color: var(--ochre-soft);
  --pswp-preloader-color-secondary: var(--ochre);
  --pswp-error-text-color: var(--bone);
  --pswp-root-z-index: 1000;
}

.pswp__button--arrow .pswp__icn { background: rgba(var(--burgundy-rgb), .85); border-radius: 50%; }

.pswp__dynamic-caption {
  font-family: var(--serif);
  font-size: var(--fs-support);
  line-height: 1.45;
  color: var(--bone);
}

.pswp__dynamic-caption--below, .pswp__dynamic-caption--aside { padding: 16px 0; color: var(--bone); }

.pswp__dynamic-caption--mobile { background: rgba(var(--ink-rgb), .85); padding: 12px 16px; }

/* Images ouvrables en grand (vignettes, cartes de restauration) : le lien remplit le cadre. */
.img-frame > .lb-link { display: block; width: 100%; height: 100%; cursor: zoom-in; }

.img-frame > .lb-link img { transition: transform .6s ease; }

@media (hover: hover) {

 .img-frame > .lb-link:hover img { transform: scale(1.03); } }