/* Force le style de l'iframe */
 .digiser-iframe {
     width: 100%;
     border: none;
     height: 700px;
     overflow: hidden;

     border-width: 0;
     border-style: none;
     box-shadow: none;
 }

 /* Collée au bouton ⛶ : annule l'espacement entre blocs du thème (24 px au-dessus de chaque bloc)
    — « iframe. » pour passer devant « :root :where(.is-layout-constrained) > * » */
 iframe.digiser-iframe {
     display: block;
     margin-top: 0;
 }

 .dsi-line {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 20px;
     flex-wrap: wrap;
 }

 .dsi-line label {
     font-weight: 600;
 }

 .dsi-line input[type="text"],
 .dsi-line input[type="number"] {
     width: 200px;
 }

 .wrapDigiSearch h1 {
     color: black;
 }


 .dsi-btn-wrapper {
     display: flex;
     justify-content: flex-end;
     /* bouton à droite */
     margin-right: 10px;
     /* marge droite */
     margin-bottom: 0px;
 }

 /* Pas d'espace au-dessus du bouton ⛶ : annule l'espacement entre blocs des thèmes WordPress
    (« :root :where(.is-layout-constrained) > * { margin-block-start } ») — « div. » pour passer devant */
 div.dsi-btn-wrapper {
     margin-top: 0;
     padding-top: 0;
 }



 /* Base commune */
 .dsi-btn {
     background: #fff;
     border: 1px solid #ccc;
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
     padding: 0;
     z-index: 2147483647 !important;
 }

 .dsi-btn:hover {
     background: #f0f0f0;
 }

 /* Bouton fullscreen ⛶ */
 .dsi-icon-btn {
     width: 34px;
     height: 34px;
     font-size: 18px;
     line-height: 32px;
     float: right;
     margin-right: 10px;
     /* marge droite */
     margin-bottom: 0px;
     /* Dans la page : z-index ordinaire (le maximum de .dsi-btn ne sert qu'au ✕ de la fenêtre plein écran).
        Sinon, en faisant défiler, il passait au-dessus de la barre d'administration WordPress (z-index 99999). */
     position: relative;
     z-index: 1 !important;
 }

 /* Bouton fermeture ✕ */
 .dsi-close-btn {
     position: absolute;
     top: 5px;
     right: 20px;
     /* plus à gauche */
     width: 34px;
     height: 34px;
     font-size: 10px;
     line-height: 20px;
 }




 /* Popup plein écran */
 .dsi-modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.7);
     z-index: 2147483647 !important;
 }

 /* Shortcode posé comme bloc de page : le thème WordPress donne à chaque bloc une marge en haut
    (24 px, qui décale la fenêtre « fixed ») et une largeur limitée centrée (margin auto !important).
    On les annule : la fenêtre doit couvrir tout l'écran. */
 div.dsi-modal {
     margin: 0 !important;
     max-width: none !important;
 }

 .dsi-modal-content {
     position: absolute;
     top: 50%;
     /* centrage vertical */
     left: 50%;
     /* centrage horizontal */
     transform: translate(-50%, -50%);
     /* recentre parfaitement */
     width: 90vw;
     /* taille responsive */
     height: 90vh;
     background: #ffffff;
     border-radius: 8px;
     overflow: hidden;
 }


 /* .dsi-modal,
    .dsi-modal * {
        z-index: 2147483647 !important;
    } */


 body.dsi-modal-open .et_pb_section_0_tb_header {
     display: none !important;
 }

 /* Masquer le footer Divi pendant la modal */
 body.dsi-modal-open footer,
 body.dsi-modal-open .et_pb_footer,
 body.dsi-modal-open .et_pb_section_0_tb_footer,
 body.dsi-modal-open .et_pb_section_1_tb_footer,
 body.dsi-modal-open .et_pb_section_2_tb_footer {
     display: none !important;
 }


 /* Bande de 44 px EN HAUT pour le bouton ✕ (34 px + 5 px de chaque côté) : il ne recouvre plus le haut de l'app (langue, menu) */
 .dsi-modal-iframe {
     width: 100%;
     height: calc(100% - 44px);
     margin-top: 44px;
     border: none;
     display: block;
 }