/* BONJOUR ACCUEIL — CONTRAT CONSOLIDE 1.21.45
   Une seule source de vérité pour smartphone, tablette et PC.
   Les breakpoints ne changent que dimensions/espacements, jamais l'identité. */
:root{
 --bonjour-home-surface:linear-gradient(145deg,rgba(11,54,47,.96),rgba(6,30,26,.99));
 --bonjour-home-surface-hover:linear-gradient(145deg,rgba(13,62,53,.97),rgba(7,34,29,.995));
 --bonjour-home-icon-surface:radial-gradient(circle at 28% 22%,rgba(105,209,173,.085),transparent 58%),linear-gradient(145deg,rgba(7,49,43,.98),rgba(4,32,28,.995));
 --bonjour-home-line:rgba(220,234,228,.09);
 --bonjour-home-yellow:#ffc43d;
 --bonjour-home-yellow-hi:#ffd45a;
 --bonjour-home-yellow-lo:#ffae1f;
 --bonjour-home-green:#69d1ad;
}
body[data-bonjour-pwa="1"] .home-card{padding-top:26px!important}
body[data-bonjour-pwa="1"] .home-topline{position:relative!important;display:block!important;min-height:112px!important;margin:0 0 8px!important}
body[data-bonjour-pwa="1"] .home-top-actions{position:absolute!important;top:0!important;right:0!important;z-index:4!important;display:flex!important;gap:8px!important}
body[data-bonjour-pwa="1"] .home-brand-lockup{margin:0!important;padding:62px 0 0!important;width:100%!important}




body[data-bonjour-pwa="1"] .home-greeting-lead{margin:0 0 19px!important;text-align:left!important;max-width:34rem!important;color:rgba(255,255,255,.88)!important;line-height:1.43!important}
body[data-bonjour-pwa="1"] .home-actions{gap:10px!important}
body[data-bonjour-pwa="1"] .home-card .action-card{position:relative!important;overflow:hidden!important;min-height:72px!important;padding:12px 13px!important;gap:12px!important;border-radius:14px!important;border:1px solid var(--bonjour-home-line)!important;background:var(--bonjour-home-surface)!important;box-shadow:0 7px 22px rgba(0,0,0,.11)!important;filter:none!important}
body[data-bonjour-pwa="1"] .home-card .action-card::before,body[data-bonjour-pwa="1"] .home-card .action-card::after{content:none!important;display:none!important}
body[data-bonjour-pwa="1"] .home-card .action-card:hover{background:var(--bonjour-home-surface-hover)!important;border-color:rgba(220,234,228,.15)!important;transform:translateY(-1px)!important}
body[data-bonjour-pwa="1"] .home-card .action-icon.bonjour-nav-icon{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border-radius:12px!important;border:1px solid rgba(255,196,61,.18)!important;background:var(--bonjour-home-icon-surface)!important;color:var(--bonjour-home-yellow)!important;box-shadow:0 6px 18px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.012)!important;transform:none!important}
body[data-bonjour-pwa="1"] .home-card .bonjour-nav-icon .bonjour-icon-glyph{width:23px!important;height:23px!important;display:block!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important}
body[data-bonjour-pwa="1"] .home-card .action-card:hover .bonjour-nav-icon{background:var(--bonjour-home-icon-surface)!important;border-color:rgba(255,196,61,.26)!important;transform:none!important}
body[data-bonjour-pwa="1"] .home-card .contact-card-home-button,body[data-bonjour-pwa="1"] .home-card .bonjour-notification-button{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(7,49,43,.97),rgba(4,32,28,.99))!important;border:1px solid rgba(105,209,173,.18)!important;color:var(--bonjour-home-green)!important}
body[data-bonjour-pwa="1"] .product-meta{margin-top:19px!important}
body[data-bonjour-pwa="1"] .bonjour-creator-signature{width:clamp(172px,38vw,214px)!important;max-width:72%!important;margin:15px auto 3px!important;opacity:.62!important;filter:grayscale(1) saturate(0)!important;transition:filter .25s ease,opacity .25s ease,transform .25s ease!important;outline:none!important}
body[data-bonjour-pwa="1"] .bonjour-creator-signature img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
body[data-bonjour-pwa="1"] .bonjour-creator-signature:hover,body[data-bonjour-pwa="1"] .bonjour-creator-signature:focus-visible,body[data-bonjour-pwa="1"] .bonjour-creator-signature:active{filter:none!important;opacity:1!important;transform:translateY(-1px)!important}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] .home-topline{min-height:108px!important}
 body[data-bonjour-pwa="1"] .home-brand-lockup{padding-top:60px!important}
 
 
 
 
 
 body[data-bonjour-pwa="1"] .home-card .action-icon.bonjour-nav-icon{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
 body[data-bonjour-pwa="1"] .bonjour-creator-signature{width:180px!important;max-width:72%!important;margin-top:15px!important}
}
@media(max-width:390px){}
@media(min-width:761px){body[data-bonjour-pwa="1"] .home-card .action-icon.bonjour-nav-icon{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}body[data-bonjour-pwa="1"] .home-card .bonjour-nav-icon .bonjour-icon-glyph{width:24px!important;height:24px!important}body[data-bonjour-pwa="1"] .bonjour-creator-signature{width:196px!important;max-width:70%!important}}
@media(min-width:1100px) and (pointer:fine){body[data-bonjour-pwa="1"] .bonjour-creator-signature{width:214px!important;max-width:72%!important}}


/* 1.21.45 — CALAGE FINAL RESPONSIVE. Source de vérité : ce fichier uniquement. */
:root{--bonjour-home-yellow:#ffc43d;--bonjour-home-yellow-hi:#ffd45a;--bonjour-home-yellow-lo:#ffae1f}
/* La baseline du prénom suit le mot Bonjour, jamais la hauteur des trois bandes. */


/* Smartphone : présence plus discrète + réserve pour les prénoms longs. */
@media(max-width:760px){
 
 
 
 
}
@media(max-width:390px){}
/* Tablette : bloc plus léger et ancré franchement à gauche. */
@media(min-width:761px) and (max-width:1099px){
 body[data-bonjour-pwa="1"] .home-view{justify-items:start!important;padding-left:clamp(18px,2.2vw,30px)!important;padding-right:24px!important}
 
 
 
}
/* Laptop / PC : même grammaire, sans modifier la grille validée. */
@media(min-width:1100px) and (pointer:fine){
 body[data-bonjour-pwa="1"] .home-view{justify-items:start!important;padding-left:clamp(36px,3.2vw,58px)!important}
 
 
 
}
/* Citation : or Bonjour unique + auteur rattaché au texte, jamais au bord écran. */
@media (min-width:900px) and (min-height:600px), (min-width:760px) and (min-height:700px){
 body[data-bonjour-pwa="1"] .bonjour-home-quote-gold{display:block!important;font-size:1em!important;line-height:inherit!important;margin-top:.08em!important;background:linear-gradient(90deg,var(--bonjour-home-yellow-hi) 0%,var(--bonjour-home-yellow) 48%,var(--bonjour-home-yellow-lo) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--bonjour-home-yellow)!important;filter:none!important}
}

/* 1.21.45 — PC : citation assumée + actions hautes plus subtiles.
   Ciblage desktop uniquement : smartphone/tablette inchangés. */
@media (min-width:1100px) and (pointer:fine) and (min-height:600px){
 body[data-bonjour-pwa="1"] .bonjour-home-quote{
   left:clamp(600px,43.5vw,710px)!important;
   right:clamp(340px,35vw,580px)!important;
   max-width:none!important;
 }
 body[data-bonjour-pwa="1"] .bonjour-home-quote-copy{width:100%!important;max-width:none!important}
 body[data-bonjour-pwa="1"] .bonjour-home-quote-text{
   font-size:clamp(29px,2.35vw,42px)!important;
   line-height:1.065!important;
   letter-spacing:-.027em!important;
 }
 body[data-bonjour-pwa="1"] .bonjour-home-quote-author{
   width:100%!important;
   margin-top:clamp(11px,1.05vw,17px)!important;
   text-align:right!important;
 }
 body[data-bonjour-pwa="1"] .home-card .contact-card-home-button,
 body[data-bonjour-pwa="1"] .home-card .bonjour-notification-button{
   width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;
   border-radius:12px!important;
 }
 body[data-bonjour-pwa="1"] .home-card .bonjour-quick-icon{width:19px!important;height:19px!important}
 body[data-bonjour-pwa="1"] .home-top-actions{gap:7px!important}
}

/* 1.21.45 — verrouillage smartphone : aucun héritage desktop/tablette. */
@media (max-width:760px){
 body[data-bonjour-pwa="1"] .home-top-actions{gap:6px!important}
 body[data-bonjour-pwa="1"] .home-card .contact-card-home-button,
 body[data-bonjour-pwa="1"] .home-card .bonjour-notification-button{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border-radius:12px!important}
 body[data-bonjour-pwa="1"] .home-card .bonjour-quick-icon{width:18px!important;height:18px!important}
 
 
 
 
 
 
}
@media (max-width:390px){
 
 
 
 
 
}

/* 1.21.47 — FINITION PC SANS DEPLACEMENT DE GRILLE
   Base saine 1.21.45 : on restaure la géométrie desktop validée et on ne touche
   qu'à la finition demandée. Tablette/mobile conservent leurs règles dédiées. */
@media (min-width:1100px) and (pointer:fine){
  body[data-bonjour-pwa="1"] .home-view{
    place-items:center start!important;
    justify-items:start!important;
    align-items:center!important;
    padding-left:clamp(72px,5vw,112px)!important;
    padding-right:clamp(34px,4vw,72px)!important;
  }
  body[data-bonjour-pwa="1"] .home-card{margin-left:0!important;margin-right:0!important}
  
  
  
  
  body[data-bonjour-pwa="1"] #homeView .windows-action-icon{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
    place-items:center!important;place-content:center!important;padding:0!important;
  }
  body[data-bonjour-pwa="1"] #homeView .windows-action-icon .bonjour-icon-glyph{
    display:block!important;grid-area:1 / 1!important;justify-self:center!important;align-self:center!important;
    margin:0 auto!important;width:24px!important;height:24px!important;transform:none!important;
  }
}

/* BONJOUR 1.21.62 — IDENTITE ACCUEIL : REGLES CONSOLIDEES.
   Valeurs finales de 1.21.61 préservées; aucun JS ni parcours modifié.
   Une base, puis trois breakpoints non chevauchants. */
body[data-bonjour-pwa="1"] .home-brand-identity{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important;margin:0!important;line-height:1!important;min-width:0!important}
body[data-bonjour-pwa="1"] .home-brand-logo{display:block!important;width:140px!important;max-width:48%!important;height:auto!important;object-fit:contain!important;object-position:left bottom!important;margin:0!important;filter:none!important;flex:0 0 auto!important}
body[data-bonjour-pwa="1"] .home-first-name{display:block!important;min-width:0!important;max-width:52%!important;margin:0!important;padding:0 0 2px!important;font-family:var(--bonjour-display-font)!important;font-size:clamp(35px,4.5vw,40px)!important;font-weight:600!important;line-height:.82!important;letter-spacing:-.035em!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;transform:none!important;background:linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo))!important;-webkit-background-clip:text!important;background-clip:text!important;color:var(--bonjour-home-yellow)!important;-webkit-text-fill-color:transparent!important}
body[data-bonjour-pwa="1"] .home-first-name.is-long-name{font-size:clamp(30px,3.9vw,35px)!important}
body[data-bonjour-pwa="1"] .home-first-name.is-very-long-name{font-size:clamp(25px,3.3vw,30px)!important}
body[data-bonjour-pwa="1"] .home-first-name.is-ultra-long-name{font-size:clamp(21px,2.8vw,25px)!important}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] .home-brand-identity{gap:6px!important}
 body[data-bonjour-pwa="1"] .home-first-name{font-size:25px!important;max-width:52%!important;transform:none!important;align-self:flex-end!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-long-name{font-size:22px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-very-long-name{font-size:18px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-ultra-long-name{font-size:15px!important}
}
@media(max-width:390px){
 body[data-bonjour-pwa="1"] .home-brand-logo{width:118px!important}
 body[data-bonjour-pwa="1"] .home-first-name{font-size:25px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-long-name{font-size:22px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-very-long-name{font-size:19px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-ultra-long-name{font-size:16px!important}
}
@media(min-width:761px) and (max-width:1099px){
 body[data-bonjour-pwa="1"] .home-first-name{font-size:32px!important;max-width:55%!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-long-name{font-size:28px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-very-long-name{font-size:24px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-ultra-long-name{font-size:21px!important}
}
@media(min-width:1100px) and (pointer:fine){
 body[data-bonjour-pwa="1"] .home-first-name{font-size:39px!important;max-width:54%!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-long-name{font-size:32px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-very-long-name{font-size:28px!important}
 body[data-bonjour-pwa="1"] .home-first-name.is-ultra-long-name{font-size:24px!important}
}

/* 1.21.87 — Accueil : identité officielle et accents or radiant, sans changement de structure. */
body[data-bonjour-pwa="1"] #homeView .home-card .action-card strong {
  color:#ffcb48!important;
  background:linear-gradient(180deg,#ffe17b 0%,#ffcb48 48%,#e9a629 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body[data-bonjour-pwa="1"] #homeView .home-card .action-card small {
  color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; opacity:1!important;
}
body[data-bonjour-pwa="1"] #homeView .home-card .action-icon.bonjour-nav-icon {
  color:#ffcb48!important; border-color:#ffcb48!important;
  box-shadow:0 0 0 1px rgba(255,210,83,.15),0 0 14px rgba(255,195,55,.14)!important;
}
body[data-bonjour-pwa="1"] #homeView .home-card .action-icon.bonjour-nav-icon .bonjour-icon-glyph {
  stroke:#ffcb48!important;
}

/* 1.21.89 — Le logo et le prénom partagent une ligne de base stable. */
body[data-bonjour-pwa="1"] #homeView .home-brand-identity {align-items:flex-end!important;}
body[data-bonjour-pwa="1"] #homeView .home-first-name {transform:none!important;align-self:flex-end!important;max-width:54%!important;}
body[data-bonjour-pwa="1"] #homeView .product-meta {color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;}
body[data-bonjour-pwa="1"] #homeView .product-meta span {color:#d8e2df!important;-webkit-text-fill-color:#d8e2df!important;opacity:1!important;}

/* 1.21.89 — Accueil mobile : dimension fixe du logo officiel, sans recomposition. */
@media (max-width:760px){
 body[data-bonjour-pwa="1"] #homeView .home-brand-logo{width:94px!important;max-width:none!important;height:auto!important;flex:0 0 94px!important;}
 body[data-bonjour-pwa="1"] #homeView .home-first-name{padding-bottom:2px!important;align-self:flex-end!important;transform:none!important;}
}

/* 1.21.90 — Deux commandes d'accueil uniquement : or radiant, pictogrammes vert sombre. */
body[data-bonjour-pwa="1"] #homeView .home-top-actions .contact-card-home-button,
body[data-bonjour-pwa="1"] #homeView .home-top-actions .bonjour-notification-button {
 background:linear-gradient(180deg,#ffe17b 0%,#ffcb48 48%,#e9a629 100%)!important;
 border:1px solid #ffd45a!important;
 color:#092e29!important;
 box-shadow:0 2px 10px rgba(255,193,56,.17),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
body[data-bonjour-pwa="1"] #homeView .home-top-actions .contact-card-home-button svg,
body[data-bonjour-pwa="1"] #homeView .home-top-actions .bonjour-notification-button svg {
 color:#092e29!important;stroke:#092e29!important;
}
body[data-bonjour-pwa="1"] #homeView .home-top-actions .bonjour-notification-button > span {color:#092e29!important;}

/* 1.21.91 — Identité d'accueil : lettrage officiel, couronne animée indépendante.
   Les dimensions sont fixes par famille d'écran ; aucune animation de layout. */
body[data-bonjour-pwa="1"] #homeView .home-brand-identity {
 display:flex!important;align-items:flex-end!important;gap:4px!important;flex-wrap:nowrap!important;
}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark {
 --word-width:134px;display:block;position:relative;flex:0 0 var(--word-width);
 width:var(--word-width);min-width:0;line-height:0;margin:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark img {
 display:block;width:100%;height:auto;object-fit:contain;max-width:none;
}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown {
 position:absolute;left:0;bottom:calc(100% + 2px);width:19%;height:27px;
 display:flex;align-items:flex-end;justify-content:space-between;gap:7%;
 pointer-events:none;
}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown i {
 display:block;flex:1 1 0;min-width:0;height:70%;border-radius:999px;
 background:linear-gradient(180deg,#ffe17b 0%,#ffca46 55%,#f5aa26 100%);
 transform-origin:center bottom;animation:bonjourHomeSpeak 1.65s ease-in-out infinite;
}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown i:nth-child(2){height:100%;animation-delay:-.36s}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown i:nth-child(3){height:82%;animation-delay:-.72s}
@keyframes bonjourHomeSpeak {
 0%,100%{transform:scaleY(.60)} 22%{transform:scaleY(1)} 48%{transform:scaleY(.78)} 72%{transform:scaleY(.94)}
}
body[data-bonjour-pwa="1"] #homeView .home-first-name {align-self:flex-end!important;transform:none!important;}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark{--word-width:94px}
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown{height:22px;bottom:calc(100% + 1px)}
 body[data-bonjour-pwa="1"] #homeView .home-brand-identity{gap:3px!important}
}
@media(min-width:761px) and (max-width:1099px){
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark{--word-width:112px}
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown{height:25px}
}
@media(min-width:1100px){
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark{--word-width:120px}
}
@media(prefers-reduced-motion:reduce){
 body[data-bonjour-pwa="1"] #homeView .bonjour-home-crown i{animation:none!important;transform:none!important}
}

/* 1.21.92 — accueil : rapprochement du descriptif sans déplacement des actions. */
body[data-bonjour-pwa="1"] #homeView .home-topline{margin-bottom:-3px!important;}
@media(max-width:760px){body[data-bonjour-pwa="1"] #homeView .home-topline{margin-bottom:-4px!important;}}

/* 1.22.25 — Accueil : un HUB arrêté ne verrouille plus l'accueil, avec alerte or. */
#bonjourHubAvailability.bonjour-hub-availability:not(.hidden){
  position:relative;display:block;max-width:46rem;margin:.22rem 0 .95rem;padding:.52rem .82rem .52rem 1.05rem;
  border:1px solid rgba(255,211,96,.24);border-left:none;border-radius:.55rem;
  background:linear-gradient(90deg,rgba(255,211,96,.17) 0%,rgba(255,211,96,.08) 18%,rgba(255,255,255,.045) 46%,rgba(255,255,255,.03) 100%);
  color:rgba(255,255,255,.91);box-shadow:0 10px 24px rgba(0,0,0,.10);
  font:400 clamp(.77rem,.86vw,.86rem)/1.5 Roboto,Arial,sans-serif;
}
#bonjourHubAvailability.bonjour-hub-availability:not(.hidden)::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,#ffe17b 0%,#ffcb48 52%,#e9a629 100%);
}
#bonjourHubAvailability[hidden],#bonjourHubAvailability.hidden{display:none!important;}


/* 1.22.25 — verrou d'accueil : bloc identité légèrement abaissé et descriptif final. */
body[data-bonjour-pwa="1"] #homeView .home-greeting-lead{white-space:normal!important;}
@media(max-width:760px){
  body[data-bonjour-pwa="1"] #homeView .home-brand-lockup{padding-top:60px!important;}
  body[data-bonjour-pwa="1"] #homeView .home-topline{min-height:108px!important;}
}


/* 1.22.40 — autorité unique d’alignement optique du prénom dans le composant.
   Ne dépend plus d’une translation CSS Studio selon l’appareil. */
body[data-bonjour-pwa="1"] #homeView .home-first-name{
  position:relative!important;top:-5px!important;padding-bottom:0!important;
  max-width:min(80%,calc(100% - 74px))!important;line-height:.86!important;
  overflow:visible!important;text-overflow:unset!important;
}
body[data-bonjour-pwa="1"] #homeView .home-greeting-lead{
  width:100%!important;max-width:100%!important;
  color:var(--bonjour-ivory)!important;opacity:.96!important;
  font-weight:500!important;letter-spacing:.002em!important;line-height:1.45!important;
}
@media(max-width:760px){
  body[data-bonjour-pwa="1"] #homeView .home-first-name{max-width:calc(100% - 68px)!important;}
  body[data-bonjour-pwa="1"] #homeView .home-first-name.is-ultra-long-name{font-size:clamp(12px,3.7vw,15px)!important;}
}

/* 1.22.43 — Citation personnelle : réservée aux écrans ayant un espace latéral.
   Le bloc entier disparaît du smartphone ; la signature de l’accueil reste présente. */
@media (max-width:759px){
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote{display:none!important;}
}
/* PC / laptop : vraie largeur de composition à droite du menu, sans ligne orpheline.
   Trois séquences courtes, alignées, et un logo légèrement rehaussé. */
@media (min-width:1100px) and (min-height:600px){
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote{
    left:calc(clamp(72px,5vw,112px) + clamp(540px,36vw,600px) + 18px)!important;
    right:auto!important;
    top:50%!important;
    width:clamp(290px,22vw,460px)!important;
    max-width:none!important;
    display:flex!important;
    align-items:stretch!important;
    gap:0!important;
    transform:translateY(-50%)!important;
    text-align:center!important;
    pointer-events:none!important;
  }
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote-copy{
    display:block!important;width:100%!important;max-width:100%!important;
    padding:0!important;margin:0 auto!important;background:none!important;border:0!important;box-shadow:none!important;
  }
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote-text{
    font-family:var(--bonjour-display-font)!important;
    font-size:clamp(29px,2.19vw,44px)!important;
    font-weight:700!important;
    line-height:1.13!important;
    letter-spacing:-.025em!important;
    text-wrap:balance!important;
  }
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote-white{display:block!important;color:#fff!important;}
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote-line-two{margin-top:.05em!important;}
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote-gold{
    display:block!important;font-size:1em!important;
    line-height:inherit!important;margin-top:.08em!important;
    background:linear-gradient(180deg,#ffe48d 0%,#ffc43d 52%,#ffae1f 100%)!important;
    background-clip:text!important;-webkit-background-clip:text!important;
    color:#ffc43d!important;-webkit-text-fill-color:transparent!important;
  }
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-creator-logo{
    display:block!important;align-self:center!important;
    width:clamp(240px,20.5vw,345px)!important;max-width:90%!important;
    margin:clamp(22px,2.5vh,36px) auto 0!important;
    opacity:1!important;
  }
}
/* Tablette portrait : pas de collision avec la carte principale.
   Quand la zone latérale est trop fine, la citation n'est pas imposée sous le menu. */
@media (min-width:760px) and (max-width:1099px) and (orientation:portrait){
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote{display:none!important;}
}
/* 1.22.42 — Repli visible si le moteur PWA est indisponible, sans masque permanent. */
.bonjour-recovery-panel[hidden]{display:none!important}
.bonjour-recovery-panel:not([hidden]){position:fixed;z-index:20020;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 22px;background:#061f1b;color:#f6f8f5;text-align:center;font:500 17px/1.5 Dubai,Roboto,Arial,sans-serif}
.bonjour-recovery-panel strong{font-weight:700;font-size:clamp(23px,6vw,30px);max-width:28ch}
.bonjour-recovery-panel p{max-width:48ch;color:#d6e2dc;font-size:15px}
.bonjour-recovery-panel button{min-height:48px;padding:10px 25px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe58c,#ffbd34);color:#12372f;font-weight:700;cursor:pointer}

/* 1.22.49 — Ne jamais poser la citation sur le visage / la bulle si l’espace manque. */
@media(min-width:1100px) and (max-width:1399px){
  body[data-bonjour-pwa="1"] #homeView .bonjour-home-quote{display:none!important}
}

/* 1.22.58 — secours non destructif du lettrage dans la PWA iOS installée.
   Le vrai PNG garde toujours la priorité lorsqu'il est chargé correctement. */
body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark.is-wordmark-image-unavailable img{display:none!important}
body[data-bonjour-pwa="1"] #homeView .bonjour-home-wordmark.is-wordmark-image-unavailable::after{
 content:"Bonjour";display:block;color:#f7f8f4;font:700 23px/1.05 Dubai,"Segoe UI",Roboto,Arial,sans-serif;
 letter-spacing:-.07em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.26)
}