/* ===================================
   CUSTOM SECTION SPACING
   Gestion propre des espacements entre sections
   =================================== */

/* ===================================
   SECTION BLOG - SUPPRESSION ESPACE EXCESSIF
   Après suppression du divider entre Certifications et Blog
   =================================== */

/* Forcer le padding-top minimal sur la section Blog */
.mxd-section.padding-blog {
    padding-top: 2rem !important;
    padding-bottom: 4rem !important;
}

/* Cibler spécifiquement la section Blog après le commentaire Twig */
/* Structure: Certifications End -> Commentaire -> Blog Start */
.mxd-section.padding-default + .mxd-section.padding-blog {
    padding-top: 1rem !important;
}

/* Si le commentaire Twig est présent entre les deux sections */
.mxd-section.padding-default + * + .mxd-section.padding-blog {
    padding-top: 1rem !important;
}

/* ===================================
   RESPONSIVE - Ajustements mobiles
   =================================== */

@media only screen and (max-width: 768px) {
    .mxd-section.padding-blog {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media only screen and (max-width: 576px) {
    .mxd-section.padding-blog {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Homepage hero: reduce gap under fixed header */
.homepage-hero-section {
    margin-top: 0 !important;
}

.homepage-hero-section .mxd-hero-06 {
    padding-top: 2rem !important;
}

.homepage-hero-section .mxd-hero-06__wrap {
    padding-top: 2.4rem !important;
    transform: translateY(-0.3rem) !important;
}

@media only screen and (min-width: 768px) {
    .homepage-hero-section {
        margin-top: -0.4rem !important;
    }

    .homepage-hero-section .mxd-hero-06 {
        padding-top: 2.2rem !important;
    }

    .homepage-hero-section .mxd-hero-06__wrap {
        padding-top: 3rem !important;
        transform: translateY(-0.6rem) !important;
    }
}

@media only screen and (min-width: 1200px) {
    .homepage-hero-section {
        margin-top: -0.8rem !important;
    }

    .homepage-hero-section .mxd-hero-06 {
        padding-top: 2.2rem !important;
    }

    .homepage-hero-section .mxd-hero-06__wrap {
        padding: 3.6rem 6rem 0 6rem !important;
        transform: translateY(-1rem) !important;
    }
}

@media only screen and (min-width: 1600px) {
    .homepage-hero-section .mxd-hero-06__wrap {
        padding: 3.6rem 9rem 0 9rem !important;
    }
}

.homepage-partners .marquee__toright {
    display: flex;
    align-items: center;
    will-change: transform;
    transform: translateX(-50%);
}

.homepage-partners .marquee__item {
    display: flex;
    align-items: center;
    padding: 0 2.25rem;
}

.homepage-partners .marquee__item img {
    display: block;
    height: 42px;
    width: auto;
    object-fit: contain;
    opacity: 0.9;
    filter: grayscale(15%);
}

.homepage-partners .marquee__item a {
    display: inline-flex;
    align-items: center;
}

.homepage-partners .marquee__item a:hover img {
    opacity: 1;
    filter: none;
}

@media only screen and (max-width: 768px) {
    .homepage-partners .marquee__item {
        padding: 0 1.25rem;
    }

    .homepage-partners .marquee__item img {
        height: 30px;
    }
}