/* ============================================================
   CAFÉ SEL — SHARED BY EVERY PAGE
   Language switching for bilingual fragments, the legal footer,
   photo labels and small utilities.
   ============================================================ */

/* Bilingual fragments: <span data-l="fr">…</span><span data-l="en" lang="en">…</span>.
   Whatever sets <html lang> (each page's language toggle) also flips
   these. French shows by default, including when JavaScript is off. */
html[lang="en"] [data-l="fr"]{ display:none !important; }
html:not([lang="en"]) [data-l="en"]{ display:none !important; }

.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}

[hidden]{ display:none !important; }

/* ---- Legal footer (identity, contact, legal pages) ---- */
.legal-footer{
  margin-top:1.6rem; padding-top:1.3rem; border-top:1px solid var(--line, #E3D7C1);
  font-size:.8rem; line-height:1.6; color:var(--ink-soft, #5E554B);
}
.legal-footer p{ margin:0 0 .35rem; }
.legal-footer a{ text-decoration:underline; text-underline-offset:2px; color:inherit; }
.legal-footer a:hover{ color:var(--coffee, #6B4028); }
.legal-footer-nav ul{ list-style:none; padding:0; margin:.5rem 0 0; display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; }
.legal-footer-nav a{ display:inline-block; padding:.2rem 0; min-height:24px; }

/* On the dark homepage footer */
.site-footer .legal-footer{ border-top-color:rgba(251,248,242,.12); color:rgba(251,248,242,.78); }
.site-footer .legal-footer a:hover{ color:var(--cream-soft, #FBF8F2); }

/* ---- Photo labels (Consumer Protection Act s. 219: illustrative pictures) ---- */
.photo-badge{
  position:absolute; right:.6rem; bottom:.6rem; z-index:2; pointer-events:none;
  background:rgba(33,28,22,.78); color:#FBF8F2; font-family:var(--font-body, sans-serif);
  font-size:.7rem; font-weight:500; letter-spacing:.01em; line-height:1.3;
  padding:.28rem .6rem; border-radius:999px;
}
.photo-note{ font-size:.8rem; font-style:italic; color:var(--ink-soft, #5E554B); margin-top:1.1rem; max-width:70ch; }
.photo-note-center{ text-align:center; margin-inline:auto; }