body {
    font-size: 15px !important;
    background-color: #002f6c !important;
    color: #fff !important;
}

.custom-underline {
    text-decoration: underline;
    text-decoration-color: #fcfdfd;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px; /* vzdálenost od textu */
}

/* HERO styl */
.hero{
    /* výchozí hodnoty – použijí se, když nic nenastavíš inline */
    --hero-min-h: 100vh;    /* výchozí */
    --hero-bg: url("../images/hero.jpg");
    --hero-pos: center;                 /* např. "center 30%" */
    --hero-tint: #002f6c;
    --hero-tint-opacity: .9;            /* 0–1 */
    --hero-gray: 100%;                  /* 0% = bez šedé */
    --hero-darken: 0;
    min-height: var(--hero-min-h);  /* <— tady */
    position: relative;
    isolation: isolate;
    width: 100%;
    XXmin-height: 100vh;
    color: #fff;
    overflow: hidden;
}

.hero::before,
.hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
}

/* Obrázek – bere URL a pozici z proměnných */
.hero::before{
    background: var(--hero-bg) var(--hero-pos) / cover no-repeat;
    filter: grayscale(var(--hero-gray));
}

/* Tónování – barva a intenzita z proměnných */
.hero::after{
    background: var(--hero-tint);
    mix-blend-mode: color;
    opacity: var(--hero-tint-opacity);
}
/* Vinětace – tmaví okraje, střed nechá čistý */
.hero .vignette {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1; /* stále pod textem, nad obrázkem/kolorováním */
    /* Jemná vinětace – uprav si procenta a alfa */
    background: radial-gradient(
            circle at 50% 45%,
            rgba(0, 0, 0, 0) 55%,
            rgba(0, 0, 0, 0.25) 75%,
            rgba(0, 0, 0, 0.55) 100%
    );
}

/* Pokud chceš výraznější vinětaci jen u krajů (větší střed) */

.hero .vignette2 {
  background: radial-gradient(
    circle at 50% 50%,
    transparent 60%,
    rgba(0,0,0,.35) 80%,
    rgba(0,0,0,.65) 100%
  );
}
.hero .hero-shade{
    position:absolute; inset:0; z-index:-1;
    background: rgba(0,0,0,var(--hero-darken));
}

/*COOKIES*/
.cc-banner{position:fixed; right:1rem; bottom:1rem; max-width:420px; z-index:9999;
    background:#0b2c55; color:#fff; padding:1.25rem 1.25rem 1rem; border-radius:.75rem;
    box-shadow:0 10px 30px rgba(0,0,0,.25); font:14px/1.45 system-ui,Segoe UI,Roboto,Arial}
.cc-banner a{color:#cfe3ff; text-decoration:underline}
.cc-banner[hidden]{display:none}
.cc-close{position:absolute; right:.5rem; top:.5rem; background:transparent; border:0; color:#fff; font-size:20px; cursor:pointer}
.cc-groups{display:grid; gap:.5rem; margin:.75rem 0 1rem}
.cc-item{display:flex; align-items:center; gap:.5rem}
.cc-actions{display:flex; gap:.5rem; flex-wrap:wrap}
.cc-btn{border:1px solid #fff; background:transparent; color:#fff; padding:.5rem .75rem; border-radius:.5rem; cursor:pointer}
.cc-accept{background:#ffffff; color:#0b2c55; border-color:#ffffff}
.cc-decline{border-color:#9fb7da; color:#9fb7da}
.cc-save{border-color:#fff; color:#fff}
.cc-details{margin-top:.5rem}
.cc-list{margin:.5rem 0 0 1rem}

.content-wrapper {
    background-color: #E1E1E1;
}