/* =========================================================
   TOP NAVIGATION – STABILNÍ FINÁLNÍ ŘEŠENÍ
========================================================= */

/* ===== BAR ===== */
.top-navigation-bar {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

/* ===== KONTEJNER – víc místa, žádná náhoda ===== */
.top-navigation-bar .container {
    max-width: 1440px;
}

/* =========================================================
   MENU (Informace pro vás)
========================================================= */

.top-navigation-bar-menu {
    display: flex;
    align-items: center;
}

.top-navigation-bar-menu > li {
    position: relative;
    padding: 0 8px; /* KLÍČ – stabilní šířka */
}

/* odkazy */
.top-navigation-bar-menu > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #151515;
    text-decoration: none;
    line-height: 20px;
}

/* hover – ZÁKAZ MODRÉ */
.top-navigation-bar-menu > li > a:hover {
    color: #151515;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
}

/* svislé čáry – optický střed */
.top-navigation-bar-menu > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #dcdcdc;
}

/* =========================================================
   TOOLS (Přihlášení / Registrace)
========================================================= */

.top-navigation-bar .top-navigation-tools {
    display: flex;
    align-items: center;
}

.top-navigation-bar .top-navigation-tools a {
    position: relative;
    padding: 0 8px 0 28px;
    font-size: 14px;
    font-weight: 500;
    color: #151515;
    text-decoration: none;
    line-height: 20px;
}

/* hover tools – žádná modrá */
.top-navigation-bar .top-navigation-tools a:hover {
    color: #151515;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
}

/* čára mezi Přihlášení | Registrace */
.top-navigation-bar .top-navigation-tools a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #dcdcdc;
}

/* =========================================================
   IKONY – SVG MASK (STABILNÍ)
========================================================= */

.top-navigation-bar .top-navigation-tools a[href*="prihlas"]::before,
.top-navigation-bar .top-navigation-tools a[href*="login"]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z'/%3E%3C/svg%3E") no-repeat center/contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.top-navigation-bar .top-navigation-tools a[href*="registr"]::before,
.top-navigation-bar .top-navigation-tools a[href*="register"]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6Z'/%3E%3C/svg%3E") no-repeat center/contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* =========================================================
   FIX: definitivní vypnutí modrého hoveru v top navigaci
========================================================= */

.top-navigation-bar .top-navigation-bar-menu > li > a:hover,
.top-navigation-bar .top-navigation-tools a:hover {
    color: #151515 !important;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
}