/* ============================================
   PNRR - Banda logos conformitate vizuala
   Manual de Identitate Vizuala PNRR, cap. 4 + 6.7
   ============================================ */
 
/* Wrapper sticky pentru banda PNRR + header împreună */
.pnrr-sticky-wrapper {
    position: sticky;
    top: 0;
    z-index: 1030; /* deasupra Bootstrap navbar (z-index: 1020) */
}
 
/* Fundal alb pe header la scroll */
.pnrr-sticky-wrapper header {
    background-color: #ffffff;
}
 
/* Banda PNRR propriu-zisa */
.pnrr-bar {
    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
}
 
/* Container cu cele 3 logo-uri — grupate împreună, aliniate la stânga containerului */
.pnrr-logos {
    display: flex;
    align-items: center;
    justify-content: flex-start;  /* grupate, nu răspândite */
    gap: 32px;                    /* spațiu fix între logouri, conform manual >= 1x lățimea logo UE */
}
 
/* Logo-urile individuale */
.pnrr-logo {
    height: 50px;          /* peste minimul de 38px (~1cm) — conform manual */
    width: auto;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}
 
/* Link-ul de pe logo-ul UE (are href spre mfe.gov.ro) */
.pnrr-logo-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
 
/* ============================================
   RESPONSIVE — tableta
   ============================================ */
@media (max-width: 991px) {
    .pnrr-logos {
        gap: 24px;
    }
 
    .pnrr-logo {
        height: 44px;
    }
}
 
/* ============================================
   RESPONSIVE — mobile
   ============================================ */
@media (max-width: 768px) {
    .pnrr-logos {
        justify-content: center; /* centrat pe mobile */
        gap: 16px;
    }
 
    .pnrr-logo {
        height: 38px; /* exact minimul de 1cm */
    }
}
 
@media (max-width: 400px) {
    .pnrr-logo {
        height: 32px;
    }
 
    .pnrr-bar {
        padding: 8px 0;
    }
}