/* --- Charte graphique Les Plébéiens --- */

/* Floutage des vidéos (Anonymes) */
.video-embed-field-lazy img {
    filter: blur(8px) grayscale(0.8);
    transition: all 0.5s ease;
    cursor: pointer;
}

.video-embed-field-lazy:hover img {
    filter: blur(4px) grayscale(0.2);
}

/* Bouton Play Vidéo */
.video-embed-field-lazy-play {
    z-index: 10;
    border: 3px solid #d62020 !important; /* Rouge Charte */
    background-color: rgba(214, 32, 32, 0.3) !important;
}

/* Suppression des icônes de modules tiers */
.fa-external-link, .extlink, .fa-ext, .extlink-icon {
    display: none !important;
}

/* Style de la modale d'engagement */
#linkGateModal .modal-header {
    background-color: #d62020 !important; /* Rouge Charte */
    border-bottom: 3px solid #d17a81; /* Rouge clair Charte */
}

#linkGateModal .btn-primary {
    background-color: #d62020 !important;
    border-color: #d62020 !important;
}

#linkGateModal .btn-outline-primary {
    color: #d62020 !important;
    border-color: #d62020 !important;
}

#linkGateModal .btn-outline-primary:hover {
    background-color: #d62020;
    color: #fff !important;
}

/* Ciblage précis pour forcer la couleur du titre de la modale */
#linkGateModal .modal-header .modal-title {
    color: #333333 !important;
    font-weight: bold;
}

/* On s'assure que le bouton de fermeture reste visible sur le rouge */
#linkGateModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%); /* Rend le bouton blanc */
}