/* Points de rupture partagés par les six pages du lot 2.
   Seule exception aux styles en ligne : les trois formats 1440 / 1024 / 390. */

@media (max-width:1024.5px){
  [data-pad]{padding-left:36px!important;padding-right:36px!important}
  [data-nav-links]{display:none!important}
  /* le lien de la maquette pointait vers `Contact.dc.html` ; sur le site c'est le permalien */
  [data-nav-bar] a[href="/contact/"],[data-nav-bar] a[href="Contact.dc.html"]{display:none!important}
  [data-nav-bar]{padding:9px 9px 9px 16px!important;gap:14px!important}
  [data-burger]{display:flex!important}
  [data-two]{grid-template-columns:1fr!important}
  [data-two] > *:nth-child(n){grid-column:1/-1!important;grid-row:auto!important}
  [data-cards]{grid-template-columns:1fr 1fr!important}
  [data-cards] > *:nth-child(n){grid-column:auto!important}
  [data-mosaic]{grid-template-columns:repeat(6,1fr)!important}
  [data-mosaic] > *:nth-child(n){grid-column:span 3!important;grid-row:span 2!important}
  [data-mosaic] > *:nth-child(1){grid-column:span 6!important;grid-row:span 3!important}
  [data-footer-cols]{grid-template-columns:1fr 1fr!important}
  [data-hero]{min-height:0!important;padding-top:120px!important;padding-bottom:clamp(40px,6vh,64px)!important;gap:20px!important}
  [data-side]{flex-direction:column!important}
  [data-side] > *{width:100%!important;flex:0 0 auto!important}
}

@media (max-width:767.5px){
  [data-pad]{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:28px!important;line-height:1.06!important}
  h2{font-size:24px!important;line-height:1.12!important}
  h3{font-size:17px!important;line-height:1.2!important}
  p{font-size:15px!important;line-height:1.55!important}
  h1,h2{max-width:100%!important;width:100%!important;min-width:0!important;overflow-wrap:break-word}
  .m-line{max-width:100%}
  [data-hero]{padding-top:104px!important;padding-bottom:44px!important;min-height:0!important}
  [data-cards]{grid-template-columns:1fr!important}
  [data-mosaic]{grid-template-columns:1fr!important;grid-auto-rows:clamp(180px,52vw,300px)!important}
  [data-mosaic] > *:nth-child(n){grid-column:span 1!important;grid-row:span 1!important}
  [data-footer-cols]{grid-template-columns:1fr!important}
  [data-row]{flex-direction:column!important;align-items:flex-start!important}
  section,footer,article,.m-reveal,.m-cascade{min-width:0!important}
}

/* ── 31/08/2026 : trois défauts vus par Ronaldo, mesurés avant d'être corrigés ──────────
   1. Le menu pliait sur l'Accueil, À propos et Contact : leur nav est un conteneur Elementor,
      qui met flex-wrap:wrap par défaut. L'ajout d'« Enfants » l'a fait plier. On interdit le pli
      pour les trois variantes de header (attributs data-*, .d-*, .smy-*).
   2. Le menu de bureau tenait jusqu'à ~1050 px et le compact ne prenait qu'à 1024,5 : zone morte
      mesurée entre les deux (règle dure 8). Le compact prend désormais à 1100,5.
   3. « Prendre contact » : inline color:#FFF8EE sur background:#FFFFFF (lot B). Blanc sur blanc. */
.d-nav-links, [data-nav-links], .smy-nav-links{flex-wrap:nowrap!important}
.d-nav-links a, [data-nav-links] a, .smy-nav-links a{white-space:nowrap!important}
[data-nav-bar] a[href="/contact/"], .d-nav-bar a[href="/contact/"], header a[href="/contact/"]{color:#16130F!important}

@media (max-width:1100.5px){
  [data-nav-links], .d-nav-links, .smy-nav-links{display:none!important}
  [data-nav-bar] a[href="/contact/"], .d-nav-bar a[href="/contact/"]{display:none!important}
  [data-nav-bar], .d-nav-bar{padding:9px 9px 9px 16px!important;gap:14px!important}
  [data-burger], .d-burger, .smy-burger{display:flex!important}
}

/* ── Les sept héros sont des photos en PORTRAIT dans un cadre 21:9. Centré, le cadre ne garde
   que le tiers médian et coupe les visages. On vise le haut de l'image : les visages y sont. */
.m-frame img{object-position:50% 18%!important}


/* ── 31/08/2026, 15 h 50 : plus de bande photo sous le titre des quatre pages de prestation.
   Décision de Ronaldo après trois essais (cadre 21:9, cadre 1180, composition deux photos) :
   « pas de photo du tout ici ». Le titre, puis les cartes, puis la planche contact. Les widgets
   restent dans Elementor (sauvegardes dans le scratchpad du 31/08), seule la CSS les cache. */
.elementor-6 .m-bloc-statique > .m-frame,.elementor-7 .m-bloc-statique > .m-frame,
.elementor-8 .m-bloc-statique > .m-frame,.elementor-215 .m-bloc-statique > .m-frame{display:none!important}

/* ── 31/08/2026 : À propos, la paire photographe + mariée partage la même hauteur.
   Le cadre 3/2 (7 colonnes) est mis au ratio qui lui donne la hauteur du cadre 3/4 (5 colonnes) :
   777/550 × 3/4 = 1,06. Le photographe est en portrait, on garde la tête. */
.elementor .e-con.smy-674c10f > .e-con.smy-64aebd0{aspect-ratio:1.06!important}
.elementor .e-con.smy-674c10f > .e-con.smy-64aebd0 img{object-position:50% 20%!important}