/*
 * Héros des pages du dossier Rhône (rh_hero) : surtitre, pastille, titre, chapô et bouton empilés dans le flux.
 * Avant : chaque élément était placé en absolu (surtitre en haut, titre à 44 %, chapô en bas) dans un héros de hauteur fixe,
 * d'où des chevauchements avec un titre ou un chapô long, surtout sur mobile.
 * Désormais le héros garde sa hauteur minimale mais grandit avec le texte ; la mise en page reste la même
 * (surtitre en haut, titre au centre de l'espace libre, chapô en bas).
 * Non appliqué quand une position est choisie dans l'admin (hero-layout.css s'en charge).
 */
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero{display:flex!important;align-items:stretch!important;place-items:stretch!important;height:auto!important}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy{position:relative!important;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:68px 0 48px;top:auto!important;left:auto!important}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>*{position:static!important;inset:auto!important;transform:none!important;translate:none!important;box-sizing:border-box;width:auto;order:2}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.rhone-visit-hero-overline{order:0;max-width:min(1100px,92%)}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.rhone-aoc-zone{order:1;margin:14px 0 0!important;padding:4px 9px;font-size:8px;max-width:90%;white-space:normal;text-align:center}
/* Titre au centre de l'espace restant ; 24 px minimum avec ses voisins. */
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>h1{margin:auto 6vw!important;padding:24px 0;max-width:1100px!important}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.rhone-visit-hero-chapo{margin:0 8vw!important;max-width:940px;font-size:clamp(16px,1.35vw,20px)}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.vh-button{margin:20px 0 0!important}
/* Mobile : titre, surtitre et chapô plus petits, marges réduites. */
@media(max-width:850px){
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy{padding:22px 0 52px}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.rhone-visit-hero-overline{max-width:calc(100% - 96px);font-size:12px!important;letter-spacing:.1em}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>h1{margin:auto 5vw!important;padding:18px 0;font-size:clamp(25px,7vw,36px)!important}
body.rhone-dossier-page:not([class*=" vh-pos-"]):not([class*=" vh-mpos-"]) .rhone-visit-hero-copy>.rhone-visit-hero-chapo{margin:0 5vw!important;font-size:13px!important;line-height:1.45!important}
}

/* Page d'accueil d'un dossier (gabarit region) : même principe. Le surtitre était placé en absolu à 38 px du haut
   et passait sous le titre quand celui-ci occupe beaucoup de lignes (mobile). */
.rhone-dossier-page .vinea-region-hero{height:auto!important}
.rhone-dossier-page .vinea-region-hero>.vinea-region-copy{position:relative!important;inset:auto!important;align-self:stretch;justify-self:center;height:auto!important;min-height:inherit;box-sizing:border-box;justify-content:flex-start!important}
.rhone-dossier-page .vinea-region-copy>p{position:static!important;margin:0 0 auto!important;padding-bottom:20px}
.rhone-dossier-page .vinea-region-copy>.rhone-landing-hero-chapo{margin-bottom:auto!important}
@media(max-width:850px){
.rhone-dossier-page .vinea-region-copy>p{font-size:12px!important;letter-spacing:.1em}
.rhone-dossier-page .vinea-region-copy h1{font-size:clamp(26px,7.5vw,36px)!important}
.rhone-dossier-page .vinea-region-copy>.rhone-landing-hero-chapo{font-size:14px!important}
}