/*
 * Hlavicka a paticka ve stejnem stylu jako konfigurator (konfigurator.vilma.emglare.net, main.svoboda.css) - 2026-10-22
 * Prepisuje jen vzhled (barvy, pismo, okraje) puvodnich prvku aplikace; obsah a odkazy zustavaji beze zmeny.
 * Pozor: soubor je pridany rucne k sestavene aplikaci - pri novem nasazeni ze zdrojoveho kodu je potreba ho pridat znovu.
 */
:root {
    --svoboda-navy: #223e77;
    --svoboda-navy-top: #1b3163;
    --svoboda-navy-bottom: #142650;
    --svoboda-orange: #e59e24;
    --svoboda-line: #eef1f6;
    --svoboda-hover: #f0f3f8;
}

/* ---------- horni lista (socialni site, mena, jazyk) ---------- */
#root > div > div.bg-\[\#c6c6c6\] {
    background: var(--svoboda-navy-top) !important;
    color: rgba(255, 255, 255, 0.75) !important;
}
#root > div > div.bg-\[\#c6c6c6\] a,
#root > div > div.bg-\[\#c6c6c6\] button {
    color: #fff !important;
}
#root > div > div.bg-\[\#c6c6c6\] button .text-\[\#444\] {
    color: rgba(255, 255, 255, 0.65) !important;
}
#root > div > div.bg-\[\#c6c6c6\] a:hover {
    opacity: 0.75;
}

/* ---------- hlavicka ---------- */
#root > div > header {
    position: relative;
    z-index: 20;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(16, 33, 72, 0.08);
}
#root > div > header .border-border,
#root > div > header.border-border {
    border-color: var(--svoboda-line) !important;
}
/* tlacitko Poptavka a hamburger */
#root > div > header a[href="/kosik"],
#root > div > header button[aria-label="Menu"] {
    border-color: #c9d1df !important;
    border-radius: 999px !important;
    color: var(--svoboda-navy);
    font-weight: 600;
}
#root > div > header a[href="/kosik"]:hover,
#root > div > header button[aria-label="Menu"]:hover {
    border-color: var(--svoboda-navy) !important;
    background: var(--svoboda-hover);
}
/* hlavni menu webu */
#root > div > header ul[aria-label="Hlavní web"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
#root > div > header ul[aria-label="Hlavní web"] > li {
    border-left: 0 !important;
}
#root > div > header ul[aria-label="Hlavní web"] > li > a {
    position: relative;
    padding: 16px 10px !important;
    background: transparent !important;
    color: var(--svoboda-navy) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px !important;
    transition: background-color 0.15s, color 0.15s;
}
#root > div > header ul[aria-label="Hlavní web"] > li > a:hover {
    background: var(--svoboda-hover) !important;
}
/* aktivni polozka (Konfigurator) - modra linka pod textem jako v konfiguratoru */
#root > div > header ul[aria-label="Hlavní web"] > li > a.bg-primary::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 56px;
    height: 3px;
    border-radius: 3px;
    background: var(--svoboda-navy);
    transform: translateX(-50%);
}

/* ---------- paticka ---------- */
#root > div > footer {
    color: rgba(255, 255, 255, 0.75) !important;
}
#root > div > footer > div.bg-\[\#c6c6c6\] {
    background: var(--svoboda-navy-top) !important;
}
#root > div > footer > div.bg-\[\#c6c6c6\] > div {
    padding-top: 44px !important;
    padding-bottom: 28px !important;
    font-size: 13px;
    line-height: 1.7;
}
#root > div > footer h4 {
    position: relative;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.3px;
}
#root > div > footer h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background: var(--svoboda-orange);
}
#root > div > footer > div.bg-\[\#c6c6c6\] a {
    color: rgba(255, 255, 255, 0.85) !important;
}
#root > div > footer > div.bg-\[\#c6c6c6\] a:hover {
    color: #fff !important;
}
/* spodni pruh s copyrightem */
#root > div > footer > div.bg-white {
    border-top: 0 !important;
    background: var(--svoboda-navy-bottom) !important;
    color: rgba(255, 255, 255, 0.6);
}
#root > div > footer > div.bg-white a {
    color: rgba(255, 255, 255, 0.8) !important;
}
#root > div > footer > div.bg-white a:hover {
    color: #fff !important;
}
/* paticka na konci stranky, bez mezery pod ni */
#root > div > footer {
    margin-bottom: 0 !important;
}

/* najeti mysi na polozku menu - oranzova linka pod textem jako v konfiguratoru (bez sedeho pozadi) */
#root > div > header ul[aria-label="Hlavní web"] > li > a:hover {
    background: transparent !important;
}
#root > div > header ul[aria-label="Hlavní web"] > li > a::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: var(--svoboda-orange);
    transform: translateX(-50%);
    transition: width 0.2s ease;
}
#root > div > header ul[aria-label="Hlavní web"] > li > a:hover::after,
#root > div > header ul[aria-label="Hlavní web"] > li > a:focus-visible::after {
    width: 36px;
}
#root > div > header ul[aria-label="Hlavní web"] > li > a.bg-primary::after,
#root > div > header ul[aria-label="Hlavní web"] > li > a.bg-primary:hover::after {
    width: 56px;
    background: var(--svoboda-navy);
}