/* Header */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 20px 0; background: transparent; transition: background 0.3s ease; }
header .container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 95%; margin: 0 auto; }

.logo { display: flex; align-items: center; }
.logo a { color: white; text-decoration: none; font-weight: bold; font-size: 14px; margin: 0; padding: 0; line-height: 1; }

nav { display: flex; align-items: center; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 30px; }
nav li { margin: 0; display: flex; align-items: center; }
nav a { color: white; text-decoration: none; font-size: 14px; margin: 0; padding: 0; line-height: 1; }

.cta-header { display: flex; align-items: center; }
.btn-parliamone { color: white; text-decoration: none; font-size: 14px; padding: 8px 16px; border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; transition: all 0.3s ease; white-space: nowrap; line-height: 1; display: inline-flex; align-items: center; margin: 0; }
.btn-parliamone:hover { background: white; color: black; border-color: white; }

/* Responsive header.css */
@media (max-width: 1024px) {
    header .container {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
        width: 100%;
        padding: 0 18px;
    }
    nav ul {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
    header {
        background: transparent;
        backdrop-filter: blur(12px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }
    body.home-page header .logo a,
    body.home-page header nav a,
    body.home-page header .btn-parliamone,
    body.parliamone-page header .logo a,
    body.parliamone-page header nav a,
    body.parliamone-page header .btn-parliamone {
        color: #fff !important;
        border-color: rgba(255,255,255,0.22) !important;
    }
    body:not(.home-page):not(.parliamone-page) header .logo a,
    body:not(.home-page):not(.parliamone-page) header nav a,
    body:not(.home-page):not(.parliamone-page) header .btn-parliamone {
        color: #111 !important;
        border-color: rgba(0,0,0,0.12) !important;
    }
    body:not(.home-page):not(.parliamone-page) header,
    body.home-page header,
    body.parliamone-page header {
        mix-blend-mode: normal !important;
    }
    body {
        padding-top: 110px;
    }
}

/* Slightly reduce header padding on iPad landscape to free vertical space */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    header { padding: 12px 0; }
    header .container { width: 94%; }
}
@media (max-width: 768px) {
    header { padding: 15px 0; }
    header .container { flex-wrap: wrap; }
    nav { margin-top: 0; }
    nav ul { gap: 15px; }
    .logo a, nav a, .btn-parliamone { font-size: 12px; }
    .btn-parliamone { padding: 6px 12px; }
    header { min-height: 60px; }
}
@media (max-width: 480px) {
    header .container { width: 100%; padding: 0 10px; box-sizing: border-box; }
    nav ul { gap: 30px; }
    .logo a, nav a { font-size: 11px; }
    .btn-parliamone { font-size: 11px; padding: 5px 10px; }
}

/* Ensure header text contrasts on pages with light backgrounds (e.g. info, progetti, parliamone) */
/* Force dark header on all non-home pages to avoid white-on-white in iPad Safari */
body:not(.home-page) header,
body:not(.home-page) header .logo a,
body:not(.home-page) header nav a,
body:not(.home-page) header .btn-parliamone {
    color: #111 !important;
    border-color: rgba(0,0,0,0.12) !important;
}
body:not(.home-page) header {
    mix-blend-mode: normal !important;
}

/* Explicit page-specific header styling */
body.info-page header,
body.progetti-page header,
body.progetto-singolo-page header,
body.parliamone-page header {
    background: transparent !important;
}
body.info-page header .logo a,
body.info-page header nav a,
body.info-page header .btn-parliamone,
body.progetti-page header .logo a,
body.progetti-page header nav a,
body.progetti-page header .btn-parliamone,
body.progetto-singolo-page header .logo a,
body.progetto-singolo-page header nav a,
body.progetto-singolo-page header .btn-parliamone {
    color: #111 !important;
    border-color: rgba(0,0,0,0.12) !important;
}

/* parliamone page uses dark background: force light text */
body.parliamone-page header .logo a,
body.parliamone-page header nav a,
body.parliamone-page header .btn-parliamone {
    color: #fff !important;
    border-color: rgba(255,255,255,0.18) !important;
}