/* BONJOUR — ZONE UNIQUE DE CALAGE VISUEL
 * Version de création : 1.21.15
 * Chargée APRÈS ui-contract.css.
 *
 * RÈGLE : aucune correction métier ici. Les réglages validés ensemble (position,
 * taille, marge, respiration) seront ajoutés écran par écran et breakpoint par
 * breakpoint. Ce fichier est volontairement NEUTRE dans 1.21.15.
 */

/* ======================================================================
   BONJOUR · CARTE DE VISITE — CALAGE UTILISATEUR 1.21.21
   ====================================================================== */
.contact-card-presentation{
  --bonjour-card-first-name-size:clamp(34px,5.1vw,48px);
  --bonjour-card-last-name-size:clamp(28px,4.2vw,38px);
  --bonjour-card-map-height:245px;
}

.contact-card-presentation .contact-card-identity h3{
  font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif);
  line-height:.9;
  letter-spacing:-.035em;
  font-weight:600;
  text-transform:none;
}
.contact-card-presentation .contact-card-identity h3 .first-name{
  font-size:var(--bonjour-card-first-name-size)!important;
  line-height:.9!important;
}
.contact-card-presentation .contact-card-identity h3 .last-name{
  font-size:clamp(33px,5.4vw,44px)!important;
  line-height:.80!important;
  font-weight:500;
}

.contact-card-presentation .contact-card-direct strong{
  font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif);
  font-size:clamp(20px,3vw,42px);
  font-weight:500;
  line-height:1.16;
}
.contact-card-presentation .contact-card-direct.email strong{
  font-size:clamp(14px,2.1vw,18px);
  color:#d9b95e;
  font-weight:400;
}
.contact-card-presentation .contact-card-role{
  margin:10px 0 0;
  color:#f1f5f3;
  font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif);
  font-size:clamp(14px,2vw,14px);
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}
.contact-card-presentation .contact-card-company{
  margin:7px 0 0;
  color:#d9b95e;
  font-size:clamp(14px,2vw,16px);
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.contact-card-presentation .contact-card-kicker{
  margin-bottom:12px;
  color:#90a39c;
  font-size:16px;
  letter-spacing:.1em;
  font-weight:500;
}
.contact-card-presentation .contact-card-website{
  display:inline-block;
  margin:13px auto 0;
  color:#aebdb7;
  text-decoration:none;
  font-size:22px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.contact-card-presentation .contact-card-socials{
  gap:10px;
}
.contact-card-presentation .contact-card-social{
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border:1px solid rgba(220,232,227,.14);
  border-radius:5px;
  background:#f3f4f0;
  color:#333333;
  display:grid;
  place-items:center;
  box-shadow:none;
}
.contact-card-presentation .contact-card-social svg{
  width:13px;
  height:13px;
  display:block;
}
.contact-card-presentation .contact-card-social:hover{
  background:#fff;
  transform:translateY(-1px);
}

.contact-card-presentation .contact-card-review-arrow{
  color:#d9b95e;
  font-size:0;
}
.contact-card-presentation .contact-card-review-stars{
  color:#d9b95e;
  font-size:16px;
  letter-spacing:.05em;
  white-space:nowrap;
  line-height:1.65;
}
.contact-card-presentation .contact-card-review-flow{
  color:#c6d1cd;
  font-size:12px;
  line-height:1.5;
}

.contact-card-presentation .contact-card-location{
  width:100%!important;
  max-width:none!important;
  margin:22px 0 0!important;
  border-radius:0!important;
}
.contact-card-presentation .contact-card-map{
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}
.contact-card-presentation .contact-card-map iframe{
  width:100%!important;
  height:var(--bonjour-card-map-height)!important;
  border:0!important;
  border-radius:0!important;
  filter:saturate(1.05) contrast(1.02)!important;
}

@media(max-width:620px){
  .contact-card-presentation{
    --bonjour-card-map-height:220px;
  }
}
 


/* Carte de visite · contrat graphique 1.22.42 (présentation, public et salon) */
.contact-card-presentation .contact-card-profile-photo,
.contact-card-live-preview .contact-card-profile-photo{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.contact-card-presentation .contact-card-kicker,
.contact-card-presentation .contact-card-review-eyebrow,
.bonjour-card-qr-eyebrow{
  font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important;
  font-weight:600!important;
  color:#ffcb49!important;
  font-size:clamp(10px,1.5vw,13px)!important;
  letter-spacing:.15em!important;
}
.contact-card-presentation .contact-card-identity h3,
.contact-card-presentation .contact-card-role,
.contact-card-presentation .contact-card-company,
.contact-card-presentation .contact-card-bio,
.contact-card-presentation .contact-card-direct strong,
.contact-card-presentation .contact-card-action,
.contact-card-presentation .contact-card-website,
.contact-card-presentation .contact-card-review-flow{
  font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important;
}
.contact-card-presentation .contact-card-identity h3 .first-name,
.contact-card-presentation .contact-card-company{
  color:#ffcc4c!important;
}
.contact-card-presentation .contact-card-identity h3 .last-name,
.contact-card-presentation .contact-card-role{
  color:#f5f9f6!important;
}
.contact-card-presentation .contact-card-identity h3 .last-name{
  font-size:clamp(33px,5.4vw,44px)!important;
  line-height:.94!important;
  letter-spacing:-.025em!important;
}
.contact-card-presentation .contact-card-role{font-size:clamp(14px,2.1vw,18px)!important;line-height:1.35!important;font-weight:600!important}
.contact-card-presentation .contact-card-company{font-size:clamp(11px,1.7vw,15px)!important}
.contact-card-presentation .contact-card-bio{font-size:clamp(13px,1.6vw,16px)!important;line-height:1.55!important}
.contact-card-presentation .contact-card-action{
  min-height:43px!important;height:auto!important;padding:10px 15px!important;
  font-size:clamp(12px,1.6vw,14px)!important;font-weight:700!important;
  border-radius:12px!important;
}
.contact-card-presentation .contact-card-action.primary{
  background:linear-gradient(180deg,#ffe38a 0%,#ffd065 48%,#ffb72e 100%)!important;
  color:#123a32!important;
  border:1px solid #ffdc79!important;
  box-shadow:none!important;
}
.contact-card-presentation .contact-card-action.share{
  background:linear-gradient(155deg,#16493e,#062a25 80%)!important;
  color:#ffcd52!important;border:1px solid #e8b83e!important;
}
.contact-card-presentation .contact-card-action.review{
  background:linear-gradient(150deg,#f8f9f4,#dfe8e2)!important;
  color:#163b32!important;
  border:1px solid rgba(245,247,244,.80)!important;
}
.contact-card-presentation .contact-card-social{
  width:38px!important;height:38px!important;min-width:38px!important;
  border-radius:10px!important;
  border:1px solid rgba(251,210,103,.35)!important;
  background:linear-gradient(145deg,#113b34,#051f1a)!important;
  color:#ffcf5b!important;
}
.contact-card-presentation .contact-card-social svg{width:16px!important;height:16px!important}
.bonjour-card-qr-section[hidden]{display:none!important}
.bonjour-card-qr-section{
  width:100%;padding:25px 20px max(32px,env(safe-area-inset-bottom));
  margin:0 auto;text-align:center;
  border-top:1px solid rgba(235,208,140,.16);
  background:transparent;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  color:#dfe9e4;font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif);
}
.bonjour-card-qr-code{display:grid;place-items:center;width:156px;height:156px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;line-height:0;cursor:pointer;transition:background .18s,color .18s}
.bonjour-card-qr-code svg{display:block;width:148px;height:148px;max-width:100%;background:transparent;filter:none}
.bonjour-card-qr-code.is-scannable{background:#fff;color:#102d27}
.bonjour-card-qr-code:focus-visible{outline:2px solid #ffd16a;outline-offset:3px}
.bonjour-card-qr-caption{max-width:285px;margin:0;color:#bdcec5;font-size:12px;line-height:1.5}
.bonjour-card-qr-url{color:#ffd365;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(255,211,101,.55);line-height:1.6}
@media(max-width:620px){
  .contact-card-presentation .contact-card-action{min-height:43px!important;padding:9px 12px!important}
  .contact-card-presentation .contact-card-identity h3 .last-name{font-size:clamp(30px,9vw,42px)!important}
  .contact-card-presentation .contact-card-bio{font-size:14px!important}
  .bonjour-card-qr-section{padding:24px 15px 38px}
}

/* ======================================================================
   BONJOUR 1.21.22 — CARTE DES PARTICIPANTS = CARTE DE VISITE RÉELLE
   Source unique : contactCardRenderHtml() + contact-card-presentation.
   Zone unique de finition, sans altérer les styles maîtres.
   ====================================================================== */
/* Accès carte : discret, aligné sur le prénom, sans pastille or. */
.participant-row .participant-name-line{
  display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;
}
.participant-row .participant-name-line>strong{
  min-width:0;max-width:100%;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.salon-contact-card-link{
  color:#d7e8e2!important;
  background:rgba(11,63,60,.32)!important;
  border:1px solid rgba(145,199,185,.19)!important;
  box-shadow:none!important;
}
.salon-contact-card-link:hover,.salon-contact-card-link:focus-visible{
  color:#f3f7f5!important;background:rgba(11,63,60,.58)!important;
  border-color:rgba(164,214,200,.38)!important;
}
.participant-name-line .salon-contact-card-link.participant-name-card{
  flex:0 0 31px;width:31px;min-width:31px;max-width:31px;height:31px;min-height:31px!important;
  margin:0!important;padding:0!important;border-radius:9px!important;
  display:grid!important;place-items:center!important;
}
.participant-name-line .salon-contact-card-link.participant-name-card span{display:none!important}
.participant-name-line .salon-contact-card-link.participant-name-card svg{
  display:block;width:16px;height:16px;flex:none;stroke:currentColor;
}

/* Fenêtre : la carte conserve le même article et exactement le même contexte
   de styles que « Ma carte de visite » sur smartphone, tablette et PC. */
.salon-contact-card-modal{
  padding:max(8px,env(safe-area-inset-top)) 8px max(12px,env(safe-area-inset-bottom))!important;
  background:rgba(1,8,7,.9)!important;
  align-items:flex-start!important;
  overflow-x:hidden!important;overflow-y:auto!important;
}
.salon-contact-card-modal .salon-contact-card-sheet{
  width:min(760px,100%)!important;min-height:0!important;
  padding:0!important;margin:0 auto!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
.salon-contact-card-modal .salon-contact-card-body.contact-card-presentation{
  width:100%;min-height:0!important;margin:0!important;padding:0!important;
  display:grid;place-items:start center;position:relative;
  background:transparent!important;overflow:visible!important;
}
/* Pas d'habillage alternatif : mêmes rayons, ombres, hero, photo, nom,
   actions, réseaux et carte satellite que la présentation native. */
.salon-contact-card-modal .salon-contact-card-body.contact-card-presentation>.bonjour-contact-card{
  width:min(720px,100%)!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.salon-contact-card-modal .salon-contact-card-close{
  position:fixed!important;
  top:max(15px,calc(env(safe-area-inset-top) + 8px))!important;
  right:max(15px,calc(env(safe-area-inset-right) + 8px))!important;
  z-index:100100;min-height:38px;padding:0 13px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#eef5f2;border:1px solid rgba(151,202,191,.18);
  background:rgba(8,49,42,.92);border-radius:10px;
  font:800 12px/1 Roboto,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  box-shadow:0 8px 22px rgba(0,0,0,.16);backdrop-filter:blur(12px);
  cursor:pointer;
}
.salon-contact-card-modal .salon-contact-card-close:hover,
.salon-contact-card-modal .salon-contact-card-close:focus-visible{
  background:rgba(13,67,58,.96);outline-color:rgba(192,224,215,.58);
}
@media(max-width:680px){
  .salon-contact-card-modal .salon-contact-card-sheet{
    width:100%!important;min-height:0!important;
    background:transparent!important;border-radius:0!important;
  }
  .salon-contact-card-modal .salon-contact-card-body.contact-card-presentation{
    min-height:0!important;background:transparent!important;
  }
  .salon-contact-card-modal .salon-contact-card-body.contact-card-presentation>.bonjour-contact-card{
    width:100%!important;border-radius:21px!important;
  }
}

/* ======================================================================
   BONJOUR 1.21.24 — SYSTÈME VISUEL NOTIFICATIONS / MISES À JOUR
   Inspiration : logiciels créatifs haut de gamme, composition originale.
   Portée : Web App uniquement, sans changement fonctionnel.
   ====================================================================== */

:root{
  --bonjour-system-surface:#071f1c;
  --bonjour-system-surface-2:#061714;
  --bonjour-system-line:rgba(232,241,237,.10);
  --bonjour-system-text:#f1f5f3;
  --bonjour-system-muted:#9fb2ac;
  --bonjour-system-gold:#d9b95e;
  --bonjour-system-green:#1f8178;
  --bonjour-system-radius:16px;
}

/* ---------- Toasts courts : fins, centrés, non envahissants ---------- */
body[data-bonjour-pwa="1"] #toast.toast{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:max(18px,calc(env(safe-area-inset-top) + 14px))!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  z-index:100250!important;
  width:min(440px,calc(100vw - 28px))!important;
  max-width:440px!important;
  min-height:48px!important;
  padding:10px 14px 10px 52px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--bonjour-system-line)!important;
  border-radius:13px!important;
  background:rgba(6,29,25,.965)!important;
  color:var(--bonjour-system-text)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font-size:11.5px!important;
  line-height:1.42!important;
  text-align:left!important;
}
body[data-bonjour-pwa="1"] #toast.toast::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:32px!important;
  height:32px!important;
  transform:translateY(-50%)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035) url("./bonjour-app-icon-officiel.png") center/contain no-repeat!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
body[data-bonjour-pwa="1"] #toast.toast.hidden{display:none!important}

/* ---------- Réglages notifications : toujours centrés ---------- */
body[data-bonjour-pwa="1"] #bonjourNotificationsModal{
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(1,12,10,.38)!important;
  backdrop-filter:blur(6px) saturate(.94)!important;
  -webkit-backdrop-filter:blur(6px) saturate(.94)!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal{
  width:min(560px,calc(100vw - 32px))!important;
  max-width:560px!important;
  max-height:min(86dvh,720px)!important;
  padding:20px!important;
  overflow:auto!important;
  border:1px solid var(--bonjour-system-line)!important;
  border-radius:var(--bonjour-system-radius)!important;
  background:linear-gradient(180deg,var(--bonjour-system-surface),var(--bonjour-system-surface-2))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.44)!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head::before{
  content:""!important;
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035) url("./bonjour-app-icon-officiel.png") center/contain no-repeat!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head>div{min-width:0!important}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head .eyebrow{
  color:var(--bonjour-system-gold)!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head h3{
  margin:4px 0 0!important;
  color:var(--bonjour-system-text)!important;
  font-size:21px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-close{
  position:static!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
  color:#dce7e3!important;
  font-size:18px!important;
}
body[data-bonjour-pwa="1"] .bonjour-notifications-modal>.modal-subtitle{
  margin:0 0 14px!important;
  color:var(--bonjour-system-muted)!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-status{
  margin:0 0 12px!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.018)!important;
  color:#b8c7c2!important;
  font-size:10.5px!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences{
  display:grid!important;
  gap:6px!important;
  margin:0 0 14px!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences label{
  min-height:52px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.016)!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences label:hover{
  background:rgba(255,255,255,.028)!important;
  border-color:rgba(217,185,94,.14)!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences input{
  width:16px!important;height:16px!important;accent-color:var(--bonjour-system-green)!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences strong{
  display:block!important;
  color:#edf3f0!important;
  font-size:11.2px!important;
  line-height:1.25!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-preferences small{
  display:block!important;
  margin-top:2px!important;
  color:#849a93!important;
  font-size:9.7px!important;
  line-height:1.38!important;
}
body[data-bonjour-pwa="1"] .bonjour-enable-push{
  width:100%!important;
  min-height:40px!important;
  border-radius:9px!important;
  background:var(--bonjour-system-green)!important;
  box-shadow:none!important;
  font-size:11px!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-secondary{
  width:100%!important;
  min-height:36px!important;
  margin-top:7px!important;
  border:0!important;
  background:transparent!important;
  color:#8fa29c!important;
  font-size:10px!important;
}
body[data-bonjour-pwa="1"] .bonjour-push-note{
  margin:12px 0 0!important;
  color:#718980!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

/* ---------- Notifications salon / sécurité : même famille visuelle ---------- */
body[data-bonjour-pwa="1"] .closing-notice:not(.hidden),
body[data-bonjour-pwa="1"] .fight-notice:not(.hidden){
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:100220!important;
  width:min(520px,calc(100vw - 32px))!important;
  min-height:0!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid var(--bonjour-system-line)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(8,35,31,.985),rgba(5,24,21,.99))!important;
  box-shadow:0 26px 84px rgba(0,0,0,.44)!important;
  backdrop-filter:blur(12px)!important;
}
body[data-bonjour-pwa="1"] .closing-notice-icon,
body[data-bonjour-pwa="1"] .fight-notice-icon{
  width:38px!important;height:38px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(217,185,94,.16)!important;
  background:rgba(217,185,94,.06)!important;
  color:var(--bonjour-system-gold)!important;
  font-size:15px!important;
}
body[data-bonjour-pwa="1"] .fight-notice-icon{
  border-color:rgba(225,111,92,.20)!important;
  background:rgba(225,111,92,.07)!important;
  color:#e68b78!important;
}
body[data-bonjour-pwa="1"] .closing-notice-copy strong,
body[data-bonjour-pwa="1"] .fight-notice-copy strong{
  color:var(--bonjour-system-text)!important;
  font-size:12.5px!important;
  line-height:1.25!important;
}
body[data-bonjour-pwa="1"] .closing-notice-copy p,
body[data-bonjour-pwa="1"] .fight-notice-copy p{
  margin:4px 0 0!important;
  color:var(--bonjour-system-muted)!important;
  font-size:10.4px!important;
  line-height:1.45!important;
}
body[data-bonjour-pwa="1"] .closing-notice-ack,
body[data-bonjour-pwa="1"] .fight-notice-ack{
  min-width:86px!important;
  min-height:34px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.045)!important;
  color:#eef4f1!important;
  font-size:10px!important;
  font-weight:700!important;
}
body[data-bonjour-pwa="1"] .closing-notice-close{
  top:7px!important;right:7px!important;color:#90a39c!important;
}

/* ---------- Fenêtre Nouveautés Web App ---------- */
body[data-bonjour-pwa="1"] #whatsNewModal{
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(1,12,10,.38)!important;
  backdrop-filter:blur(6px) saturate(.94)!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-modal.whats-new-premium{
  width:min(760px,calc(100vw - 40px))!important;
  max-width:760px!important;
  max-height:min(86dvh,720px)!important;
  border:1px solid var(--bonjour-system-line)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,var(--bonjour-system-surface),var(--bonjour-system-surface-2))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
  overflow:hidden!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero{
  grid-template-columns:156px minmax(0,1fr)!important;
  gap:26px!important;
  min-height:150px!important;
  padding:24px 28px 22px!important;
  background:linear-gradient(135deg,#061a17,#0B3F3C)!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-logo-panel{
  min-height:88px!important;padding:0!important;justify-content:flex-start!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-logo{
  width:148px!important;
  height:auto!important;
  max-width:148px!important;
  max-height:94px!important;
  object-fit:contain!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero h3{
  font-size:24px!important;line-height:1.08!important;font-weight:600!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero p{
  font-size:11.3px!important;line-height:1.5!important;color:#9db0aa!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .update-version-card{
  margin:16px 22px 10px!important;padding:11px 13px!important;border-radius:10px!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .premium-roadmap{
  margin:0 22px!important;gap:7px!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .premium-roadmap article{
  min-height:82px!important;padding:11px!important;border-radius:10px!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-footer{
  padding:12px 22px 15px!important;
}
body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-footer .primary-button{
  width:220px!important;min-width:220px!important;min-height:38px!important;height:38px!important;
  border-radius:9px!important;background:var(--bonjour-system-green)!important;font-size:10.5px!important;
}

/* ---------- Responsive : le popup reste un popup, jamais un bottom-sheet géant ---------- */
@media(max-width:620px){
  body[data-bonjour-pwa="1"] #toast.toast{
    width:calc(100vw - 22px)!important;
    top:max(10px,calc(env(safe-area-inset-top) + 8px))!important;
    min-height:46px!important;
    padding:9px 11px 9px 48px!important;
    font-size:10.7px!important;
  }
  body[data-bonjour-pwa="1"] #toast.toast::before{left:8px!important;width:31px!important;height:31px!important}

  body[data-bonjour-pwa="1"] #bonjourNotificationsModal{
    align-items:center!important;
    padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
  }
  body[data-bonjour-pwa="1"] .bonjour-notifications-modal{
    width:100%!important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:15px!important;
    border-radius:15px!important;
  }
  body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head{
    grid-template-columns:42px minmax(0,1fr) 32px!important;gap:10px!important;
  }
  body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head::before{width:42px!important;height:42px!important;border-radius:10px!important}
  body[data-bonjour-pwa="1"] .bonjour-notifications-modal .modal-head h3{font-size:18px!important}
  body[data-bonjour-pwa="1"] .bonjour-push-preferences label{min-height:48px!important;padding:8px 9px!important}

  body[data-bonjour-pwa="1"] .closing-notice:not(.hidden),
  body[data-bonjour-pwa="1"] .fight-notice:not(.hidden){
    width:calc(100vw - 24px)!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;padding:13px!important;
  }
  body[data-bonjour-pwa="1"] .closing-notice-ack,
  body[data-bonjour-pwa="1"] .fight-notice-ack{
    grid-column:1/-1!important;width:100%!important;margin-top:2px!important;
  }

  body[data-bonjour-pwa="1"] #whatsNewModal{
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
  }
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-modal.whats-new-premium{
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    border-radius:15px!important;
  }
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero{
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    padding:20px 16px 16px!important;
    text-align:center!important;
  }
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-logo-panel{min-height:60px!important;justify-content:center!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-logo{width:120px!important;max-width:120px!important;max-height:72px!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero-copy{padding:0!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-hero h3{font-size:20px!important;margin:8px auto 5px!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .premium-roadmap{grid-template-columns:1fr!important;margin:0 12px!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .update-version-card{margin:12px 12px 8px!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-footer{padding:10px 12px 13px!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-footer .primary-button{width:100%!important;min-width:0!important}
}

/* Tablette : légèrement plus large, toujours centrée. */
@media(min-width:621px) and (max-width:1024px){
  body[data-bonjour-pwa="1"] .bonjour-notifications-modal{width:min(600px,calc(100vw - 48px))!important}
  body[data-bonjour-pwa="1"] #whatsNewModal .whats-new-modal.whats-new-premium{width:min(720px,calc(100vw - 48px))!important}
}

/* ======================================================================
   BONJOUR 1.21.25 — PAGE BONJOUR POUR WINDOWS
   Recalage intégral smartphone / tablette / laptop / PC
   Portée : page Windows uniquement. Aucun impact fonctionnel.
   ====================================================================== */

:root{
  --bonjour-windows-modal-max: 780px;
  --bonjour-windows-return-width: 136px;
  --bonjour-windows-return-height: 48px;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal.windows-download-backdrop{
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(2,14,12,.34)!important;
  backdrop-filter:blur(6px) saturate(.95)!important;
  -webkit-backdrop-filter:blur(6px) saturate(.95)!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-modal{
  position:relative!important;
  width:min(var(--bonjour-windows-modal-max),calc(100vw - 40px))!important;
  max-width:var(--bonjour-windows-modal-max)!important;
  max-height:min(88dvh,920px)!important;
  overflow:auto!important;
  padding:26px 26px 22px!important;
  border-radius:20px!important;
  border:1px solid rgba(214,229,223,.12)!important;
  background:
    radial-gradient(circle at top right, rgba(31,129,120,.12), transparent 34%),
    linear-gradient(180deg, rgba(7,38,34,.985), rgba(5,24,21,.995))!important;
  box-shadow:0 28px 100px rgba(0,0,0,.46)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(121,158,149,.34) transparent;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-modal::-webkit-scrollbar{
  width:9px;height:9px;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-modal::-webkit-scrollbar-thumb{
  background:rgba(121,158,149,.34);
  border-radius:999px;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .bonjour-page-return{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  left:auto!important;
  width:var(--bonjour-windows-return-width)!important;
  min-width:var(--bonjour-windows-return-width)!important;
  height:var(--bonjour-windows-return-height)!important;
  min-height:var(--bonjour-windows-return-height)!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:14px!important;
  border:1px solid rgba(221,232,228,.10)!important;
  background:rgba(255,255,255,.028)!important;
  color:#edf4f1!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  padding:2px calc(var(--bonjour-windows-return-width) + 18px) 0 0!important;
  margin:0 0 4px!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-logo{
  width:60px!important;
  height:60px!important;
  padding:10px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(236,244,241,.12)!important;
  color:#f2f6f4!important;
  box-shadow:none!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-copy{
  min-width:0!important;
  display:block!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-copy>.eyebrow{
  display:block!important;
  margin:0 0 10px!important;
  color:#9cd0cb!important;
  font-size:11px!important;
  letter-spacing:.17em!important;
  font-weight:700!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
  margin:0!important;
  color:#f2f6f4!important;
  font-size:clamp(28px,4vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.032em!important;
  font-weight:600!important;
  text-wrap:balance!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero p{
  margin:14px 0 0!important;
  max-width:58ch!important;
  color:rgba(232,240,237,.72)!important;
  font-size:19px!important;
  line-height:1.45!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:22px 0 16px!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip span{
  min-height:38px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(225,236,232,.12)!important;
  background:rgba(255,255,255,.022)!important;
  color:rgba(240,246,244,.84)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip .windows-free{
  color:#f2e1a3!important;
  border-color:rgba(217,185,94,.28)!important;
  background:rgba(217,185,94,.06)!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card{
  margin:0!important;
  padding:18px 18px 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(225,236,232,.10)!important;
  background:rgba(0,0,0,.11)!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card strong{
  display:block!important;
  color:#f3f7f5!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:600!important;
  text-wrap:balance!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card p{
  margin:10px 0 0!important;
  color:rgba(232,240,237,.74)!important;
  font-size:17px!important;
  line-height:1.48!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card small{
  display:block!important;
  margin-top:11px!important;
  color:rgba(189,203,198,.76)!important;
  font-size:13px!important;
  line-height:1.45!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary{
  width:100%!important;
  min-height:54px!important;
  margin-top:16px!important;
  border-radius:12px!important;
  font-size:17px!important;
  font-weight:600!important;
  box-shadow:none!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary[aria-disabled="true"],
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary.disabled,
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary[disabled]{
  opacity:.65!important;
  filter:saturate(.68)!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide>div{
  min-height:122px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  border-radius:14px!important;
  border:1px solid rgba(224,235,231,.09)!important;
  background:rgba(255,255,255,.018)!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide i{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(230,238,235,.10)!important;
  color:#f2f6f4!important;
  font-style:normal!important;
  font-size:16px!important;
  font-weight:600!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide strong{
  display:block!important;
  color:#f0f6f3!important;
  font-size:20px!important;
  line-height:1.1!important;
  letter-spacing:-.018em!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide small{
  display:block!important;
  margin-top:8px!important;
  color:rgba(227,236,232,.68)!important;
  font-size:15px!important;
  line-height:1.45!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions .secondary-button{
  width:100%!important;
  min-height:48px!important;
  border-radius:12px!important;
  font-size:17px!important;
  font-weight:500!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-trust{
  margin:18px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(219,230,226,.10)!important;
  color:rgba(205,216,212,.76)!important;
  font-size:14px!important;
  line-height:1.6!important;
}

body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-trust strong{
  color:#f1f5f3!important;
  font-size:15px!important;
}

/* Laptop / tablette paysage : 2 étapes puis 1, pour éviter les cartes trop étroites. */
@media (max-width:980px){
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-modal{
    width:min(720px,calc(100vw - 28px))!important;
    padding:24px 22px 20px!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero{
    padding-right:calc(var(--bonjour-windows-return-width) + 12px)!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero p{
    font-size:17px!important;
    max-width:100%!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card strong{font-size:24px!important}
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card p{font-size:15px!important}
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide>div:last-child{
    grid-column:1/-1!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide strong{font-size:18px!important}
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide small{font-size:14px!important}
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions .secondary-button,
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary{
    font-size:15px!important;
  }
}

/* Smartphone / tablette portrait. */
@media (max-width:760px){
  :root{
    --bonjour-windows-return-width: 112px;
    --bonjour-windows-return-height: 42px;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal.windows-download-backdrop{
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    align-items:flex-start!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-modal{
    width:100%!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:18px 16px 16px!important;
    border-radius:18px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .bonjour-page-return{
    top:14px!important;
    right:14px!important;
    width:var(--bonjour-windows-return-width)!important;
    min-width:var(--bonjour-windows-return-width)!important;
    height:var(--bonjour-windows-return-height)!important;
    min-height:var(--bonjour-windows-return-height)!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
    margin:0 0 6px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-logo{
    width:46px!important;
    height:46px!important;
    padding:8px!important;
    border-radius:12px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-copy{
    padding-right:0!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-copy>.eyebrow{
    max-width:calc(100% - var(--bonjour-windows-return-width) - 6px)!important;
    margin:0 0 8px!important;
    font-size:9.5px!important;
    letter-spacing:.14em!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
    max-width:calc(100% - var(--bonjour-windows-return-width) - 6px)!important;
    font-size:clamp(22px,8vw,30px)!important;
    line-height:1.03!important;
    text-wrap:balance!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero p{
    margin-top:10px!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.52!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip{
    gap:8px!important;
    margin:16px 0 12px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip span{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card{
    padding:14px 14px 13px!important;
    border-radius:13px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card strong{
    font-size:20px!important;
    line-height:1.09!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card p{
    font-size:13px!important;
    line-height:1.5!important;
    margin-top:8px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card small{
    margin-top:9px!important;
    font-size:11px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary{
    min-height:48px!important;
    margin-top:14px!important;
    font-size:15px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:12px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide>div{
    min-height:0!important;
    padding:12px!important;
    border-radius:13px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide i{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide strong{
    font-size:16px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide small{
    margin-top:6px!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions .secondary-button{
    min-height:44px!important;
    font-size:14px!important;
  }

  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-trust{
    margin-top:15px!important;
    padding-top:12px!important;
    font-size:12px!important;
    line-height:1.56!important;
  }
}

/* Très petits smartphones. */
@media (max-width:390px){
  :root{
    --bonjour-windows-return-width: 104px;
    --bonjour-windows-return-height: 40px;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-copy>.eyebrow,
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
    max-width:calc(100% - var(--bonjour-windows-return-width) - 2px)!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip span{
    font-size:10.5px!important;
    padding:0 10px!important;
  }
}

/* ======================================================================
   BONJOUR 1.21.31 — PARTAGE UNIFIÉ · CODE + PERMALIEN
   Une seule présentation pour les codes de reprise dans la Web App.
   ====================================================================== */
.bonjour-share-code-card{
  margin:12px 0 0;
  padding:11px 12px;
  border:1px solid rgba(217,185,94,.18);
  border-radius:11px;
  background:rgba(217,185,94,.045);
  display:grid;
  gap:5px;
  min-width:0;
}
.bonjour-share-code-card>span{
  color:#d9b95e;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.bonjour-share-code-card code,
.bonjour-share-code-card .transfer-code{
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#f2f5f3;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.035em;
  overflow-wrap:anywhere;
}
.bonjour-share-code-card small{
  color:#91a49e;
  font-size:10px;
  line-height:1.4;
}
.bonjour-share-code-card.compact{
  margin-top:10px;
  padding:9px 10px;
}
@media(max-width:620px){
  .bonjour-share-code-card{padding:10px;border-radius:10px}
  .bonjour-share-code-card code,
  .bonjour-share-code-card .transfer-code{font-size:11.5px;letter-spacing:.02em}
  .bonjour-share-code-card small{font-size:9.5px}
}


/* ======================================================================
   BONJOUR 1.21.32 — TRANSFERT · RÉCUPÉRER AVEC UN CODE
   ====================================================================== */
.transfer-view .transfer-receive-code-shell{
  margin:0 0 16px;
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid rgba(224,235,231,.09);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.transfer-view .transfer-receive-code-intro{
  min-width:0;
}
.transfer-view .transfer-receive-code-intro .eyebrow{
  display:block;
  margin:0 0 5px;
  color:#90d0c7;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:600;
}
.transfer-view .transfer-receive-code-intro strong{
  display:block;
  color:#f0f5f2;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
}
.transfer-view .transfer-receive-code-intro small{
  display:block;
  margin-top:4px;
  color:#94aaa3;
  font-size:11px;
  line-height:1.45;
}
.transfer-view .transfer-receive-code-toggle{
  width:auto!important;
  min-width:122px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
.transfer-view .transfer-receive-code-panel{
  margin:-5px 0 17px;
  padding:13px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  border:1px solid rgba(217,185,94,.17);
  border-radius:12px;
  background:rgba(217,185,94,.035);
}
.transfer-view .transfer-receive-code-panel.hidden{
  display:none!important;
}
.transfer-view .transfer-receive-code-panel label{
  min-width:0;
  margin:0;
  color:#b6c5c0;
  font-size:10px;
  font-weight:600;
}
.transfer-view #transferReceiveCodeInput{
  width:100%;
  min-height:42px;
  margin-top:6px;
  padding:0 12px;
  border:1px solid rgba(228,237,233,.12);
  border-radius:9px;
  background:rgba(1,17,15,.34);
  color:#f4f7f5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.transfer-view #transferReceiveCodeInput:focus{
  outline:none;
  border-color:rgba(217,185,94,.46);
  box-shadow:0 0 0 3px rgba(217,185,94,.07);
}
.transfer-view #transferReceiveCodeOpenBtn{
  width:auto!important;
  min-width:174px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
.transfer-view .transfer-receive-code-status{
  grid-column:1/-1;
  min-height:0;
  margin:0;
  color:#c3d0cc;
  font-size:10.5px;
  line-height:1.45;
}
.transfer-view .transfer-send-divider{
  margin:4px 0 16px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#708780;
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.transfer-view .transfer-send-divider::before,
.transfer-view .transfer-send-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(221,232,228,.075);
}

@media(max-width:620px){
  .transfer-view .transfer-receive-code-shell{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }
  .transfer-view .transfer-receive-code-toggle{
    width:100%!important;
  }
  .transfer-view .transfer-receive-code-panel{
    grid-template-columns:1fr;
    padding:12px;
  }
  .transfer-view #transferReceiveCodeOpenBtn{
    width:100%!important;
  }
}


/* BONJOUR 1.21.52 — CONSOLIDATION RESPONSIVE FINALE
   Source tardive pour les corrections transversales smartphone/tablette.
   Aucun état fonctionnel .hidden n'est neutralisé ici. */
body[data-bonjour-pwa="1"] .fight-notice{padding-right:44px!important}
body[data-bonjour-pwa="1"] .fight-notice-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,0,0,.18);color:#fff;font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2}
@media(max-width:700px){
  body[data-bonjour-pwa="1"] .page-head h2,
  body[data-bonjour-pwa="1"] .regions-page-head h2,
  body[data-bonjour-pwa="1"] .network-page-head h2,
  body[data-bonjour-pwa="1"] .join-card h2,
  body[data-bonjour-pwa="1"] .transfer-page-shell h1,
  body[data-bonjour-pwa="1"] .contact-card-view h1,
  body[data-bonjour-pwa="1"] .contribution-view h1{font-size:clamp(20px,5.8vw,24px)!important;line-height:1.06!important;letter-spacing:-.03em!important;overflow-wrap:anywhere}
  body[data-bonjour-pwa="1"] .productivity-page-head h2{font-size:clamp(19px,5.5vw,23px)!important;line-height:1.07!important}
  body[data-bonjour-pwa="1"] .fight-notice{position:fixed!important;left:10px!important;right:10px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:min(62dvh,440px)!important;overflow:auto!important;z-index:10000!important}
  body[data-bonjour-pwa="1"] input,body[data-bonjour-pwa="1"] select,body[data-bonjour-pwa="1"] textarea{max-width:100%}
  body[data-bonjour-pwa="1"] .bonjour-page-return{max-width:min(38vw,132px)}
}
@media(min-width:701px) and (max-width:1100px){
  body[data-bonjour-pwa="1"] .page-head h2,
  body[data-bonjour-pwa="1"] .regions-page-head h2,
  body[data-bonjour-pwa="1"] .join-card h2{font-size:clamp(24px,3.1vw,30px)!important;line-height:1.07!important}
}

/* ======================================================================
   BONJOUR 1.21.54 — SALONS PERMANENTS / CONTRAT PC
   Unifie cette page avec la densité, les rayons et la hiérarchie de la
   Web App PC. Aucun changement fonctionnel ni tablette/mobile.
   ====================================================================== */
@media (min-width:1100px) and (pointer:fine){
  body[data-bonjour-pwa="1"] .regions-view{
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:clamp(28px,3.4vw,54px)!important;
  }
  body[data-bonjour-pwa="1"] .regions-card{
    width:min(1040px,72vw)!important;max-width:1040px!important;
    max-height:min(820px,86dvh)!important;margin:auto!important;
    padding:28px 30px 30px!important;border-radius:20px!important;
    background:linear-gradient(145deg,rgba(4,27,23,.965),rgba(4,20,18,.95))!important;
    border:1px solid rgba(144,202,190,.13)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
    overflow:auto!important;scrollbar-gutter:stable!important;
  }
  body[data-bonjour-pwa="1"] .regions-page-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"title actions back"!important;align-items:start!important;
    gap:12px!important;padding:0!important;margin:0!important;
  }
  body[data-bonjour-pwa="1"] .regions-page-head>div:nth-child(2){grid-area:title!important;min-width:0!important}
  body[data-bonjour-pwa="1"] .regions-page-head .regions-head-actions{
    grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding-top:0!important;
  }
  body[data-bonjour-pwa="1"] .regions-page-head>.bonjour-page-return{
    grid-area:back!important;position:static!important;inset:auto!important;margin:0!important;
  }
  body[data-bonjour-pwa="1"] .regions-page-head .eyebrow{
    display:block!important;margin:2px 0 6px!important;font-size:9px!important;letter-spacing:.16em!important;
  }
  body[data-bonjour-pwa="1"] .regions-page-head h2{
    margin:0!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.025em!important;
  }
  body[data-bonjour-pwa="1"] .regions-head-actions #addPermanentRoomKeyBtn:not(.hidden),
  body[data-bonjour-pwa="1"] .regions-head-actions #createPermanentRoomBtn:not(.hidden){
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;height:38px!important;min-height:38px!important;padding:0 12px!important;
    border-radius:10px!important;font-size:10px!important;white-space:nowrap!important;
    background:rgba(11,63,60,.62)!important;border:1px solid rgba(151,202,191,.15)!important;color:#edf5f2!important;
  }
  body[data-bonjour-pwa="1"] .regions-help{
    max-width:700px!important;margin:10px 0 20px!important;font-size:11px!important;line-height:1.5!important;
    color:rgba(225,238,233,.66)!important;
  }
  body[data-bonjour-pwa="1"] .regions-list{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;align-items:stretch!important;
  }
  body[data-bonjour-pwa="1"] .region-row-wrap,
  body[data-bonjour-pwa="1"] .region-row-wrap.national-room{
    grid-column:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;align-items:stretch!important;min-width:0!important;border-radius:12px!important;
  }
  body[data-bonjour-pwa="1"] .region-row-wrap .region-row,
  body[data-bonjour-pwa="1"] .region-row-wrap.national-room .region-row{
    min-width:0!important;min-height:72px!important;height:100%!important;padding:12px 13px!important;
    border-radius:11px!important;background:rgba(5,29,25,.82)!important;
    border:1px solid rgba(151,202,191,.11)!important;box-shadow:none!important;
  }
  body[data-bonjour-pwa="1"] .region-row-wrap.national-room .region-row{
    background:linear-gradient(135deg,rgba(11,63,60,.34),rgba(5,29,25,.84))!important;
  }
  body[data-bonjour-pwa="1"] .region-row:hover{background:rgba(11,63,60,.30)!important;border-color:rgba(151,202,191,.22)!important}
  body[data-bonjour-pwa="1"] .region-main-copy{min-width:0!important;display:block!important}
  body[data-bonjour-pwa="1"] .region-main-copy strong{
    display:block!important;max-width:100%!important;font-size:12px!important;line-height:1.25!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body[data-bonjour-pwa="1"] .region-hours{margin-top:5px!important;font-size:8.5px!important;line-height:1.2!important;color:rgba(220,234,228,.52)!important}
  body[data-bonjour-pwa="1"] .region-community-meta{
    display:flex!important;align-items:center!important;gap:8px!important;margin-top:6px!important;
    font-size:9px!important;line-height:1.2!important;color:rgba(236,245,241,.88)!important;
  }
  body[data-bonjour-pwa="1"] .region-live-state{display:inline-flex!important;align-items:center!important;gap:5px!important}
  body[data-bonjour-pwa="1"] .region-live-state i{width:5px!important;height:5px!important}
  body[data-bonjour-pwa="1"] .status-pill{
    flex:0 0 auto!important;margin-left:8px!important;padding:4px 7px!important;font-size:7px!important;letter-spacing:.04em!important;
  }
  body[data-bonjour-pwa="1"] .region-admin-actions{
    display:grid!important;grid-template-columns:52px 52px!important;gap:6px!important;margin:0!important;align-items:stretch!important;
  }
  body[data-bonjour-pwa="1"] .region-share,
  body[data-bonjour-pwa="1"] .region-manage{
    width:52px!important;min-width:52px!important;height:auto!important;min-height:72px!important;padding:0 5px!important;
    border-radius:10px!important;font-size:8.5px!important;font-weight:600!important;
    background:rgba(11,63,60,.58)!important;border:1px solid rgba(151,202,191,.13)!important;color:#edf5f2!important;
  }
  body[data-bonjour-pwa="1"] .region-share:hover,
  body[data-bonjour-pwa="1"] .region-manage:hover{background:rgba(15,78,72,.76)!important;border-color:rgba(151,202,191,.24)!important}
}

@media (min-width:1100px) and (max-width:1399px) and (pointer:fine){
  body[data-bonjour-pwa="1"] .regions-card{width:min(980px,78vw)!important;padding:24px 25px 26px!important}
  body[data-bonjour-pwa="1"] .regions-list{gap:8px!important}
  body[data-bonjour-pwa="1"] .region-admin-actions{grid-template-columns:48px 48px!important}
  body[data-bonjour-pwa="1"] .region-share,body[data-bonjour-pwa="1"] .region-manage{width:48px!important;min-width:48px!important}
}

/* BONJOUR 1.21.58 — garde-fou d'état : hidden reste toujours souverain. */
body[data-bonjour-pwa="1"] .closing-notice.hidden,
body[data-bonjour-pwa="1"] .fight-notice,
body[data-bonjour-pwa="1"] .fight-notice.hidden{display:none!important}

/* BONJOUR 1.21.59 — TRANSFERT : saisie code toujours active sur tous les écrans. */
.transfer-view .transfer-receive-code-toggle{display:none!important}
.transfer-view .transfer-receive-code-panel{display:grid!important}
.transfer-view .transfer-receive-code-panel.hidden{display:grid!important}
@media(max-width:900px){
  body[data-bonjour-pwa="1"] .transfer-view .transfer-receive-code-panel{display:grid!important}
}

/* 1.21.71 — Actions de création des salons : or Bonjour officiel.
   Placé après les anciens ajustements pour éviter leur priorité CSS. */
body[data-bonjour-pwa="1"] .regions-card .regions-head-actions #addPermanentRoomKeyBtn:not(.hidden):not(:disabled),
body[data-bonjour-pwa="1"] .regions-card .regions-head-actions #createPermanentRoomBtn:not(.hidden):not(:disabled){
  background:linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo))!important;
  color:#12352e!important;
  border:1px solid rgba(255,212,90,.4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
@media(hover:hover){
  body[data-bonjour-pwa="1"] .regions-card .regions-head-actions #addPermanentRoomKeyBtn:not(.hidden):not(:disabled):hover,
  body[data-bonjour-pwa="1"] .regions-card .regions-head-actions #createPermanentRoomBtn:not(.hidden):not(:disabled):hover{
    background:linear-gradient(180deg,var(--bonjour-home-yellow-hi),var(--bonjour-home-yellow-lo))!important;
    filter:brightness(1.07);
  }
}


/* -----------------------------------------------------------------------
 * BONJOUR 1.22.46 : CARTE DE VISITE — CONTRAT UNIQUE DES COMMANDES
 * Actions textes uniquement : contact jaune-or, partage vert/or, avis ivoire.
 * Aucun pictogramme dans les actions ; largeur compacte, centrage stable.
 * Retour (carte personnelle et carte salon) : vert/or, en haut à droite.
 * Les fonctions et leurs attributs data-contact-action restent inchangés.
 * ----------------------------------------------------------------------- */
.contact-card-presentation .contact-card-profile-photo,
.contact-card-live-preview .contact-card-profile-photo,
.salon-contact-card-render .contact-card-profile-photo {
  border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;object-fit:contain!important;
  object-position:center bottom!important;mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
/* Retour : même langage que les boutons secondaires, toujours accessible. */
.contact-card-presentation .contact-card-owner-back,
.salon-contact-card-modal .salon-contact-card-close {
  position:fixed!important;left:auto!important;
  right:max(16px,env(safe-area-inset-right))!important;
  top:max(15px,calc(env(safe-area-inset-top) + 10px))!important;
  z-index:100101!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-width:106px!important;max-width:max-content!important;
  width:auto!important;height:44px!important;min-height:44px!important;
  padding:0 17px!important;border-radius:13px!important;
  border:1px solid #e4b33e!important;
  background:linear-gradient(160deg,#16483e 0%,#06251f 100%)!important;
  color:#ffd060!important;font:700 14px/1 var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.19)!important;
  cursor:pointer!important;
}
.contact-card-presentation .contact-card-owner-back:hover,
.salon-contact-card-modal .salon-contact-card-close:hover{filter:brightness(1.10)!important}
.contact-card-presentation .contact-card-owner-back:focus-visible,
.salon-contact-card-modal .salon-contact-card-close:focus-visible {
  outline:2px solid #ffe58d!important;outline-offset:3px!important;
}
.contact-card-presentation .contact-card-kicker,
.contact-card-presentation .contact-card-company,
.contact-card-presentation .contact-card-identity h3,
.contact-card-presentation .contact-card-role,
.contact-card-presentation .contact-card-direct strong,
.contact-card-presentation .contact-card-action,
.bonjour-card-qr-section{font-family:var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important}
.contact-card-presentation .contact-card-identity h3 .first-name,
.contact-card-presentation .contact-card-company,
.contact-card-presentation .contact-card-direct.email strong {
  background:linear-gradient(180deg,#ffe69b 0%,#ffcd4e 52%,#f0aa26 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#ffcd4e!important;
}
.contact-card-presentation .contact-card-direct.phone strong {
  font-size:clamp(23px,4.1vw,33px)!important;font-weight:700!important;
  letter-spacing:-.02em!important;line-height:1.1!important;
  max-width:100%!important;overflow-wrap:anywhere!important;
}
/* Compact et centré, y compris sur petit iPhone : pas de pleine largeur. */
.contact-card-presentation .contact-card-actions {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  grid-template-columns:none!important;gap:9px!important;
  width:100%!important;max-width:100%!important;margin:27px auto 0!important;
  padding:0!important;
}
.contact-card-presentation .contact-card-action {
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:min(82%,330px)!important;max-width:330px!important;
  min-width:0!important;height:auto!important;min-height:45px!important;
  margin:0 auto!important;padding:10px 14px!important;
  border-radius:12px!important;
  font-size:clamp(12px,1.65vw,14px)!important;font-weight:700!important;
  line-height:1.2!important;text-align:center!important;letter-spacing:.002em!important;
  text-decoration:none!important;box-shadow:none!important;
  white-space:normal!important;cursor:pointer!important;
}
.contact-card-presentation .contact-card-action svg,
.contact-card-presentation .contact-card-action .bonjour-card-action-icon {display:none!important}
.contact-card-presentation .contact-card-action.primary {
  color:#11372f!important;
  background:linear-gradient(180deg,#ffe58b 0%,#ffcc51 52%,#ffb629 100%)!important;
  border:1px solid #ffe085!important;
}
.contact-card-presentation .contact-card-action.share {
  color:#ffce55!important;
  background:linear-gradient(155deg,#184d43,#06241f 85%)!important;
  border:1px solid #e8b741!important;
}
.contact-card-presentation .contact-card-action.review {
  color:#153b32!important;
  background:linear-gradient(160deg,#f9faf7,#dfe8e2)!important;
  border:1px solid rgba(244,246,242,.92)!important;
}
.contact-card-presentation .contact-card-action:focus-visible {
  outline:2px solid #ffe58d!important;outline-offset:3px!important;
}
/* Espace QR blanc sur transparence : aucune décoration excessive. */
.bonjour-card-qr-section {
  border:0!important;border-top:1px solid rgba(222,183,83,.19)!important;
  padding:30px 20px max(34px,env(safe-area-inset-bottom))!important;
  display:flex!important;align-items:center!important;flex-direction:column!important;
  gap:10px!important;background:transparent!important;
}
.bonjour-card-qr-section[hidden]{display:none!important}
.bonjour-card-qr-eyebrow {
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:14px!important;width:100%!important;color:#ffd36a!important;
  font:700 12px/1.4 var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important;
  letter-spacing:.16em!important;
}
.bonjour-card-qr-eyebrow::before,.bonjour-card-qr-eyebrow::after {
  content:"";display:block;flex:1 1 20px;height:1px;max-width:92px;
  background:linear-gradient(90deg,transparent,rgba(239,183,59,.75));
}
.bonjour-card-qr-eyebrow::after{transform:rotate(180deg)}
.bonjour-card-qr-intro {color:#f3f3ee!important;margin:0!important;font-size:15px!important;line-height:1.4!important}
.bonjour-card-qr-code {
  margin:5px auto 0!important;width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;
  background:transparent!important;border:0!important;padding:0!important;
  color:#fff!important;cursor:pointer!important;
}
.bonjour-card-qr-code svg {width:148px!important;height:148px!important;background:transparent!important}
.bonjour-card-qr-code.is-scannable{background:#fff!important;color:#102d27!important}
.bonjour-card-qr-caption{max-width:290px!important;font-size:12.5px!important;line-height:1.5!important;color:#c4d1cb!important;margin:1px 0 0!important}
.bonjour-card-qr-url {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#ffcd4e!important;padding:9px 18px!important;border:1px solid #dbad3a!important;
  border-radius:999px!important;background:linear-gradient(160deg,#15493e,#06261f)!important;
  font-size:13px!important;font-weight:700!important;text-decoration:none!important;margin-top:2px!important;
}
.bonjour-card-qr-url[hidden]{display:none!important}
@media(max-width:620px){
  .contact-card-presentation .contact-card-actions{gap:8px!important;margin-top:23px!important}
  .contact-card-presentation .contact-card-action{
    width:min(82%,315px)!important;max-width:315px!important;
    min-height:43px!important;font-size:13px!important;padding:10px 12px!important;
  }
  .contact-card-presentation .contact-card-direct.phone strong {font-size:clamp(24px,6.6vw,29px)!important}
  .bonjour-card-qr-section{padding:27px 18px 38px!important}
}

/* BONJOUR 1.22.47 — QR carte : visibilité et reprise indépendantes du HUB.
   Le guide est permanent, le code n'est montré que si le lien existe. */
.contact-card-presentation .bonjour-card-qr-section{display:flex!important;flex-direction:column!important;align-items:center!important;box-sizing:border-box!important;max-width:100%!important}
.contact-card-presentation .bonjour-card-qr-code[hidden],
.contact-card-presentation .bonjour-card-qr-status[hidden],
.contact-card-presentation .bonjour-card-qr-retry[hidden],
.contact-card-presentation .bonjour-card-qr-url[hidden],
.salon-contact-card-modal .bonjour-card-qr-code[hidden],
.salon-contact-card-modal .bonjour-card-qr-status[hidden],
.salon-contact-card-modal .bonjour-card-qr-retry[hidden],
.salon-contact-card-modal .bonjour-card-qr-url[hidden]{display:none!important}
.bonjour-card-qr-status{max-width:320px;text-align:center;color:#b7c9c2;font:500 13px/1.5 var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif)!important}
.bonjour-card-qr-retry{margin-top:3px;min-height:38px;padding:8px 19px;border:1px solid #e5b643;border-radius:11px;background:linear-gradient(150deg,#16483e,#06251f);color:#ffd068;font:700 13px/1.3 var(--bonjour-display-font,"Dubai",Roboto,Arial,sans-serif);cursor:pointer}
.bonjour-card-qr-section .bonjour-card-qr-intro{max-width:315px;text-align:center}