/* Jebooktoo V3.20.9 — Écrans d'ouverture plein viewport sur desktop.
   Portée : rubriques éditoriales uniquement, > 760px, sans toucher
   aux styles mobiles validés en V3.20.8. Les introductions gardent
   le départ vertical à 148px. Jamais de hauteur fixe ni de contenu tronqué. */
@media (min-width: 761px) {
  :root { --jbt-cover-top:148px; --jbt-cover-end:clamp(30px,5vh,60px); }
  body:is([data-jbt-page="agenda-mariage"],[data-jbt-page="carnet-inspiration"],
          [data-jbt-page="application-maries"],[data-jbt-page="jebooktoo-academy"]) main>.hero:first-child,
  body[data-jbt-page="notre-histoire"] main>.history-hero:first-child,
  body[data-jbt-page="autres-evenements"] main>.beyond-hero:first-child {
    height:auto!important;
    min-height:100vh!important;
    min-height:100svh!important;
    box-sizing:border-box!important;
  }
  /* Deux couvertures en grille, texte et visuel sur la même ligne. */
  body:is([data-jbt-page="agenda-mariage"],[data-jbt-page="carnet-inspiration"]) main>.hero:first-child{
    padding:var(--jbt-cover-top) 0 var(--jbt-cover-end)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body:is([data-jbt-page="agenda-mariage"],[data-jbt-page="carnet-inspiration"]) main>.hero:first-child>.hero-grid{
    align-items:start!important;
    gap:clamp(28px,3.8vw,55px)!important;
    flex:1 0 auto;
  }
  /* Agenda : la hauteur intrinsèque HTML de 941px gonflait l'introduction
     à 1200px. Le cadrage devient proportionnel à l'écran. */
  body[data-jbt-page="agenda-mariage"] main>.hero:first-child .hero-photo{
    display:block;
    width:100%!important;
    height:clamp(295px,56svh,565px)!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center;
  }
  body[data-jbt-page="agenda-mariage"] main>.hero:first-child h1{
    font-size:clamp(52px,5.7vw,84px)!important;
    line-height:.98!important;
    margin:17px 0 18px!important;
  }
  body[data-jbt-page="agenda-mariage"] main>.hero:first-child .intro{
    font-size:clamp(13px,1.03vw,15px)!important;
    line-height:1.72!important;
  }
  body[data-jbt-page="agenda-mariage"] main>.hero:first-child .intro-note{
    margin-top:16px!important;
    line-height:1.65!important;
  }
  /* Carnet : portrait plein cadre, sans modifier la typographie et les boutons. */
  body[data-jbt-page="carnet-inspiration"] main>.hero:first-child .hero-portrait{
    width:min(100%,365px)!important;
    max-width:100%!important;
    align-self:start;
  }
  body[data-jbt-page="carnet-inspiration"] main>.hero:first-child .hero-portrait img{
    display:block;
    width:100%!important;
    height:clamp(280px,54svh,510px)!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  /* Application : téléphone contenu dans la hauteur utile de l'écran. */
  body[data-jbt-page="application-maries"] main>.hero:first-child>.wrap{
    padding:var(--jbt-cover-top) 0 var(--jbt-cover-end)!important;
    align-items:start!important;
    min-height:100svh!important;
    box-sizing:border-box!important;
  }
  body[data-jbt-page="application-maries"] main>.hero:first-child .jb-real-app-image{
    height:clamp(315px,62svh,600px)!important;
    width:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  /* Academy : respect du logo, texte lisible et photo à taille de fenêtre.
     L'ancien titre de 118px occupait à lui seul 570px. */
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child>.wrap{
    min-height:100svh!important;
    padding:var(--jbt-cover-top) 0 var(--jbt-cover-end)!important;
    align-items:start!important;
    box-sizing:border-box!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child h1{
    font-size:clamp(52px,5.4vw,78px)!important;
    line-height:1!important;
    margin:15px 0 18px!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child .academy-hero-signature{
    margin-bottom:12px!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child .academy-hero-signature img{
    width:clamp(65px,6.4vw,86px)!important;
    height:clamp(65px,6.4vw,86px)!important;
    object-fit:contain!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child .hero-image{
    height:clamp(340px,61svh,580px)!important;
    min-height:0!important;
    max-height:calc(100svh - var(--jbt-cover-top) - var(--jbt-cover-end))!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child p{
    font-size:clamp(13px,.96vw,15px)!important;
    line-height:1.75!important;
  }
  body[data-jbt-page="jebooktoo-academy"] main>.hero:first-child .buttons{
    margin-top:20px!important;
  }
  /* Notre histoire : préserver la mise en page photo / texte de V3.20.8. */
  body[data-jbt-page="notre-histoire"] main>.history-hero:first-child{
    padding-top:var(--jbt-cover-top)!important;
    padding-bottom:var(--jbt-cover-end)!important;
    align-items:start!important;
  }
  /* Autres événements : la photo pleine largeur occupe tout l'écran. */
  body[data-jbt-page="autres-evenements"] main>.beyond-hero:first-child{
    padding-top:var(--jbt-cover-top)!important;
    padding-bottom:var(--jbt-cover-end)!important;
    align-items:flex-start!important;
  }
}