/* --- LOKALNE ZMIENNE (BEZPIECZEŃSTWO NAMESPACE) --- */
/* Unikamy nadpisywania :root, by nie psuć stopki i menu z global.css */
.ice-blue-bar {
    --local-accent: #0044cc; 
}

/* --- UNIQUE: CENTERED STEEL BLUE BAR WITH H1 --- */
.ice-blue-bar {
    width: 100%;
    min-height: 160px; 
    background-color: rgb(66, 109, 140);
    display: flex;
    align-items: center;   
    justify-content: center; 
    padding: 2rem 5vw;
    /* Używamy zmiennej RGB z global_small.css do stworzenia poświaty 15% */
    border-bottom: 3px solid rgba(var(--primary-rgb), 0.15);
    box-shadow: inset 0 -10px 20px -10px rgba(var(--accent-dark), 0.2);
    contain: layout paint;
}
        
.ice-blue-bar h1 {
    color: #ffffff;
    font-size: clamp(1.4rem, 4vw, 2.6rem); 
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin: 0;
    max-width: 1100px;      
    text-align: center;      
}

@media (max-width: 768px) {
    .ice-blue-bar {
        min-height: 120px; /* Odpowiednik dawnych 3cm */
        padding: 1.5rem 5vw;
    }
}

/* --- NADPISANIE LOGIKI LOGO (Dla lepszej ostrości na ekranach Retina) --- */
.logo-img { 
    image-rendering: -webkit-optimize-contrast; 
}

/* --- DODATKOWE FORMATOWANIE TREŚCI --- */
.img-wrap picture img {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block;
}