.blog_logo_rotate {
    transform: rotate(270deg);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; 
    overflow: hidden; 
}

.blog_logo_rotate img {
    object-fit: contain !important; 
}
.wp-block-separator {
    height: 2px; 
    width: 100%; 
}

.blog_article_col4 {
    margin-left:20px !important; 
    display:grid;
    position:relative;
    z-index: 50;
}

.blog_article_col4 img {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
}


.arrow_right {
    position: relative;
    font-size: 0.8rem;
    color: #333; 
    text-decoration: none; 
    display:flex;
    justify-content: center;
    align-items: center;
}

.arrow_right::after {
    content: "";
    display: inline-block;
    margin-left: 10px; 
    position: relative;
    width: 20px; 
    height: 2px; 
    background-color: #333; 
}

.arrow_right::before {
    content: "";
    position: absolute;
    top: 50%; 
    transform: translateY(-50%); 
    left: 100%; 
    /* Point circulaire */
    width: 6px; 
    height: 6px; 
    background-color: #333; 
    border-radius: 50%; 
}

.arrow_right:hover::before {
    background-color:var(--wp--preset--color--yellow); /* Couleur du point */
    transition: margin-left 0.3s ease;
}

.blog_top_image_en_avant {
    display: flex; 
    align-items: stretch; /* Aligne les enfants pour qu'ils s'étendent */
    height: 100%; 
}

.blog_top_image_en_avant img {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center; 
}

/********************************************/
/* Newsletter  */
/********************************************/
.wp-block-tnp-minimal p {
    font-family: STIX Two Text;
    font-size:28px;
}

.tnp-subscription-minimal input.tnp-email {
    border:none !important;
    border-bottom:1px #000000 solid !important;
    background:none !important;
}

/********************************************/
/* Pagination */
/********************************************/

/* Styliser les numéros de pagination */
.wp-block-query-pagination-numbers .page-numbers {
    border: 1px solid #000;
    padding: 10px;
    margin: 0 5px;
    text-decoration: none;
    color: var(--wp--preset--color--black);
    background-color: transparent; /* Fond par défaut */
    transition: background-color 0.3s ease, color 0.3s ease; 
}

.wp-block-query-pagination-numbers a:hover {
    background-color: var(--wp--preset--color--pink);
    color: #fff;
}

.wp-block-query-pagination-numbers .current {
    background-color: var(--wp--preset--color--yellow); 
    color: #fff; 
    pointer-events: none; 
}

/********************************************/
/* Pagination - page suivante */
/********************************************/

/* Masquer uniquement le texte "Page suivante" */
.wp-block-query-pagination-next {
    display: flex; /* Conserver l'alignement pour la flèche */
    align-items: center;
    justify-content: center;
    font-size: 0px; /* Masquer le texte sans cacher la flèche */
    text-decoration: none; 
}

/* Cibler la flèche et supprimer le soulignement */
.wp-block-query-pagination-next .is-arrow-arrow {
    font-size: 16px; /* Restaurer la taille de la flèche */
    color: var(--wp--preset--color--yellow);
    text-decoration: none; /* Supprime le soulignement */
    margin: 0px -15px;

}

/* Supprimer tout soulignement sur le lien en toutes circonstances */
.wp-block-query-pagination-next a,
.wp-block-query-pagination-next a:hover,
.wp-block-query-pagination-next a:focus {
    text-decoration: none;
}

/* Couleur de la flèche au survol */
.wp-block-query-pagination-next:hover .is-arrow-arrow {
    color: var(--wp--preset--color--pink) !important;
}

/* Cibler le <span> contenant la flèche pour plus de spécificité */
.wp-block-query-pagination-next-arrow {
    text-decoration: none; /* Supprime le soulignement */
}

/********************************************/
/* Pagination - page précédente */
/********************************************/

/* Masquer uniquement le texte "Page suivante" */
.wp-block-query-pagination-previous {
    display: flex; /* Conserver l'alignement pour la flèche */
    align-items: center;
    justify-content: center;
    font-size: 0px; /* Masquer le texte sans cacher la flèche */
    text-decoration: none; 
}

/* Cibler la flèche et supprimer le soulignement */
.wp-block-query-pagination-previous .is-arrow-arrow {
    font-size: 16px; /* Restaurer la taille de la flèche */
    color: var(--wp--preset--color--yellow);
    text-decoration: none; /* Supprime le soulignement */
    margin: 0px -15px;

}

/* Supprimer tout soulignement sur le lien en toutes circonstances */
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-previous a:focus {
    text-decoration: none;
}

/* Couleur de la flèche au survol */
.wp-block-query-pagination-previous:hover .is-arrow-arrow {
    color: var(--wp--preset--color--pink) !important;
}

/* Cibler le <span> contenant la flèche pour plus de spécificité */
.wp-block-query-pagination-previous-arrow {
    text-decoration: none; /* Supprime le soulignement */
}