/* ==========================================
   Catch-Newz - Connexion aux commentaires
   ========================================== */

.cnz-login-comments {
    margin: 25px 0;
    padding: 24px 25px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fafafa;
    text-align: center;
}

.cnz-login-comments__text {
    margin: 0 0 18px;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
}

.cnz-login-comments__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Boutons */
.cnz-comments-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* Se connecter */
.cnz-comments-btn--login {
    background: #d71920;
    border: 1px solid #d71920;
    color: #fff !important;
}

.cnz-comments-btn--login:hover,
.cnz-comments-btn--login:focus {
    background: #b9141a;
    border-color: #b9141a;
    color: #fff !important;
}

/* Créer un compte */
.cnz-comments-btn--register {
    background: #fff;
    border: 1px solid #d71920;
    color: #d71920 !important;
}

.cnz-comments-btn--register:hover,
.cnz-comments-btn--register:focus {
    background: #d71920;
    border-color: #d71920;
    color: #fff !important;
}

/* Mobile */
@media (max-width: 480px) {
    .cnz-login-comments {
        padding: 20px 15px;
    }

    .cnz-login-comments__buttons {
        flex-direction: column;
        width: 100%;
    }

    .cnz-comments-btn {
        width: 100%;
    }
}

.btn-info {
  color: #000;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-primary,.sppb-btn-primary {
  border-color: #a70909 !important;
  background-color: #a70909 !important;
}

/* ==========================================
   Catch-Newz - Blockquote
   ========================================== */

blockquote {
    /* Bordure latérale (très courant pour les citations) */
    border-left: 4px solid #a60606; 
    
    /* Espacements */
    padding: 10px 20px;
    margin: 1.5rem 0;
    
    /* Arrière-plan et mise en forme du texte */
    background-color: #f8f9fa;
    font-style: italic;
    color: #495057;
}

/* ==========================================
   Akcelo
   ========================================== */
   
.akcelo-wrapper {
        display: grid;
        place-items: center;
        grid-template-columns: 1fr;
        text-align: center;
        position: relative;
        overflow: hidden;
}
.akcelo-wrapper.akcelo-wrapper-label:before {
        content: attr(data-ad-text);
        color: #777777;
        font-size: 11px;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 2px;
}
.akcelo-wrapper.akcelo-wrapper-label {
        box-sizing: content-box;
        padding: 20px 0 0;
}
.akcelo-placeholder:not(.akcelo-loaded) {
        background-color: #f9f9f9;
        background-clip: content-box;
}
.akcelo-placeholder:not(.akcelo-loaded)::after {
        border: 1px solid #696969;
        border-radius: 2px;
        color: #696969;
        content: attr(data-placeholder-text);
        font-size: 11px;
        line-height: 1;
        padding: 3px 4px 1px;
        position: absolute;
        background-color: transparent;
        font-family: Arial,sans-serif;
}
.akcelo-video > div:first-child {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
}
.akcelo-video.akcelo-wrapper-label > div:first-child {
        top: 20px;
    }
    @media (pointer:coarse) {
        .akcelo-wrapper.akcelo-desktop {
            display: none;
        }
    }
    @media (pointer:fine) {
        .akcelo-wrapper.akcelo-mobile {
            display: none;
        }
}
.akcelo-adunit-15714 {
        width:100%;
        height:360px;
}
    @media (pointer:coarse) {
        .akcelo-adunit-15714 {
            width:100%;
            height:180px;
        }
    }
	
/* ==========================================
   Catch-Newz - URL Couleur Article
   ========================================== */

/* Liens uniquement dans le corps des articles Joomla */
div[itemprop="articleBody"] p a {
  color: #a91313 !important; 
}

/* Optionnel : Couleur au survol de la souris */
div[itemprop="articleBody"] p a:hover {
  color: #1b1b1b !important;
}
   
 /* ==========================================
   Titre complet Home
   ========================================== */
   
.sppb-addon-articles .sppb-addon-article-title,
.sppb-addon-articles .sppb-addon-article-title a {
	white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important; /* Limite le texte à 3 lignes max */
	line-height: 1.3 !important;
    /* Égalise les boîtes : force la zone à occuper TOUJOURS l'espace de 3 lignes */
    min-height: 3em !important; 
    max-height: 3.9em !important;
}

 /* ==========================================
   Titre complet Category
   ========================================== */
.vue-titres-complets .article-title,
.vue-titres-complets .article-header * {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    max-height: none !important;
    height: auto !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: horizontal !important;
}

/* Hauteur minimale pour égaliser les cases sur cette page */
.vue-titres-complets .article-header {
    min-height: 80px;
    height: auto !important;
    overflow: visible !important;
}