/* =============================================================================
   UTIL-BAR.CSS — pravá část horní lišty (od 10/2026)
   Další stránky jako prosté odkazy oddělené tenkou čarou, klientský portál
   jako jediné tlačítko. Přebíjí starší pravidla .util-sec-link v header.css
   (rámečky a tečky mezi položkami). Načítá se z includes/layout/header.php.
   ========================================================================== */
.util-bar .util-sec { display: flex; align-items: center; }

.util-bar .util-sec-link {
    position: relative;
    padding: 4px 9px;
    border: 0;
    border-radius: 6px;
    background: none;
    font-size: .76rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .82);
}

.util-bar .util-sec-link + .util-sec-link { margin-left: 9px; }
.util-bar .util-sec-link + .util-sec-link::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 28%;
    bottom: 28%;
    width: 1px;
    background: rgba(255, 255, 255, .25);
    pointer-events: none;
}

.util-bar .util-sec-link:hover { color: #fff; background: rgba(255, 255, 255, .09); }

/* Klientský portál: přihlášení, ne další stránka */
.util-bar .util-portal-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 14px;
    padding: 3px 12px;
    border: 1px solid rgba(79, 189, 240, .6);
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, border-color .15s ease;
}

.util-bar .util-portal-btn i { font-size: .72rem; color: #4FBDF0; }
.util-bar .util-portal-btn:hover { background: rgba(37, 169, 234, .18); border-color: #25A9EA; }