/* Bonjour — zone d'accueil / afficheurs PC grand format.
   SOURCE GEOMETRIQUE COMMUNE: Bridge (Web App) / HUB / Satellite.
   Conserve l'illustration de fond et la silhouette libre, sans couvrir le visage.
   La signature est cliquable dans un nouvel onglet / navigateur, pas un décor figé. */
#homeView .bonjour-creator-signature,
#homeView .bonjour-home-creator-logo{
  cursor:pointer!important; pointer-events:auto!important;
}
/* Ancre <a> au lieu du <div> historique: conserver sa taille discrète (un lien
   inline ignorerait width et provoquait un énorme logo dans le pied de page). */
#homeView .bonjour-creator-signature{
  display:block!important;
  width:clamp(140px,11.1vw,214px)!important;
  max-width:70%!important;
  margin:15px auto 3px!important;
}
#homeView .bonjour-creator-signature img{
  display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;
}
#homeView .bonjour-creator-signature:focus-visible,
#homeView .bonjour-home-creator-logo:focus-visible{
  outline:2px solid #ffcb48!important; outline-offset:5px!important;
  border-radius:7px;
}
#homeView .bonjour-home-creator-logo img{width:100%;height:auto;object-fit:contain;display:block}
#homeView .bonjour-home-creator-logo:hover,
#homeView .bonjour-home-creator-logo:focus-visible{filter:drop-shadow(0 0 15px rgba(255,203,72,.33))!important;opacity:1!important}
/* La citation reste exclusivement desktop, dans sa zone libre. */
@media(min-width:1500px) and (min-height:720px) {
  #homeView.home-view{
    --bonjour-accueil-gauche:clamp(36px,4.1vw,104px);
    --bonjour-accueil-menu:clamp(480px,27vw,630px);
    --bonjour-accueil-gap:clamp(28px,3vw,100px);
    --bonjour-accueil-reserve-image:clamp(27vw,33vw,36vw);
  }
  #homeView .home-card{
    box-sizing:border-box!important;
    width:var(--bonjour-accueil-menu)!important;
    max-width:var(--bonjour-accueil-menu)!important;
    margin-left:0!important;
  }
  #homeView .bonjour-home-quote{
    position:absolute!important;
    box-sizing:border-box!important;
    left:calc(var(--bonjour-accueil-gauche) + var(--bonjour-accueil-menu) + var(--bonjour-accueil-gap))!important;
    right:var(--bonjour-accueil-reserve-image)!important;
    top:49%!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  #homeView .bonjour-home-quote-copy{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:center!important}
  #homeView .bonjour-home-quote-text{
    font-size:clamp(36px,2.45vw,66px)!important;
    line-height:1.13!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    text-wrap:balance!important;
    margin:0!important;
  }
  #homeView .bonjour-home-quote-white{display:block!important}
  #homeView .bonjour-home-quote-gold{display:block!important;margin-top:.07em!important;font-size:1em!important}
  #homeView .bonjour-home-creator-logo{
    display:block!important;
    align-self:center!important;
    width:clamp(210px,18vw,385px)!important;
    max-width:78%!important;
    margin:clamp(21px,2.8vh,40px) auto 0!important;
    pointer-events:auto!important;
  }
}
/* Grand écran 2560+, augmenté sans utiliser le texte comme simple vignette. */
@media(min-width:2300px) and (min-height:900px){
  #homeView.home-view{--bonjour-accueil-menu:clamp(560px,25vw,740px);--bonjour-accueil-gap:clamp(44px,3vw,112px);--bonjour-accueil-reserve-image:32vw}
  #homeView .bonjour-home-quote-text{font-size:clamp(53px,2.4vw,79px)!important}
  #homeView .bonjour-home-creator-logo{width:clamp(315px,17vw,460px)!important}
}
/* Plus petit PC : garder la disposition Bridge d'origine, sans superposition. */
@media(min-width:1100px) and (max-width:1499px){
 #homeView .bonjour-home-quote{pointer-events:none!important}
 #homeView .bonjour-home-creator-logo{pointer-events:auto!important}
}
@media(max-width:1099px){
 #homeView .bonjour-home-quote{display:none!important}
}
/* Autorité finale : gagne sur les anciennes règles !important des composants natifs
   sans toucher aux autres vues et ne réduit pas l'espace prévu pour la sculpture. */
@media(min-width:1500px) and (min-height:720px){
 :is(body[data-bonjour-pwa="1"],body[data-bonjour-native="1"]) #homeView .bonjour-home-quote{
   left:calc(var(--bonjour-accueil-gauche) + var(--bonjour-accueil-menu) + var(--bonjour-accueil-gap))!important;
   right:var(--bonjour-accueil-reserve-image)!important;
   width:auto!important;
 }
 :is(body[data-bonjour-pwa="1"],body[data-bonjour-native="1"]) #homeView .bonjour-home-quote-text{
   font-size:clamp(39px,2.75vw,74px)!important;
   line-height:1.12!important;
 }
}
@media(min-width:2300px) and (min-height:900px){
 :is(body[data-bonjour-pwa="1"],body[data-bonjour-native="1"]) #homeView .bonjour-home-quote-text{
   font-size:clamp(58px,2.65vw,82px)!important;
 }
}