/* Marathon Model – header.css (šablona Merkur) */

/* ---------- Informační proužek ---------- */
/* Text se mění v adminu: Vzhled a obsah > Editor > Další nastavení > Informační proužek, prázdné pole proužek skryje */
/* Výraznější proužek: zákazníci se musí registrovat znovu, nesmí to přehlédnout */
html body .site-msg.information {
    padding: 9.5px 0;
}

/* Text na střed; stejný odstup z obou stran, aby se nepodsouval pod křížek vpravo */
html body .site-msg.information .text {
    padding: 0 40px;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
}

html body .site-msg.information .text strong {
    font-weight: 700;
}

/* Odkaz jako limetková pilulka, ať je jasné, kam kliknout */
html body .site-msg.information .text a {
    display: inline-block;
    margin: 0 2px 0 4px;
    padding: 2px 14px;
    border-radius: 99px;
    background: var(--mm-lime);
    color: var(--mm-navy) !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .2s;
}

html body .site-msg.information .text a:hover {
    background: var(--mm-lime-dark);
}

@media screen and (max-width: 767px) {
    html body .site-msg.information {
        padding: 6px 0;
    }

    html body .site-msg.information .text {
        padding: 0 32px 0 8px;
        font-size: 14px;
    }

    html body .site-msg.information .text a {
        margin: 2px 1px 2px 2px;
        padding: 2px 12px;
    }
}

/* ---------- Horní lišta ---------- */
.top-navigation-bar {
    background: #FFFFFF;
    border-bottom: 1px solid var(--mm-line);
}

.top-navigation-bar-menu a {
    color: var(--mm-navy);
}

/* Odkaz „Pro firmy“ (stránka s URL obsahující pro-firmy) = limetková pilulka.
   Navázané na URL, ne na pořadí, aby se nezvýraznila jiná stránka. */
.top-navigation-bar-menu a[href*="pro-firmy"] {
    display: inline-block;
    padding: 0 14px;
    border-radius: 99px;
    background: var(--mm-lime);
    color: var(--mm-navy);
    font-weight: 600;
    line-height: 30px;
    vertical-align: middle;
}

.top-navigation-bar-menu a[href*="pro-firmy"]:hover {
    background: var(--mm-lime-dark);
}

/* ---------- Hlavička ---------- */
/* Logo: Merkur ho omezuje na 60 px, liniová kresba pak nejde přečíst; hlavička má 108 px */
@media screen and (min-width: 768px) {
    html body #header .site-name img {
        max-height: 92px;
    }
}

/* Vyhledávání jako pilulka: pole i tlačítko zaoblené */
html body #header .search-form .btn {
    background: var(--mm-navy);
    border-color: var(--mm-navy);
    border-radius: 99px;
}

html body #header .search-form .form-control {
    border-radius: 99px;
}

/* ---------- Hlavní menu: navy pruh (CSS z návodu Merkuru) ---------- */
@media screen and (min-width: 768px) {
    #header::after {
        background-color: var(--mm-navy);
    }

    .navigation-in {
        background-color: transparent;
    }

    .navigation-in > ul > li > a,
    .submenu-arrow::after,
    .menu-helper::after {
        color: #FFFFFF;
    }

    .navigation-in > ul > li > a b {
        font-weight: 500;
        text-transform: none;
    }
}

/* ---------- Drobečková navigace ---------- */
.breadcrumbs {
    background: var(--mm-bg);
    border-bottom: 1px solid var(--mm-line);
}

.breadcrumbs a {
    color: var(--mm-navy);
}

/* ---------- Hlavička: vyhledávání blíž k logu, vedle něj kontakt (blok vkládá header.js) ---------- */
@media screen and (min-width: 992px) {
    html body #header .header-top {
        gap: 32px;
    }

    html body #header .header-top .site-name-wrapper {
        flex: 0 0 auto;
        width: auto;
    }

    html body #header .header-top .search {
        flex: 1 1 600px;
        width: auto;
        max-width: 640px;
        margin: 0;
    }

    html body #header .header-top .navigation-buttons {
        flex: 1 1 auto;
        width: auto;
        justify-content: flex-end;
    }

    html body #header .navigation-buttons > * {
        flex-shrink: 0;
    }
}

.mm-hcontact {
    display: flex;
    flex-shrink: 1;
    align-items: center;
    gap: 14px;
    margin-right: auto;
    padding-left: 8px;
    color: var(--mm-navy);
    text-decoration: none !important;
}

.mm-hcontact__icon {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--mm-lime);
}

.mm-hcontact__icon svg {
    width: 22px;
    height: 22px;
}

.mm-hcontact__text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    text-align: left;
}

.mm-hcontact__label,
.mm-hcontact__note {
    color: #5B5A7A;
    font-size: 13px;
    white-space: nowrap;
}

.mm-hcontact__phone {
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

/* Na menších šířkách se nevejde, telefon zůstává v horní liště */
@media screen and (max-width: 1199px) {
    .mm-hcontact {
        display: none;
    }
}