/* Szentendre – Archív oldal figyelmeztetés
   Teljes szélességű sáv a fejléc és a menü fölött.
   A téma színeihez igazítva: #211973 (sötétkék), #ced54b (sárgászöld), #0096db (kék). */

.szarch {
    box-sizing: border-box;
    position: relative;
    z-index: 999;
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    background: #211973;
    color: #ffffff;
    border-bottom: 6px solid #ced54b;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 1.45;
    text-align: left;
}

.szarch *,
.szarch *::before,
.szarch *::after {
    box-sizing: border-box;
}

/* A téma tartalomszélességéhez (960px) igazítva */
.szarch__inner {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 960px;
    margin: 0 auto;
}

.szarch__body {
    flex: 1 1 auto;
    min-width: 0;
}

.szarch .szarch__title {
    margin: 0 0 2px;
    padding: 0;
    color: #ffffff;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.szarch .szarch__text,
.szarch .szarch__text p {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.szarch .szarch__text p + p {
    margin-top: 6px;
}

.szarch .szarch__text a {
    color: #ffffff;
    text-decoration: underline;
}

.szarch .szarch__link {
    flex: 0 0 auto;
    display: inline-block;
    padding: 9px 18px;
    background: #0096db;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

.szarch .szarch__link:hover,
.szarch .szarch__link:focus {
    background: #ffffff;
    color: #211973;
    text-decoration: none;
}

.szarch .szarch__link:focus-visible {
    outline: 3px solid #ced54b;
    outline-offset: 2px;
}

@media (max-width: 999px) {
    .szarch__inner {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 12px;
    }

    .szarch__body {
        flex-basis: 100%;
    }

    .szarch .szarch__title {
        font-size: 17px;
    }

    .szarch .szarch__text,
    .szarch .szarch__text p {
        font-size: 15px;
    }

    .szarch .szarch__link {
        white-space: normal;
    }
}

@media print {
    .szarch {
        background: none;
        color: #000000;
        box-shadow: none;
        border: 2px solid #000000;
    }

    .szarch .szarch__title,
    .szarch .szarch__text,
    .szarch .szarch__text p {
        color: #000000;
    }
}