#elementor-popup-modal-385 .dialog-widget-content{animation-duration:0.4s;background-color:rgba(0,0,0,0);border-radius:30px 30px 30px 30px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-385{background-color:var( --e-global-color-pdovoile30 );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-385 .dialog-message{width:769px;height:auto;}#elementor-popup-modal-385 .dialog-close-button{display:flex;top:16px;font-size:14px;}body:not(.rtl) #elementor-popup-modal-385 .dialog-close-button{right:16px;}body.rtl #elementor-popup-modal-385 .dialog-close-button{left:16px;}#elementor-popup-modal-385 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-385 .dialog-close-button svg{fill:var( --e-global-color-accent );}#elementor-popup-modal-385 .dialog-close-button:hover i{color:var( --e-global-color-pdoblanc );}@media(max-width:1024px){#elementor-popup-modal-385 .dialog-message{width:75vw;}}@media(max-width:767px){#elementor-popup-modal-385 .dialog-message{width:92vw;}#elementor-popup-modal-385 .dialog-widget-content{border-radius:20px 20px 20px 20px;}}/* Start custom CSS *//* Bouton fermer (maquette, noeud 68:18) : rond vert, croix creme.
   Le reglage natif ne propose ni fond rond ni taille de zone, et sa couleur ne s'applique pas au SVG.
   32 px en desktop et tablette, 44 px en mobile (zone tactile). */
#elementor-popup-modal-385 .dialog-close-button { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--pdo-vert); color: var(--pdo-creme); transition: background-color .3s; }
#elementor-popup-modal-385 .dialog-close-button svg { fill: currentColor; }
#elementor-popup-modal-385 .dialog-close-button:hover { background-color: var(--pdo-vert-fonce); }
@media (max-width: 767px) { #elementor-popup-modal-385 .dialog-close-button { width: 44px; height: 44px; } }
/* Focus clavier en creme sur la carte sombre (le vert fonce du site y serait invisible). */
#elementor-popup-modal-385 :is(a, button, .dialog-close-button):focus-visible { outline: 2px solid var(--pdo-creme); outline-offset: 3px; }

/* BANDEAU MOBILE (moins de 768 px ; décision de Can du 23/10/2026, agrandi le 28/10/2026 pour les menus longs).
   Même popup 385, mêmes champs ACF, même déclencheur (8 s, une fois par session), même interrupteur et même date de fin :
   seule la mise en page change. Fenêtre posée au-dessus de la barre Appeler / Réserver (56 px + zone de sécurité de
   l'iPhone), haute de 85 % de l'écran au plus, sans voile ni blocage de la page derrière.
   Trois zones : en-tête fixe (la croix y est posée, le texte ne passe jamais dessous), texte qui défile, boutons fixés en bas. */
@media (max-width: 767px) {
  #elementor-popup-modal-385 { background-color: transparent; pointer-events: none; }
  #elementor-popup-modal-385 .dialog-widget-content {
    position: fixed; top: auto; left: var(--pdo-space-xs); right: var(--pdo-space-xs);
    bottom: calc(56px + env(safe-area-inset-bottom) + var(--pdo-space-xs));
    width: auto; margin: 0; border-radius: 12px; pointer-events: auto; overflow: hidden;
    max-height: min(85vh, calc(100vh - 56px - env(safe-area-inset-bottom) - 2 * var(--pdo-space-xs)));
    max-height: min(85dvh, calc(100dvh - 56px - env(safe-area-inset-bottom) - 2 * var(--pdo-space-xs)));
    display: flex; flex-direction: column;
    background-color: var(--pdo-brun);
    padding-top: 60px; /* en-tête fixe : croix de 44 px + 8 px de marge haute et basse */
  }
  #elementor-popup-modal-385 .dialog-message { width: 100%; flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  /* Fond brun uni : la photo et son voile sont masqués, texte blanc à 10:1 */
  #elementor-popup-modal-385 .pdo-popup {
    min-height: 0; overflow: visible; justify-content: flex-start; border-radius: 0;
    background-color: var(--pdo-brun); padding: 0 var(--pdo-space-s);
  }
  #elementor-popup-modal-385 :is(.pdo-popup__image, .pdo-popup__voile) { display: none; }
  #elementor-popup-modal-385 .pdo-popup__contenu { align-items: center; text-align: center; gap: 4px; }
  #elementor-popup-modal-385 .pdo-popup__titre { font-size: 15px; line-height: 1.3; text-transform: uppercase; letter-spacing: .06em; }
  #elementor-popup-modal-385 .pdo-popup__script { font-size: 36px; line-height: 1.15; } /* Caveat */
  #elementor-popup-modal-385 .pdo-popup__infos { font-size: 16px; line-height: 1.4; }
  /* Boutons fixés en bas de la fenêtre (le texte défile au-dessus), même style qu'en desktop : Réserver vert plein,
     Appeler crème ; même largeur, côte à côte si la place le permet, sinon l'un sous l'autre à pleine largeur. */
  #elementor-popup-modal-385 .pdo-popup__actions {
    position: sticky; bottom: 0; z-index: 3; align-self: stretch;
    width: calc(100% + 2 * var(--pdo-space-s)); max-width: none; box-sizing: border-box; /* pleine largeur de la fenêtre */
    margin: var(--pdo-space-s) calc(-1 * var(--pdo-space-s)) 0; padding: var(--pdo-space-s);
    background-color: var(--pdo-brun); border-top: 1px solid color-mix(in srgb, var(--pdo-creme) 15%, transparent);
  }
  #elementor-popup-modal-385 .pdo-popup__actions .pdo-popup__bouton { flex: 1 1 200px; max-width: none; margin: 0; }
  #elementor-popup-modal-385 .dialog-close-button { top: var(--pdo-space-xs); right: var(--pdo-space-xs); }
  /* Le réglage « Empêcher le défilement de la page » de la popup reste actif pour le desktop :
     il est neutralisé en mobile tant que la fenêtre est ouverte (le menu 291 garde son blocage). */
  body.dialog-prevent-scroll:has(#elementor-popup-modal-385:not([style*="display: none"])) { max-height: none; overflow: visible; }
  /* Ouvrir le menu mobile (291) ferme la fenêtre : comportement natif d'Elementor (une seule fenêtre à la fois). */
}
/* Croix du bandeau : contour crème au clavier seulement, jamais au toucher. Elementor place le focus sur la croix à
   l'ouverture ; sur un écran tactile sans souris, le navigateur peut afficher ce focus comme un focus clavier :
   le contour est donc retiré sur ces appareils (VoiceOver et TalkBack affichent leur propre repère). */
@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
  #elementor-popup-modal-385 .dialog-close-button:is(:focus, :focus-visible) { outline: none; box-shadow: none; } /* box-shadow : anneau blanc du reset.css de Hello */
}

/* MENUS LONGS (28/10/2026, menu de la Saint-Sylvestre) : la carte grandit avec son contenu (« Menu ou programme »,
   « Phrase de fin ») ; espacements resserrés dans les classes pdo-popup* pour tenir sans défilement en 1366 × 768.
   Si un texte plus long la fait dépasser de l'écran, elle défile à l'intérieur et la croix, posée sur le cadre qui ne
   défile pas, reste visible. */
@media (min-width: 768px) {
  #elementor-popup-modal-385 .dialog-message { max-height: calc(100vh - 2 * var(--pdo-space-s)); overflow-y: auto; overscroll-behavior: contain; }
}
/* Barre de défilement fine et discrète (crème à 45 %) au lieu de la barre blanche du navigateur */
#elementor-popup-modal-385 .dialog-message { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--pdo-creme) 45%, transparent) transparent; }
#elementor-popup-modal-385 .dialog-message::-webkit-scrollbar { width: 6px; }
#elementor-popup-modal-385 .dialog-message::-webkit-scrollbar-track { background: transparent; }
#elementor-popup-modal-385 .dialog-message::-webkit-scrollbar-thumb { background-color: color-mix(in srgb, var(--pdo-creme) 45%, transparent); border-radius: 3px; }/* End custom CSS */