/* =========================
   Certification Page Header – Gras rembourré (juste milieu)
   ========================= */
.certifications-header {
    background-color: #ffffff;  /* fond blanc */
    color: #000000;             /* texte noir */
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;         /* titre centré */
    padding: 60px 20px 100px 20px; /* rembourrage autour du titre */
    box-sizing: border-box;
    width: 100%;
}

.certifications-header h1 {
    font-size: 24px;
    font-weight: 800;           /* entre 700 et 900 pour un emboss moyen */
    margin: 0;
    line-height: 1.4;
    text-shadow: 0.9px 0.9px 0px #000; /* emboss moyen */
}

/* =========================
   Responsive Adjustments
   ========================= */
@media (max-width: 768px) { /* tablette */
    .certifications-header {
        padding: 50px 15px 80px 15px;
    }
    .certifications-header h1 {
        font-size: 22px;
    }
}

@media (max-width: 480px) { /* mobile */
    .certifications-header {
        padding: 40px 10px 70px 10px;
    }
    .certifications-header h1 {
        font-size: 20px;
    }
}

/* =========================
   CERTIFICATION PAGE LAYOUT
   ========================= */
.certifications-section{
    background:#ffffff;
    padding:40px 20px 80px 20px;
    box-sizing:border-box;
    width:100%;
}

/* Spacing after title */
.cert-spacer{
    height:60px;
}

/* Large spacing before logos */
.cert-spacer-large{
    height:70px;
}

/* =========================
   TEXT BLOCK
   ========================= */
.certifications-text{
    max-width:900px;
    margin:0 auto;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    line-height:1.8;
    font-size:16px;
}

.certifications-text p{
    margin:0 0 22px 0;
}

/* Met GUILLABERT UNION LTD en gras */
.certifications-text strong{
    font-weight:700;
}

/* =========================
   LOGOS LAYOUT
   ========================= */
.certifications-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
}

.certifications-logos img{
    width:220px;
    height:220px;
    object-fit:contain;
    background:#fff;
}

/* =========================
   RESPONSIVE TABLET
   ========================= */
@media (max-width: 992px){
    .certifications-logos{
        gap:40px;
    }
    .certifications-logos img{
        width:180px;
        height:180px;
    }
}

/* =========================
   RESPONSIVE MOBILE
   ========================= */
@media (max-width: 600px){
    .certifications-section{
        padding:30px 15px 60px 15px;
    }

    .cert-spacer{
        height:40px;
    }

    .cert-spacer-large{
        height:50px;
    }

    .certifications-text{
        font-size:15px;
        line-height:1.7;
    }

    .certifications-logos{
        flex-direction:column;
        gap:35px;
    }

    .certifications-logos img{
        width:160px;
        height:160px;
    }
}