/* ==========================================================================
   Builder — marges et espacements RESPONSIVES
   --------------------------------------------------------------------------
   Feuille du BUILDER, pas du thème : ces règles ne décrivent aucun style, elles
   appliquent les valeurs que les contrôles « Marge » et « Espacement » écrivent
   dans l'attribut `style` des éléments. Un thème n'a donc rien à reprendre, et
   changer de thème ne peut pas casser les marges des pages.

   Chargée aux DEUX endroits où le contenu du builder s'affiche :
     - le site public, par theme_head() (cœur, appelé par tous les thèmes) ;
     - le canevas de l'éditeur, via la liste `frontCss` de builder.php.
   ========================================================================== */

/* REMISE À ZÉRO — indispensable, et pas une précaution de style.
   Les propriétés personnalisées S'HÉRITENT. Sans cette remise à zéro, un bloc
   placé dans une section qui a une surcharge tablette héritait de `--awm-t` et
   l'appliquait à la place de sa propre valeur : mesuré, un enfant réglé à 8 px
   affichait les 25 px de son parent. Dans un builder tout est imbriqué
   (section > conteneur > ligne > cellule > bloc), donc le défaut était général.
   `initial` rend la variable « invalide garantie », ce qui force `var()` à
   prendre son repli. Le style EN LIGNE de l'élément, lui, l'emporte sur cette
   règle : sa propre valeur est donc préservée. */
[data-mgn] { --awm-d: initial; --awm-t: initial; --awm-m: initial; }
[data-pad] { --awp-d: initial; --awp-t: initial; --awp-m: initial; }

[data-mgn] { margin: var(--awm-d, 0); }
[data-pad] { padding: var(--awp-d, 0); }

@media (max-width: 991.98px) {
    [data-mgn] { margin: var(--awm-t, var(--awm-d, 0)); }
    [data-pad] { padding: var(--awp-t, var(--awp-d, 0)); }
}
@media (max-width: 767.98px) {
    [data-mgn] { margin: var(--awm-m, var(--awm-t, var(--awm-d, 0))); }
    [data-pad] { padding: var(--awp-m, var(--awp-t, var(--awp-d, 0))); }
}

/* Aperçu par appareil DANS l'éditeur : le canevas n'est pas redimensionné, il
   porte une classe. Les mêmes valeurs, déclenchées par le mode choisi. */
.content-background.mode-tablet [data-mgn] { margin: var(--awm-t, var(--awm-d, 0)); }
.content-background.mode-tablet [data-pad] { padding: var(--awp-t, var(--awp-d, 0)); }
.content-background.mode-mobile [data-mgn] { margin: var(--awm-m, var(--awm-t, var(--awm-d, 0))); }
.content-background.mode-mobile [data-pad] { padding: var(--awp-m, var(--awp-t, var(--awp-d, 0))); }