/* EU co-funding emblem: at least as prominent as the ENCCS logo (grant agreement Article 17) */
.copyright:before {
    height: 90px !important;
}

/* Light theme chosen while the OS is dark: keep the positive emblem */
@media (prefers-color-scheme: dark) {
    body[data-theme="light"] .copyright:before {
        background-image: url("EN_Co-funded/EN_Co-fundedbytheEU_RGB_POS.png") !important;
    }
}

/* CC3 logo row (EuroHPC JU, HPC in Europe, EuroCC 3): below the EU emblem and disclaimer, smaller than the emblem */
footer {
    display: flex;
    flex-direction: column;
}
footer .related-pages { order: 1; }
footer .bottom-of-page { order: 2; }
footer .cc3-logos { order: 3; }
.cc3-logos {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    gap: 1.5rem;
    align-items: center;
    width: fit-content;
    margin: 0.5rem 0 1rem;
    padding: 6px 12px;
    border-radius: 6px;
}
.cc3-logos img {
    height: 36px;
    flex-shrink: 0;
    width: auto;
}

/* Dark theme: one shared light strip behind the three logos */
body[data-theme="dark"] .cc3-logos { background: #fff; }
@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) .cc3-logos { background: #fff; }
}

/* Dark theme emblem without CSS nesting support */
body[data-theme="dark"] .copyright:before {
    background-image: url("EN_Co-funded/EN_Co-fundedbytheEU_RGB_NEG.png");
}
.cc3-logos img {
    background: transparent !important;
    filter: none !important;
    box-shadow: none !important;
}
/* EuroHPC JU is a wide wordmark: slightly lower so its weight matches */
.cc3-logos img[src*="eurohpc"] {
    height: 30px;
}
/* national funders (optional in the CC3 footer template) */
.cc3-logos img[src*="vinnova"] {
    height: 25px;
}
/* host partners of ENCCS */
.cc3-logos img[src*="liu"] {
    height: 27px;
}

/* EU emblem linked to the EU website (CC3 website footer instructions) */
.copyright { position: relative; }
.eu-emblem-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 90px;
}

/* Acknowledgements section on the front page: logo row as on the funding slide (CC3 template) */
.funding-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 2rem;
    width: fit-content;
    margin: 0.5rem 0 1.25rem;
    padding: 8px 12px;
    border-radius: 6px;
}
.funding-logos img { height: 40px; width: auto; background: transparent !important; filter: none !important; box-shadow: none !important; }
.funding-logos img.eu { height: 60px; }
.funding-logos img[src*="eurohpc"] { height: 38px; }
.funding-logos .hpcie { display: inline-flex; flex-direction: column; align-items: center; font-size: 0.75rem; }
body[data-theme="dark"] .funding-logos { background: #fff; }
body[data-theme="dark"] .funding-logos .hpcie a { color: #1a5fb4; }
@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) .funding-logos { background: #fff; }
    body:not([data-theme="light"]) .funding-logos .hpcie a { color: #1a5fb4; }
}