/* Logo EPV : header commun et footer de la page d'accueil. */
/* NF reste indépendant des deux logos de certification, comme sur la maquette. */
header .epv-logo-nf {
    display: block;
    width: 200px;
    max-width: 100%;
    height: auto;
    margin: 14px auto 0;
}

header .epv-header-certifications {
    align-items: center;
}

header .epv-header-certifications .epv-logo-header,
header .epv-header-certifications .epv-origine-france {
    min-width: 0;
}

header .epv-header-certifications .epv-logo-header {
    display: block;
    width: 140px;
    max-width: 42%;
    height: auto;
    flex: 0 1 140px;
    margin: 0 10px;
}

header .epv-header-certifications .epv-origine-france {
    max-width: calc(58% - 20px);
    object-fit: contain;
}

footer .epv-footer-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(180px, 16vw, 250px);
    margin: 0;
    pointer-events: none;
}

footer .epv-footer-badge > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    background: transparent;
}

/* Sur les ecrans etroits, une ligne reservee garde les contenus lisibles. */
@media (max-width: 1199px) {
    footer .epv-footer-badge {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        clear: both;
        width: 200px;
        margin: 24px auto 0;
    }
}

@media (max-width: 480px) {
    header .epv-header-certifications .epv-logo-header {
        margin-right: 8px;
        margin-left: 8px;
    }

    header .epv-header-certifications .epv-origine-france {
        max-width: calc(58% - 16px);
    }

    footer .epv-footer-badge {
        width: 180px;
    }
}