/*

* ============================================================
* BLOC COMMENTAIRES
* ============================================================
  */

/*

* Zone du verrouillage.
* Tout est centré dans la largeur disponible.
  */

.bc-contenu-verrouille,
.bc-bloc-editeur .bc-zone {
text-align: center;
}

/*

* Image / bannière.
  */

.bc-image {
text-align: center;
margin: 0 auto 20px;
}

.bc-image img {
display: inline-block;
max-width: 100%;
height: auto;
}

/*

* Titre du verrou.
  */

.bc-titre {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}

/*

* Message indiquant le nombre de commentaires.
  */

.bc-info {
text-align: center;
margin-bottom: 20px;
}

/*

* Contenu après déverrouillage.
*
* Le texte est centré, mais les images restent
* proportionnelles et ne dépassent pas la largeur.
  */

.bc-contenu-deverrouille {
text-align: center;
}

.bc-contenu-deverrouille img {
max-width: 100%;
height: auto;
}

/* ==========================================================
   BLOC COMMENTAIRES — PRESENTATION
   ========================================================== */


/* Zone générale du bloc */

.bc-bloc-editeur,
.bc-contenu-verrouille,
.bc-contenu-deverrouille {
    width: 100%;
    text-align: center;
}


/* Titre du verrou */

.bc-titre {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
}


/* Message indiquant le nombre de commentaires */

.bc-info {
    font-size: 1.15em;
    margin-bottom: 20px;
}


/* Contenu une fois déverrouillé */

.bc-contenu-deverrouille {
    margin: 20px auto;
}


/* Les blocs Gutenberg internes restent centrés */

.bc-contenu-deverrouille > * {
    margin-left: auto;
    margin-right: auto;
}


/* Images */

.bc-contenu-deverrouille img {
    max-width: 100%;
    height: auto;
}


/* Zone Gutenberg dans l'éditeur */

.bc-zone {
    text-align: center;
}


/* Espacement entre les éléments */

.bc-zone .block-editor-inner-blocks {
    margin-top: 20px;
}

/* ==========================================================
   BLOC COMMENTAIRES — INNERBLOCKS
   ========================================================== */

/* Zone contenant les blocs Gutenberg protégés */

.bc-zone .bc-contenu {
    width: 100%;
    text-align: center;
}


/* Contenu déverrouillé */

.bc-contenu-deverrouille .bc-contenu {
    width: 100%;
    text-align: center;
}


/* Paragraphes */

.bc-contenu-deverrouille .bc-contenu p {
    text-align: center;
}


/* Images et bannières */

.bc-contenu-deverrouille .bc-contenu img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


/* Liens */

.bc-contenu-deverrouille .bc-contenu a {
    text-align: center;
}


/* Blocs Gutenberg internes */

.bc-zone .block-editor-inner-blocks,
.bc-zone .block-editor-block-list__layout {
    width: 100%;
}

/* ============================================================
   BLOC COMMENTAIRES — CENTRAGE DU VERROU
   ============================================================ */

.bc-contenu-verrouille {
    text-align: center;
}

.bc-contenu-verrouille .bc-titre,
.bc-contenu-verrouille .bc-info {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}