html {
    color-scheme: light;
}

body,
body.dark {
    background-color: #fafafa;
    color: #1e293b;
}

:target:before {
    content: "";
    display: block;
    height: 60px;
    margin: -60px 0 0;
}

.spinner {
    display: none;
}

.htmx-request .spinner {
    display: inline;
}

.htmx-request.spinner {
    display: inline;
}

/* Header */
#top-header {
    height: 60px;
    background: #fff;
}

#top-header .container,
#top-header .container > div {
    height: 60px;
}

#top-header.sticky-header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

header .menus > ul li > a {
    color: #1e293b !important;
}

header .menus > ul li > a:hover {
    color: var(--color-primary, #47bdff) !important;
}

header .menus.open-menus {
    background: #fff !important;
}

.dark header .menus {
    background: #fff !important;
}

.dark header .menus > ul li > a {
    color: #1e293b !important;
}

/* Hero */
#hero img {
    filter: brightness(1.05);
}

#hero .container > div > div {
    color: #fff;
}

#hero h2.hero-title-shadow {
    color: rgba(255, 255, 255, 0.98);
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.25);
}

#hero p {
    color: #fff;
}

.hero-title-shadow {
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.25);
}

/* Informace — bg-slate-900 není v kompilovaném Tailwindu */
#informace > .container > div {
    background-color: #0f172a;
    color: #fff;
}

#informace .heading {
    margin-bottom: 1.25rem;
}

#informace .heading h4 {
    color: #fff !important;
}

#informace .informace-list,
#informace .informace-list li {
    color: rgba(255, 255, 255, 0.95);
}

/* Ohlasy */
#ohlasy {
    background: linear-gradient(135deg, #7c3fa8 0%, #b476e5 45%, #9b59d0 100%);
}

#ohlasy .heading h4 {
    color: #fff !important;
}

#ohlasy .swiper-slide > div {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Ohlasy swiper nav */
#ohlasy .testimonial-swiper-button-prev,
#ohlasy .testimonial-swiper-button-next {
    position: static;
    margin: 0;
    flex-shrink: 0;
}

#ohlasy .testimonial-swiper-button-prev::after,
#ohlasy .testimonial-swiper-button-next::after {
    content: none;
}

/* Form */
.vila-form .webikus-form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.vila-form .form-honeypot,
.vila-form .field:has(#form-captcha) {
    display: none;
}

.vila-form .form-error:not([hidden]),
.vila-form .form-success:not([hidden]) {
    display: block;
    margin-top: 1rem;
    font-weight: 600;
}