/* ====================================================
   IS PHOTO — Finition technique production (2026-10-05)
   Chargée en dernier sur toutes les pages.
   Corrections responsive uniquement : aucune modification
   de la direction artistique desktop (> 1000px).
   ==================================================== */

/* Hero accueil : les lignes de disciplines ne doivent plus
   sortir de l'écran sur téléphone (texte coupé à droite). */
@media (max-width: 600px) {
  body.v4-mode .hero-disciplines { max-width: 100%; }
  body.v4-mode .hero-disciplines > span:not(.hero-dot) { white-space: normal; text-wrap: balance; }
}

/* Menu mobile : le backdrop-filter de la barre créait un bloc
   conteneur pour le panneau fixe, qui s'ouvrait hors écran
   en haut de page. La barre est déjà quasi opaque (0.96). */
@media (max-width: 768px) {
  body.v4-mode .menu-secondary { -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.v4-mode .menu-secondary-list.open { overscroll-behavior: contain; }
  /* Entrées centrées comme prévu (le séparateur « · » décalait toutes
     les lignes sauf la première). */
  body.v4-mode .menu-secondary-list.open li { justify-content: center; }
  body.v4-mode .menu-secondary-list.open li + li::before { content: none; }
}

/* Liens complémentaires injectés dans le menu mobile
   (langue, accès privé, Digital Is My Art), masqués au-delà. */
.menu-secondary-list li.menu-mobile-extra { display: none; }
@media (max-width: 768px) {
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    gap: 4px 18px; margin-top: 10px; padding-top: 14px;
    border-top: 0.5px solid rgba(212,183,124,0.28);
  }
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra::before { content: none; }
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra a {
    min-height: 44px; min-width: 44px; padding: 0 6px;
    font-size: 11px; letter-spacing: 0.22em; color: rgba(255,255,255,0.72);
  }
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra a.is-active { color: var(--rouge, #d4b77c); }
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra a.is-active::after { content: none; }
  body.v4-mode .menu-secondary-list.open .menu-mobile-extra .lang-sep { color: rgba(212,183,124,0.55); }
}

/* Tablette (769–1000px) : le menu principal (10 onglets) débordait
   des deux côtés ; passage sur deux lignes comme en mobile,
   et retrait du bouton ≡ qui n'avait aucun effet à ces largeurs. */
@media (min-width: 769px) and (max-width: 1000px) {
  .menu-secondary-list { height: auto; flex-wrap: wrap; row-gap: 0.15rem; padding-top: 0.35rem; padding-bottom: 0.35rem; }
  .menu-secondary-list li + li::before { margin: 0 0.7rem; }
  body.v4-mode .nav-toggle, .nav--v2 .nav-toggle { display: none; }
}

/* Zones tactiles des liens légaux du pied de page (≥ 32px)
   sans changer leur apparence. */
@media (max-width: 768px) {
  .footer-legal-links a { display: inline-block; padding: 8px 2px; }
  /* Même principe : zone tactile élargie, position visuelle inchangée. */
  .ap-back, .ap-lang-link, .legal-breadcrumb a { display: inline-block; padding: 12px 8px; margin: -12px -8px; }
}

/* Photographie d'art (FR/EN uniquement, classe v13-hero-fond) : la photo
   d'ouverture passe en fond derrière le texte, comme sur les landings photo,
   au lieu d'une bande sous le texte. Aucune autre page n'est concernée. */
body.v13-hero-fond main { display: grid; grid-template-columns: minmax(0, 1fr); }
body.v13-hero-fond main > .v4-landing-hero,
body.v13-hero-fond main > .v4-lead,
body.v13-hero-fond main::before { grid-area: 1 / 1; }
body.v13-hero-fond main > .v4-landing-hero { height: 100%; min-height: calc(100svh - 150px); max-height: 1050px; z-index: 0; }
body.v13-hero-fond main::before { content: ''; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.25) 70%), linear-gradient(0deg, rgba(0,0,0,.65), transparent 50%); }
body.v13-hero-fond main > .v4-lead { position: relative; z-index: 2; align-self: end; margin: 0 auto; width: 100%; box-sizing: border-box; padding-top: 140px; padding-bottom: 56px; }
@media (max-width: 768px) {
  body.v13-hero-fond main > .v4-landing-hero { min-height: calc(100svh - 110px); }
  body.v13-hero-fond main > .v4-lead { padding-top: 130px; padding-bottom: 40px; }
}