/* ==========================================================================
   Bloc masqué : un bloc portant la classe « tl-masque » (Avancé › Classes
   CSS additionnelles) n'apparaît pas sur le site, mais reste dans la page.
   Dans l'éditeur, il reste visible, estompé et entouré d'un pointillé doré,
   pour qu'on sache qu'il est là. Pour le remettre : retirer la classe.
   ========================================================================== */

/* Sur le site. */
.wp-site-blocks .tl-masque {
display: none !important;
}

/* Dans l'éditeur. */
.editor-styles-wrapper .tl-masque {
position: relative;
opacity: 0.45;
outline: 2px dashed #c9a24e;
outline-offset: 4px;
}

.editor-styles-wrapper .tl-masque::before {
content: "Masqué sur le site";
position: absolute;
top: -0.9rem;
left: 0.6rem;
z-index: 5;
padding: 0.1rem 0.5rem;
background: #c9a24e;
color: #1a1411;
font: 600 0.7rem/1.4 sans-serif;
letter-spacing: 0.06em;
text-transform: uppercase;
}