/* Bonjour : ligne haute dédiée au Retour, puis bande 1/3 couronne + 2/3 présentation. */
:root{--bonjour-home-yellow-hi:#ffd45a;--bonjour-home-yellow-lo:#ffae1f;--bonjour-voice-gold:linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo))}
.bonjour-ui-page-surface.bonjour-voice-ready{--bonjour-voice-top-row:calc(var(--bonjour-ui-return-top,18px) + var(--bonjour-ui-return-height,40px) + 12px)}
.bonjour-ui-page-surface.bonjour-voice-ready>.bonjour-voice-heading-band{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:center!important;gap:clamp(8px,2vw,20px)!important;margin-top:var(--bonjour-voice-top-row)!important;margin-bottom:18px!important;min-width:0!important;position:relative!important}
.bonjour-voice-heading-content{min-width:0!important;max-width:100%!important}
.bonjour-voice-heading-content>.bonjour-ui-page-header{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;min-height:0!important;position:relative!important}
.bonjour-voice-heading-content .bonjour-ui-header-copy{padding-right:0!important;max-width:100%!important}
.bonjour-voice-crown{display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1vw,9px);height:clamp(78px,11vw,112px);width:100%;max-width:150px;margin:auto;pointer-events:none}
.bonjour-voice-crown>span{display:block;width:19%;border-radius:999px;background:var(--bonjour-voice-gold);transform-origin:50% 90%;transform:scaleY(.75)}
.bonjour-voice-crown>span:nth-child(1){height:67%}.bonjour-voice-crown>span:nth-child(2){height:100%}.bonjour-voice-crown>span:nth-child(3){height:78%}
.bonjour-voice-speaking>span{animation:bonjour-crown-speak 1.12s ease-in-out infinite alternate}.bonjour-voice-speaking>span:nth-child(1){animation-delay:.13s}.bonjour-voice-speaking>span:nth-child(3){animation-delay:.24s}
@keyframes bonjour-crown-speak{0%,100%{transform:scaleY(.75)}22%{transform:scaleY(.97)}48%{transform:scaleY(.53)}76%{transform:scaleY(1)}}
/* La charte dorée ne touche ni aux alertes de danger ni aux états fonctionnels. */
body[data-bonjour-pwa="1"] .bonjour-ui-page-header .eyebrow,
body[data-bonjour-pwa="1"] .bonjour-ui-page-header .kicker,
body[data-bonjour-pwa="1"] .bonjour-ui-page-header [class*="eyebrow"],
body[data-bonjour-pwa="1"] .bonjour-ui-page-header [class*="kicker"],
body[data-bonjour-pwa="1"] .bonjour-ui-page-surface>.eyebrow{background:var(--bonjour-voice-gold)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--bonjour-home-yellow-hi)!important}
body[data-bonjour-pwa="1"] button.primary-button:not(:disabled),
body[data-bonjour-pwa="1"] button[class*="primary-btn"]:not(:disabled),
body[data-bonjour-pwa="1"] button[class*="btn-primary"]:not(:disabled){background:var(--bonjour-voice-gold)!important;color:#12352e!important;border-color:rgba(255,212,90,.35)!important}
@media(max-width:720px){.bonjour-ui-page-surface.bonjour-voice-ready>.bonjour-voice-heading-band{gap:9px!important;margin-bottom:14px!important}.bonjour-voice-crown{height:96px;gap:6px}}
@media(prefers-reduced-motion:reduce){.bonjour-voice-crown>span{animation:none!important;transform:none!important}}

/* 1.21.68 : salons, hiérarchie lisible sans contrainte artificielle. */
body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{
  grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;
  align-items:center!important;margin-bottom:12px!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-page-head.bonjour-ui-page-header{
  display:block!important;min-height:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-page-head .bonjour-ui-header-copy{
  width:100%!important;max-width:none!important;padding:0!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{
  font-size:clamp(22px,4.2vw,34px)!important;line-height:1.12!important;
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
  margin:8px 0 0!important;max-width:none!important;
}
body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>#regionsHelp{
  display:block!important;max-width:100%!important;margin:4px 0 16px!important;
  line-height:1.55!important;
}
body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.regions-head-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:100%!important;margin:0 0 22px!important;
  gap:10px!important;justify-content:stretch!important;
}
body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.regions-head-actions button{
  width:100%!important;min-width:0!important;white-space:normal!important;
  min-height:44px!important;padding:10px 12px!important;font-size:13px!important;
  background:var(--bonjour-voice-gold)!important;color:#12352e!important;
  border-color:rgba(255,212,90,.35)!important;
}
/* Actions vert clair : charte or ; boutons Retour, états et alertes inchangés. */
body[data-bonjour-pwa="1"] .regions-card .regions-list .secondary-button:not(:disabled):not(.bonjour-ui-return),
body[data-bonjour-pwa="1"] .regions-card .regions-list .primary-button:not(:disabled),
body[data-bonjour-pwa="1"] .regions-card .regions-list button[class*="invite"]:not(:disabled),
body[data-bonjour-pwa="1"] .regions-card .regions-list button[class*="manage"]:not(:disabled){
  background:var(--bonjour-voice-gold)!important;color:#12352e!important;
  border-color:rgba(255,212,90,.35)!important;
}
@media(max-width:720px){
  body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{font-size:clamp(22px,6vw,28px)!important}
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.regions-head-actions{grid-template-columns:1fr!important}
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{gap:12px!important}
}

/* Horaire salon : lisible comme une information utile, pas comme une métadonnée effacée. */
body[data-bonjour-pwa="1"] .regions-card .region-hours{
  display:inline-block!important;margin-top:5px!important;
  color:rgba(243,249,246,.9)!important;font-weight:700!important;
  font-size:12.5px!important;line-height:1.3!important;letter-spacing:.01em!important;
}
@media(max-width:720px){
  body[data-bonjour-pwa="1"] .regions-card .region-hours{font-size:12px!important;margin-top:4px!important}
}

/* 1.21.69 : hiérarchie des actions salons.
   Inviter est secondaire (fond sombre, fin contour or) ; Gérer reste or. */
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled){
  background:#123b35!important;color:#f6d57d!important;
  border:1px solid rgba(255,207,92,.62)!important;
  box-shadow:none!important;transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
@media(hover:hover){
  body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled):hover{
    background:var(--bonjour-voice-gold)!important;color:#12352e!important;
  }
}
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled):active{
  background:#1c5047!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-manage:not(:disabled){
  background:var(--bonjour-voice-gold)!important;color:#12352e!important;
}

/* 1.21.70 — Charte des actions secondaires et alignement du bloc d'en-tête.
   Les boutons or, Retour, états et alertes ne sont pas concernés. */
:root{--bonjour-action-green-deep:linear-gradient(180deg,#19544b 0%,#103e37 42%,#06241f 100%)}
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled){
  background:var(--bonjour-action-green-deep)!important;
  color:#f6d57d!important;
  border:1px solid rgba(255,207,92,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:filter .18s ease,color .18s ease,border-color .18s ease!important;
}
@media(hover:hover){
 body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled):hover{
  background:var(--bonjour-action-green-deep)!important;filter:brightness(1.17)!important;color:#ffe49b!important;
 }
}
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled):active{
 background:var(--bonjour-action-green-deep)!important;filter:brightness(.93)!important;
}
/* Alignement visuel bas de couronne / dernière ligne de titre, sans toucher au Retour. */
body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{
 align-items:end!important;margin-top:calc(var(--bonjour-voice-top-row) - 8px)!important;
}
body[data-bonjour-pwa="1"] .regions-card .bonjour-voice-crown{align-self:end!important;margin-bottom:0!important}
body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{
 font-size:clamp(20px,3.8vw,32px)!important;line-height:1.13!important;
 overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
}
@media(max-width:720px){
 body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{font-size:clamp(19px,5.2vw,25px)!important}
 body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr)!important;gap:10px!important}
 body[data-bonjour-pwa="1"] .regions-card .bonjour-voice-crown{height:90px!important}
}

/* 1.21.72 — Retour : vert profond dégradé, filet or, pictogramme et texte or.
   Ne change ni la position, ni les dimensions, ni les événements des boutons. */
body[data-bonjour-pwa="1"] :is(button.bonjour-return-button,.bonjour-return-button,.bonjour-page-return,button.agenda-back-button){
  background:linear-gradient(180deg,rgba(19,85,76,.97) 0%,rgba(10,55,50,.99) 48%,#041d1b 100%) padding-box,
             linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo)) border-box!important;
  border:1px solid transparent!important;
  color:var(--bonjour-home-yellow-hi)!important;
  -webkit-text-fill-color:var(--bonjour-home-yellow-hi)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.2)!important;
}
body[data-bonjour-pwa="1"] :is(button.bonjour-return-button,.bonjour-return-button,.bonjour-page-return,button.agenda-back-button) :is(svg,path,polyline,line){
  color:var(--bonjour-home-yellow-hi)!important;
  stroke:currentColor!important;
}
body[data-bonjour-pwa="1"] :is(button.bonjour-return-button,.bonjour-return-button,.bonjour-page-return,button.agenda-back-button):is(:hover,:focus-visible){
  background:linear-gradient(180deg,#1b655b 0%,#0b3833 52%,#041917 100%) padding-box,
             linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo)) border-box!important;
  color:var(--bonjour-home-yellow-hi)!important;
}
/* Réglages demandés exclusivement pour la page Salons permanents sur mobile. */
@media(max-width:720px){
  /* Mobile : une seule source pour la hiérarchie sous Retour. Sans marge négative. */
  body[data-bonjour-pwa="1"] .regions-card .regions-page-head .eyebrow{
    margin:0 0 8px!important;font-size:9.5px!important;line-height:1.3!important;letter-spacing:.16em!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{
    font-size:clamp(19px,5.2vw,25px)!important;margin:0!important;line-height:1.13!important;
  }
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{
    grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr)!important;
    gap:10px!important;margin-top:calc(var(--bonjour-voice-top-row) - 30px)!important;
  }
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>#regionsHelp{
    display:block!important;max-width:100%!important;margin:15px 0 16px!important;line-height:1.55!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .regions-help{
    margin:14px 0 15px!important;font-size:12.5px!important;line-height:1.45!important;color:#fff!important;
  }
}

/* 1.21.73 — Salons permanents : finition canonique PC + actions et présence tous écrans.
   Styles visuels uniquement : aucun changement aux salons, comptes, invitations ou transport. */
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled){
  background:linear-gradient(180deg,rgba(19,85,76,.97) 0%,rgba(10,55,50,.99) 48%,#041d1b 100%) padding-box,
             linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo)) border-box!important;
  border:1px solid transparent!important;
  color:var(--bonjour-home-yellow-hi)!important;
  -webkit-text-fill-color:var(--bonjour-home-yellow-hi)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-list .region-share:not(:disabled):is(:hover,:focus-visible){
  background:linear-gradient(180deg,#1b655b 0%,#0b3833 52%,#041917 100%) padding-box,
             linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo)) border-box!important;
  color:var(--bonjour-home-yellow-hi)!important;
}
body[data-bonjour-pwa="1"] .regions-card .regions-list .status-pill.open{
  transform-origin:center center;
  animation:bonjour-open-heartbeat 2.7s ease-in-out infinite!important;
  will-change:transform;
}
@keyframes bonjour-open-heartbeat{
  0%,12%,31%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(95,232,172,0)}
  18%{transform:scale(1.23);box-shadow:0 0 0 5px rgba(95,232,172,.16),0 0 16px 3px rgba(95,232,172,.32)}
  24%{transform:scale(1.04);box-shadow:0 0 0 2px rgba(95,232,172,.12)}
  37%{transform:scale(1.17);box-shadow:0 0 0 7px rgba(95,232,172,.08),0 0 13px 2px rgba(95,232,172,.23)}
  48%{transform:scale(1);box-shadow:0 0 0 10px rgba(95,232,172,0)}
}
@media(min-width:1024px){
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{
    grid-template-columns:minmax(0,27%) minmax(0,73%)!important;
    align-items:end!important;
    gap:0!important;
    margin-top:calc(var(--bonjour-voice-top-row) - 6px)!important;
    margin-bottom:0!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .bonjour-voice-crown{
    align-self:end!important;
    margin-bottom:-12px!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .regions-page-head .eyebrow{
    font-size:16px!important;
    line-height:1.3!important;
    margin:0 0 9px!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{
    font-size:30px!important;
    line-height:1.14!important;
    margin:0!important;
    max-width:none!important;
  }
  body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>#regionsHelp{
    font-size:14px!important;
    line-height:1.5!important;
    max-width:73%!important;
    margin:9px 0 20px 27%!important;
  }
  body[data-bonjour-pwa="1"] .regions-card .regions-help{
    font-size:14px!important;
    line-height:1.5!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-bonjour-pwa="1"] .regions-card .regions-list .status-pill.open{
    animation:none!important;will-change:auto!important;
  }
}

/* 1.21.74 — Harmonisation en-tête Salons : mobile conservé, tablette intermédiaire,
   PC descriptif pleine largeur. Aucun changement aux fenêtres. */
@media (min-width:721px) and (max-width:1023px){
 body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{grid-template-columns:minmax(0,25%) minmax(0,75%)!important;align-items:center!important;gap:0!important;margin-bottom:10px!important}
 body[data-bonjour-pwa="1"] .regions-card .bonjour-voice-crown{height:102px!important;max-width:118px!important;align-self:center!important;margin-bottom:0!important}
 body[data-bonjour-pwa="1"] .regions-card .regions-page-head .eyebrow{font-size:13px!important;line-height:1.3!important;margin:0 0 7px!important}
 body[data-bonjour-pwa="1"] .regions-card .regions-page-head h2{font-size:25px!important;line-height:1.16!important;margin:0!important}
 body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>#regionsHelp{font-size:13px!important;line-height:1.5!important;max-width:100%!important;margin:7px 0 17px!important}
}
@media (min-width:1024px){
 body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>.bonjour-voice-heading-band{grid-template-columns:minmax(0,25%) minmax(0,75%)!important;align-items:center!important;gap:0!important;margin-bottom:8px!important}
 body[data-bonjour-pwa="1"] .regions-card .bonjour-voice-crown{align-self:center!important;margin-bottom:0!important}
 body[data-bonjour-pwa="1"] .regions-card.bonjour-voice-ready>#regionsHelp{font-size:14px!important;line-height:1.5!important;max-width:100%!important;margin:8px 0 19px!important}
}