/* ==================================================
   COULEURS DU SITE
================================================== */

:root {
    --cat-color: #e83947 !important;
    --blues-actu-red: #e83947;
    --blues-actu-red-dark: #c92b38;
}


/* ==================================================
   RÉGLAGES GÉNÉRAUX
================================================== */

.multi-post-widget.mt-3 {
    margin-top: 0;
}

.homemain .swiper-slide {
    display: block;
}

.site-branding-text {
    display: none;
}

/* Supprimer le titre et le bloc blanc de l’accueil */
body.home .page-entry-title {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* ==================================================
   LIENS ET COULEUR PRINCIPALE
================================================== */

a {
    color: var(--blues-actu-red);
}


/* ==================================================
   BOUTONS
================================================== */

a.btn,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

a.btn,
button,
input[type="submit"],
input[type="button"] {
    background-color: var(--blues-actu-red);
    border-color: var(--blues-actu-red);
    color: #fff;
}

a.btn:hover,
a.btn:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    background-color: var(--blues-actu-red-dark);
    border-color: var(--blues-actu-red-dark);
    color: #fff;
}


/* ==================================================
   BOUTONS WORDPRESS DE L’ACCUEIL
================================================== */

body.home .wp-block-button__link {
    background-color: var(--blues-actu-red) !important;
    border-color: var(--blues-actu-red) !important;
    color: #fff !important;
}

body.home .wp-block-button__link:hover,
body.home .wp-block-button__link:focus {
    background-color: var(--blues-actu-red-dark) !important;
    border-color: var(--blues-actu-red-dark) !important;
    color: #fff !important;
}


/* ==================================================
   BOUTON ÉCOUTEZ BLUES ACTU RADIO
================================================== */

a.subscribe-btn {
    background-color: var(--blues-actu-red) !important;
    border-color: var(--blues-actu-red) !important;
    color: #fff !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

a.subscribe-btn:hover,
a.subscribe-btn:focus {
    background-color: var(--blues-actu-red-dark) !important;
    border-color: var(--blues-actu-red-dark) !important;
    color: #fff !important;
}


/* ==================================================
   CATÉGORIES
================================================== */

.bs-blog-category::before {
    background-color: var(--blues-actu-red) !important;
}

.bs-blog-category a {
    border-color: var(--blues-actu-red) !important;
}

/* Texte blanc dans le diaporama */
body.home .mainfeatured .bs-blog-category a {
    color: #fff !important;
}

.bs-blog-category a:hover,
.bs-blog-category a:focus {
    background-color: var(--blues-actu-red) !important;
    border-color: var(--blues-actu-red) !important;
    color: #fff !important;
}

/* Masquer Top news partout sur le site */
a[href*="/category/topnews/"] {
    display: none !important;
}


/* ==================================================
   DIAPORAMA DE L’ACCUEIL
================================================== */

/* Masquer la date et l’auteur */
body.home .mainfeatured .bs-blog-meta {
    display: none !important;
}

/* Survol des titres */
body.home .mainfeatured .title a:hover,
body.home .mainfeatured .title a:focus {
    color: var(--blues-actu-red) !important;
}


/* ==================================================
   BOUTON DE RETOUR EN HAUT
================================================== */

.bs_upscr {
    background-color: var(--blues-actu-red) !important;
    border-color: var(--blues-actu-red) !important;
    color: #fff !important;
}

.bs_upscr:hover,
.bs_upscr:focus {
    background-color: var(--blues-actu-red-dark) !important;
    border-color: var(--blues-actu-red-dark) !important;
}


/* ==================================================
   MENU MOBILE
================================================== */

@media (max-width: 991px) {

    .menu-btn {
        color: var(--blues-actu-red) !important;
    }
}


/* ==================================================
   AFFICHAGE SUR MOBILE
================================================== */

@media (max-width: 767px) {

    /* Diaporama principal en 16/9 */
    body.home .mainfeatured .homemain {
        display: block !important;
        position: relative;
        width: 100%;
        height: 0 !important;
        min-height: 0 !important;
        padding: 56.25% 0 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden;
    }

    body.home .mainfeatured .homemain > .swiper-wrapper {
        position: absolute !important;
        inset: 0;
        width: 100%;
        height: 100% !important;
    }

    body.home .mainfeatured .homemain .swiper-slide,
    body.home .mainfeatured .homemain .bs-slide {
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
    }

    body.home .mainfeatured .homemain .bs-slide {
        width: 100%;
        background-size: cover !important;
        background-position: center !important;
    }

    /* Contenu du diaporama principal */
    body.home .mainfeatured .homemain .inner {
        padding: 14px 30px !important;
    }

    body.home .mainfeatured .homemain .title,
    body.home .mainfeatured .homemain .title a {
        display: block !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow: visible !important;
        max-height: none !important;
        -webkit-line-clamp: unset !important;
    }

    body.home .mainfeatured .homemain .title {
        margin: 8px 0 !important;
    }

    body.home .mainfeatured .homemain .bs-blog-category a {
        font-size: 10px !important;
        padding: 3px 7px !important;
    }

    /* Une seule colonne pour les blocs secondaires */
    body.home .mainfeatured .multi-post-widget .inner_columns {
        grid-template-columns: 1fr !important;
    }

    /* Blocs secondaires en 16/9 */
    body.home .mainfeatured .multi-post-widget .bs-blog-post {
        position: relative;
        width: 100%;
        height: 0 !important;
        min-height: 0 !important;
        padding: 56.25% 0 0 !important;
        aspect-ratio: auto !important;
        background-size: cover !important;
        background-position: center !important;
        overflow: hidden;
    }

    /* Contenu des blocs secondaires */
    body.home .mainfeatured .multi-post-widget .inner {
        padding: 14px 30px !important;
        align-items: center;
        text-align: center;
    }

    body.home .mainfeatured .multi-post-widget .title,
    body.home .mainfeatured .multi-post-widget .title a {
        display: block !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow: visible !important;
        max-height: none !important;
        -webkit-line-clamp: unset !important;
    }

    body.home .mainfeatured .multi-post-widget .title {
        margin: 8px 0 !important;
    }

    body.home .mainfeatured .multi-post-widget .bs-blog-category a {
        font-size: 10px !important;
        padding: 3px 7px !important;
    }

    /* Masquer la dernière info secondaire uniquement sur mobile */
    body.home
    .mainfeatured
    .multi-post-widget
    .inner_columns
    > .bs-blog-post:last-child {
        display: none !important;
    }
}