/*
 * Correctifs du CANEVAS de l'éditeur de blocs.
 *
 * Ce fichier ne s'applique qu'à l'intérieur de l'iframe d'édition : il corrige
 * ce que le cœur impose aux blocs sélectionnables et qui fausse l'aperçu. Les
 * styles des panneaux de droite, eux, vivent dans admin.css — ils sont dans un
 * autre document.
 */


/* ==========================================================================
   DÉCORS
   ========================================================================== */

/*
 * useBlockProps ajoute à l'élément du bloc les classes
 * block-editor-block-list__block et wp-block, que le cœur style en
 * position: relative avec une spécificité supérieure à la nôtre. Sans ce
 * correctif, les décors retombent dans le flux et repoussent le contenu du
 * héros vers le bas, alors qu'en production ils sont en absolu.
 */
.editor-styles-wrapper .cimo-decor.wp-block,
.editor-styles-wrapper .cimo-decor {
	position: absolute !important;
}

/*
 * En production les décors portent pointer-events: none pour ne jamais
 * intercepter un clic. Dans l'éditeur ils seraient alors impossibles à
 * sélectionner.
 */
.editor-styles-wrapper .cimo-decor {
	pointer-events: auto;
}

/*
 * L'opacité n'est PAS forcée à 1 sur le décor sélectionné, contrairement à ce
 * qu'on pourrait croire utile. L'intention était bonne, l'effet mauvais : un
 * bloc est sélectionné précisément pendant qu'on règle son opacité, le curseur
 * ne montrait donc jamais son résultat. Ce qui localise une forme, c'est son
 * contour de sélection — visible même à 0 %.
 */


/* ==========================================================================
   CALQUE DE CLIC DES CARTES
   ========================================================================== */

/*
 * Le lien qui couvre une carte doit laisser passer les clics dans l'éditeur,
 * sinon le contenu de la carte devient inatteignable. Le markup reste
 * identique des deux côtés : seul ce comportement change.
 */
.editor-styles-wrapper .cimo-box__link {
	pointer-events: none;
}


/* ==========================================================================
   LISIBILITÉ DES BLOCS VIDES
   ========================================================================== */

/*
 * Une section ou une grille sans contenu n'a aucune hauteur : elle devient
 * impossible à viser. On lui donne une hauteur minimale et un contour, dans
 * l'éditeur seulement.
 */
.editor-styles-wrapper .cimo-section:not( :has( > * ) ),
.editor-styles-wrapper .cimo-grid:not( :has( > * ) ),
.editor-styles-wrapper .cimo-box__body:not( :has( > * ) ) {
	min-height: 60px;
	outline: 1px dashed rgba( 255, 255, 255, 0.2 );
	outline-offset: -1px;
}

/* La couche de fond d'une carte ne doit pas être sélectionnable : ce n'est pas
   un bloc, c'est un morceau de la carte. */
.editor-styles-wrapper .cimo-cut__fill,
.editor-styles-wrapper .cimo-cut__scrim,
.editor-styles-wrapper .cimo-box__corner {
	pointer-events: none;
}