/**
 * Style « Encadré » de core/group, enregistré dans blocks/group-encadre.php.
 * Chargé sur le site et dans l'éditeur par oniti-core.php (tout fichier blocks/*.css).
 */

/* ==========================================================================
   Encadré en desktop, pleine largeur en mobile — style de core/group
   ==========================================================================
   Enregistré dans blocks/group-encadre.php. Exige l'alignement PLEINE LARGEUR :
   ce sont les marges négatives du cœur qui donnent l'accès aux bords. Le mobile
   est l'état par défaut, seul le desktop est bridé.

   À FAIRE DANS LE THÈME ENFANT — la bibliothèque ne porte aucune mesure de
   maquette. Sans ces deux lignes, l'encadré sort à angles droits :

       :root .is-style-encadre {
           --oniti-encadre-rayon: var(--wp--custom--rayon-carte); // token dans theme.json
           --oniti-encadre-largeur: <largeur si autre que wideSize>;
       }

   Padding : celui du cœur, la gouttière racine que reçoit tout bloc alignfull.
   Elle fait le padding de l'encadré, puis le dégagement au bord de l'écran.

   Le groupe doit être enfant direct de la racine ou d'un groupe contraint ;
   plus profond, il ne remonte qu'au bord de son parent.
   -------------------------------------------------------------------------- */

.is-style-encadre {
    --oniti-encadre-largeur: var(--wp--style--global--wide-size);
    --oniti-encadre-rayon: 0;
}

/* Palier par défaut. Une media query ne lit pas une custom property : un site
   qui bascule ailleurs redéclare cette règle dans son thème enfant. */
@media (width >= 768px) {
    /* Classe doublée : (0,3,0) contre les (0,2,0) du cœur, qui pose les marges
       négatives des blocs alignfull. */
    :root .is-style-encadre.is-style-encadre {
        max-width: var(--oniti-encadre-largeur);
        margin-inline: auto;

        /* Pas le panneau Bordure : son rayon part en style en ligne et
           resterait en mobile, contre le bord de l'écran. */
        border-radius: var(--oniti-encadre-rayon);
    }
}