/* =====================================================
   TOPBAR
   ===================================================== */

.topbar {
    background: var(--primary);
    color: var(--white);
    font-size: 0.9rem;
}

.topbar .container {
    display: flex;
    align-items: center;

    min-height: 36px;
}

.topbar-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px 24px;
}


/* =====================================================
   KONTAKTNÉ ODKAZY
   ===================================================== */

.topbar-contact {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: var(--white);
    text-decoration: none;

    line-height: 1.4;
}

.topbar-contact:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.topbar-contact:focus-visible {
    outline: 3px solid var(--white);
    outline-offset: 3px;

    border-radius: 3px;
}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 600px) {

    .topbar .container {
        min-height: 34px;
    }

    .topbar-left {
        width: 100%;

        justify-content: center;

        gap: 5px 16px;
    }

    .topbar-contact {
        font-size: 0.82rem;
    }
}