/*
 * openbadania.pl — nagłówek (#funds, #partners, #menu), okładka z blokiem logowania, stopka.
 * Źródło: kod-snapshot-20261022 web/css/desktop.css + mobile.css (nav, .cover-photo, footer).
 * Różnice: nawigacja nie jest „fixed” (bez JS przewijania), „Partnerzy projektu” to <details> zamiast JS.
 */

/* NAV */
.ob-nav { border-bottom: 1px solid var(--ow-color-border); background: #fff; }
.ob-nav > section, .ob-nav > details > section { padding: .5rem 0; background: #fff; }
.ob-nav .logo { display: inline-block; }
.ob-nav #funds { position: relative; padding-bottom: .5rem; }
.ob-nav #funds .row { align-items: center; }
.ob-nav #funds .logo { flex: 1 1 0; padding: 0 .9375rem; }
.ob-nav #funds .logo-main { flex: 2 1 0; }
.ob-nav #funds img { max-height: 70px; }

.ob-nav details.partners { position: relative; }
.ob-nav .section-trigger {
    display: inline-block;
    margin-left: 67px;
    font-size: .6rem;
    color: #6b6b6b;
    background: #f3f3f3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: .25rem 1.25rem .25rem .5rem;
    cursor: pointer;
    list-style: none;
    position: relative;
}
.ob-nav .section-trigger::-webkit-details-marker { display: none; }
.ob-nav .section-trigger::after {
    content: '';
    display: block;
    width: 7px;
    height: 9px;
    background: url('../img/arrow-menu-down.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 5px;
    top: 6px;
}
.ob-nav details[open] .section-trigger::after { transform: rotate(180deg); }
.ob-nav #partners { background-color: #f3f3f3; padding: .5rem 0; }
.ob-nav #partners .row { align-items: center; }
.ob-nav #partners .logo { flex: 1 1 0; padding: 0 .9375rem; }
.ob-nav #partners .logo:first-child { padding-left: 50px; }
.ob-nav #partners img { max-height: 80px; }

.ob-nav #menu { border-top: 1px solid #f3f3f3; }
.ob-nav #menu ul { margin: 0; padding: 0 .9375rem; display: flex; flex-wrap: wrap; gap: .25rem 2rem; }
.ob-nav #menu li a { display: inline-block; padding: .5rem 0; text-transform: uppercase; font-weight: 600; }
.ob-nav #menu li a.accent { color: var(--ow-color-accent); }

/* Okładka z blokiem logowania (homepage: section.map-wrapper.cover-photo.new-cover) */
.cover-photo {
    background: #efe url('../img/cover-photo.jpg') no-repeat center right;
    background-size: cover;
    min-height: 32rem;
    padding: 1rem 0 2rem;
}
.cover-photo .row { align-items: flex-start; }
.buttons-block.block-index { background: #fff; margin: 2rem 0 1rem 0; text-align: center; }
.buttons-block.block-index h2 { color: var(--ow-color-heading); font-weight: 400; font-size: 1.9375rem; margin-bottom: .5rem; }
.buttons-block.block-index p { color: var(--ow-color-heading); margin-bottom: 1rem; font-weight: 700; }

/* Kontakt pod okładką */
.contact-section header h2 { font-size: 2rem; }

/* FOOTER */
footer.ob-footer { background: var(--ow-color-footer-bg); padding: 2rem 0; font-size: .75rem; margin-top: 4rem; }
footer.ob-footer ul { margin: 0; }
footer.ob-footer li { padding: .25rem 0; }
footer.ob-footer li a { color: var(--ow-color-footer-text); }
footer.ob-footer li a:hover { color: var(--ow-color-primary); }
footer.ob-footer .footer-logo img { max-width: 100%; }
footer.ob-footer .footer-data { margin-top: 1rem; color: var(--ow-color-footer-text); }

@media (max-width: 768px) {
    .ob-nav #funds .logo:not(.logo-main) { display: none; }
    .ob-nav #partners .logo { flex-basis: 100%; padding-left: .9375rem !important; margin: .5rem 0; }
    .ob-nav .section-trigger { margin-left: .5rem; }
    .cover-photo { min-height: 0; }
    .block-index { box-shadow: 0 0 10px rgba(128, 128, 128, .25); }
    header > .button, header > form.logout { float: none; }
    .results-block .data ul li:not(:last-child) { margin-right: 1.5rem; }
}