/*
 * Theme Name:  Recap Child
 * Theme URI:   https://recap.codesupply.co/
 * Description: Recap Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    recap
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* =============================================
   OVERLAY des cartes articles (post tiles)
   L'overlay est un dégradé appliqué via ::after
   sur .cs-overlay-background
   ============================================= */

/* --- Option A : changer la couleur du dégradé --- */
/* Exemple : dégradé du transparent vers du noir semi-transparent */

.cs-posts-area__grid .cs-overlay-background:after {
    background: linear-gradient(180deg, rgba(59, 164, 216, 0.1) 0%, rgba(129, 36, 227, 0.97) 80%);
}

/* --- Option B : ajuster uniquement l'opacité de l'overlay existant --- */
/*
.cs-posts-area__grid .cs-overlay-background:after {
    opacity: 0.3;
}


/* --- Brevo : centrer le bouton S'abonner --- */
.cs-subscribe__form-group:has(> a.cs-button) {
    justify-content: center;
}

/* --- Barre flottante réseaux sociaux --- */
.cs-social-float {
    position: fixed;
    top: 25%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cs-social-float--left  { left: 0; }
.cs-social-float--right { right: 0; }

.cs-social-float__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--cs-primary, #8224e3);
    color: #fff;
    transition: background 0.2s, transform 0.2s;
    text-decoration: none;
}

.cs-social-float--left  .cs-social-float__link { border-radius: 0 6px 6px 0; }
.cs-social-float--right .cs-social-float__link { border-radius: 6px 0 0 6px; }

.cs-social-float__link:hover {
    background: var(--cs-primary-hover, #6a1db8);
    transform: translateX(-4px);
    color: #fff;
}

.cs-social-float--right .cs-social-float__link:hover {
    transform: translateX(4px);
}

@media (max-width: 600px) {
    .cs-social-float { display: none; }
}

/* --- Option C : supprimer l'overlay complètement --- */
/*
.cs-posts-area__grid .cs-overlay-background:after {
    display: none;
}
*/

.cs-custom-inter-section{
 padding-top:40px;  
}

.custom-main-top-widget img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px; /* Pour assortir aux arrondis de ton thème */
}