body.light:not(.error):not(.quiz):not(.pxs) {
    background: linear-gradient(
        rgba(255,255,255,0.92),
        rgba(245,245,245,0.98)
    ),
    url(/images/ikony/background_light.svg);

    background-size: cover;
    background-position: center;
    background-attachment: scroll; /* FIX jako dark */
}

body.light .fa-solid {
    color: #000 !important;
}

body.light #themeToggle {
    --toggle-bg: rgba(240, 240, 240, 0.85);
    --toggle-hover: #ccc;
    --toggle-icon: #111;
}

/* Header */

body.light header {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);

    transition: 0.35s ease;
}

body.light #nadpis_u_loga {
    color: rgba(15, 15, 15, 0.92);
    font-weight: 700;
    letter-spacing: 0.2px;
}

body.light .user-name {
    color: rgba(40,40,40,0.65);
}

body.light .user-name strong {
    color: rgba(20,20,20,0.9);
}

body.light .user-name .nav-avatar {
    border-color: rgba(89, 221, 15, .45);
    box-shadow: 0 0 8px rgba(89, 221, 15, .18);
}

body.light .menu-icons {
    color: #3a3a3a;
}

body.light nav#mainNav ul li a {
    color: #3a3a3a;
}

body.light nav#mainNav ul li a::after {
    background: #a0d85b;
}

@media (max-width: 1036px) {
    body.light header{
        border-bottom: 1px solid rgba(89, 221, 15, 0.22);
    }
    
    body.light nav#mainNav {
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
    }

    body.light nav#mainNav ul li a {
        color: #4a4a4a;
    }

    body.light nav#mainNav ul li a:hover {
        background: rgba(160, 216, 91, 0.15);
        color: #5a7a2f;
    }

    body.light nav#mainNav ul li a.current-section {
        background: rgba(160, 216, 91, 0.15);
        color: #a0d85b;
    }
}

body.light .news-ticker {
    background: rgba(255,255,255,0.70);
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

body.light .news-ticker-inner {
    color: rgba(20,20,20,0.65);
}

body.light .news-ticker::before,
body.light .news-ticker::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

/* Levý fade */
body.light .news-ticker::before {
    left: 0;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0.95),
        transparent
    );
}

/* Pravý fade */
body.light .news-ticker::after {
    right: 0;
    background: linear-gradient(
        to left,
        rgba(255,255,255,0.95),
        transparent
    );
}

body.light header.shrink {
    height: 66px;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

body.light .news-ticker.shrink {
    top: 66px;
}

.light #loader_page {
    background-color: rgba(255, 255, 255, 0.8);
}

.light .spinner_page {
    background:
        radial-gradient(farthest-side, #429f0f 94%, #0000) top/12px 12px no-repeat,
        conic-gradient(#0000 30%, #429f0f);
}

/* Breadcrumb */

body.light .breadcrumb {
    background: rgba(255, 255, 255, 0.6);
    color: #222;
    /* tmavý text */
}

body.light .breadcrumb li + li::before {
    color: #4aa30c;
    /* tmavší zelená šipka */
}

body.light .breadcrumb a {
    color: #4aa30c;
}

body.light .breadcrumb a:hover {
    color: #2e7a00;
}


/* Nadpisy */

body.light h1,
body.light h2,
body.light h3 {
    color: #2b2b2b;
}

body.light .hlavni-nadpis {
    color: #2b2b2b;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.light .hlavni-nadpis::after {
    background: #4ec10b;
    box-shadow: 0 0 6px rgba(78, 193, 11, 0.4);
}

/* Podnadpis */

body.light .podnadpis {
    color: #333;
}

/* footer */

body.light .footer {
    color: #333;
    border-top: 1px solid #ccc;
    background: #fff;
}

body.light .footer .follow-us {
    color: #666;
}

body.light .social-link svg {
    fill: #777;
    filter: none;
}

body.light .social-link:hover svg {
    fill: #222;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

body.light .footer-text {
    color: #666;
}

body.light .footer-text a {
    color: #4a4a4a;
}

body.light .footer-text a:hover {
    color: #000;
}

body.light .footer-text .sister-link:hover i {
    color: #000;
}

/* Kontakt */

body.light .contact-card {
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.85),
        rgba(245,245,245,0.65)
    );
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

@media (hover: hover) {
    body.light .contact-card:hover {
        border-color: rgba(78,193,11,0.35);
        box-shadow: 0 0 22px rgba(78,193,11,0.18);
    }
}

body.light .contact-card h3 {
    color: #222;
}

body.light .contact-link {
    color: rgba(0,0,0,0.72);
}

body.light .contact-link i {
    color: #4ec10b;
}

@media (hover: hover) {
    body.light .contact-link:hover {
        color: #000;
    }
}

body.light .contact-muted {
    color: rgba(0,0,0,0.50);
}

body.light .main-contact {
    background: rgba(78,193,11,0.10);
    border: 1px solid rgba(78,193,11,0.25);
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

body.light .main-contact p {
    color: rgba(0,0,0,0.65);
}

body.light .main-contact a {
    color: #4ec10b;
}

body.light .main-contact a:hover {
    color: #2e7a00;
}

@media (max-width: 600px) {
    body.light .contact-link {
        background: rgba(0,0,0,0.03);
        border: 1px solid rgba(0,0,0,0.08);
    }
}

body.light #posila,
body.light #pomoc,
body.light #adresa,
body.light #adresa2,
body.light #write-form {
    color: #2b2b2b;
}

body.light .map-button {
    background: linear-gradient(135deg, #f0f0f0, #4cafaf);
    color: #1a1a1a;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

body.light .map-button:hover {
    background: linear-gradient(135deg, #4cafaf, #eaeaea);
    color: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.light .btn-outline {
    background-color: rgba(0, 0, 0, 0.03);
    color: #000;
    border: 2px solid #4ec10b;
}

body.light .btn-outline:hover {
    background-color: #4ec10b;
    color: #000;
    box-shadow: 0 0 14px rgba(78, 193, 11, 0.3);
}

/* Galerie */

body.light .event-card {
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(0,0,0,0.08);

    backdrop-filter: blur(14px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);

    color: #111;
}

body.light .event-card:hover {
    border-color: rgba(89,221,15,0.45);
    box-shadow: 0 12px 28px rgba(89,221,15,0.18);
}

body.light .event-date {
    background: rgba(89,221,15,0.16);
    border: 1px solid rgba(89,221,15,0.35);
    color: #2c7d05;
}

body.light .event-date small {
    opacity: 0.65;
}

/* ===== INFO TEXT ===== */

body.light .event-info h3 {
    color: #111;
}

body.light .event-info p {
    color: rgba(0,0,0,0.55);
}

/* ===== ARROW ===== */

body.light .event-arrow {
    color: rgba(0,0,0,0.25);
}

body.light .event-card:hover .event-arrow {
    color: #2c7d05;
}

/* ===== FEATURED EVENT ===== */

body.light .event-card.featured {
    border-color: rgba(89,221,15,0.65);
    box-shadow: 0 0 25px rgba(89,221,15,0.22);
}

body.light .event-card.featured::before {
    background: linear-gradient(135deg, #59dd0f, #3aa309);
    color: #000;
}

body.light .materials,
body.light .galerie-rok,
body.light .trenink {
    color: #1a1a1a;
    background: rgba(0, 0, 0, 0.04);
    border: 1.5px solid rgba(78, 193, 11, 0.15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

body.light .materials:hover,
body.light .galerie-rok:hover,
body.light .trenink:hover {
    background: rgba(78, 193, 11, 0.12);
    color: #000;
    border-color: rgba(78, 193, 11, 0.35);
}

body.light #rajce {
    background: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.12);
    color: #111;
}

body.light #rajce:hover {
    background: rgba(89,221,15,0.18);
    transform: translateY(-3px);
}

body.light .infozavody {
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body.light .infozavody p {
    color: #222;
}

body.light .info-card {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

body.light .info-card p {
    color: #2a2a2a;
}

body.light .icon-map {
    fill: currentColor;
}

body.light #toggleInfoButton {
    background: rgba(78, 193, 11, 0.08);
    color: #111;
}

body.light #toggleInfoButton:hover {
    background: rgba(78, 193, 11, 0.18);
    color: #000;
}

body.light #toggleInfoButton i {
    color: #4ec10b !important;
}

body.light .arrow-icon {
    color: #555;
}

body.light #last-updated {
    color: #4ec10b;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.02), rgba(78, 193, 11, 0.08));
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.light #last-updated i {
    color: #4ec10b !important;
}

body.light i.fa-magnifying-glass {
    color: #1f1f1f;
}

body.light input.input-filter {
    color: #111;
}

body.light .search-container {
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(0,0,0,0.08);
}

body.light .input-filter {
    color: #111;
}

body.light .input-filter::placeholder {
    color: rgba(0,0,0,0.45);
}

body.light .search-container i.fa-magnifying-glass {
    color: rgba(0,0,0,0.45);
}

body.light .search-container:focus-within i.fa-magnifying-glass {
    color: #4ec10b;
}

body.light #results-count {
    color: #1a1a1a;
}

body.light .container .image-container a::before,
body.light .container-random .image-container-random a::before {
    color: white;
}

body.light .container .image-container a::after,
body.light .container-random .image-container-random a::after {
    background: rgba(0, 0, 0, 0.15);
}

body.light h3#random-img_header {
    color: #333;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

/* Materiály */

body.light .uzle {
    background-color: #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

body.light a#uzle {
    color: #4aa30c;
    border-bottom: 2px solid #4aa30c;
}

body.light h3.odbor-smer {
    color: #222;
}

body.light .odbor-box {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #4aa30c44;
    color: #4aa30c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

body.light .odbor-box:hover {
    background: rgba(89, 221, 15, 0.07);
    border-color: #7fff2f;
}

body.light .odbor-box i {
    color: #333 !important;
}

body.light .download-btn_files {
    background-color: #4ec10b;
    color: #000;
}

body.light .download-btn_files:hover {
    background-color: #48b60c;
}

body.light .mladyhasic,
body.light .info_smernice {
    color: #333;
}

body.light .mladyhasic strong,
body.light .info_smernice strong {
    color: #4cafaf;
}

body.light #discipliny-text {
    color: #222;
}

/* Zajimavosti */

body.light .poznani_hasice li::marker {
    color: #333;
}

body.light .poznani_hasice li strong {
    color: #222;
}

body.light .zajimavosti-text {
    color: #222;
}

/* index */


body.light .logout-result {
    color: #2b2b2b;
    background: #d7f3d7;
}

body.light .logout-result i {
    color: #2b2b2b !important;
}

body.light .hero {
    background: linear-gradient(
        rgba(255,255,255,0.35),
        rgba(255,255,255,0.85)
    ),
    url("/images/ikony/hero.webp") center/cover no-repeat;
}

body.light .hero::before {
    filter: blur(5px);
    opacity: 0.65;
}

body.light .hero::after {
    background: linear-gradient(
        rgba(255,255,255,0.55),
        rgba(255,255,255,0.92)
    );
}

body.light .hero h2 {
    color: #222;
}

body.light .hero p {
    color: rgba(0,0,0,0.65);
}

body.light .hero-btn.secondary {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.15);
    color: #222;
}

body.light .hero-btn.secondary:hover {
    background: rgba(0,0,0,0.08);
}

body.light .hero-btn.primary {
    background: linear-gradient(
        90deg,
        #7eea3a,
        #4cafaf,
        #7eea3a
    );

    background-size: 300% 300%;
    animation: glowMove 7s ease-in-out infinite;

    color: #111;
    font-weight: 700;

    box-shadow: 0 6px 18px rgba(0,0,0,0.08);

    will-change: background-position;
}

body.light .hero-btn.primary:hover {
    box-shadow:
        0 0 16px rgba(89,221,15,0.25),
        0 0 26px rgba(76,175,175,0.18);
    transform: translateY(-2px);
}

body.light .cta-section::after {
    background: linear-gradient(
        to right,
        transparent,
        rgba(78,193,11,0.25),
        transparent
    );
}

body.light .cta-hint {
    color: #222;
}

body.light .cta-btn {
    font-weight: 700;
}

/* Primary pořád hlavní zelené */
body.light .cta-btn.primary {
    background: linear-gradient(
        135deg,
        #59dd0f,
        #3aa309
    );
    color: #000;
    box-shadow: 0 10px 22px rgba(78,193,11,0.25);
}

body.light .cta-btn.primary:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 0 26px rgba(78,193,11,0.35);
}

/* Secondary musí být tmavší glass */
body.light .cta-btn.secondary {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.14);
    color: #222;
}

body.light .cta-btn.secondary:hover {
    transform: translateY(-3px);
    background: rgba(0,0,0,0.08);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}

/* Outline zelené tlačítko */
body.light .cta-btn.outline {
    background: transparent;
    border: 1px solid rgba(78,193,11,0.55);
    color: #2e7a00;
}

body.light .cta-btn.outline:hover {
    transform: translateY(-3px);
    background: rgba(78,193,11,0.14);
    box-shadow: 0 0 18px rgba(78,193,11,0.22);
}

body.light .section-title {
    color: #222;
}

body.light .section-title::after {
    content: "";
    display: block;
    width: 85px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 99px;

    background: linear-gradient(
        to right,
        #59dd0f,
        rgba(89,221,15,0.25)
    );
}

body.light .section-subtitle {
    color: rgba(0,0,0,0.6);
}

body.light .training-section {
  background: rgba(0,0,0,0.02);
}

body.light .training-card {
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 8px 18px rgba(0,0,0,0.06);
}

body.light .training-card h3 {
    color: #222;
}

body.light .training-card p {
    color: rgba(0,0,0,0.65);
}

body.light .training-badge {
    background: rgba(78,193,11,0.14);
    border: 1px solid rgba(78,193,11,0.35);
    color: #2e7a00;
}

body.light .promotion-section {
    background: radial-gradient(
        circle at top,
        rgba(76,175,175,0.10),
        transparent 65%
    ),
    #f8f8f8;
}

body.light .promotion-title {
    color: rgba(15,15,15,0.88);
}

body.light .promo-card {
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

body.light .promo-card:hover {
    box-shadow: 0 0 6px #23e5e5;
}

body.light .promo-info h3 {
    color: #111;
}

body.light .promo-info p {
    color: rgba(0,0,0,0.65);
}

body.light .promo-click {
    color: rgba(0,140,140,0.75);
}

body.light .btn-download {
    background-color: #23e5e5;
    color: #000;
}

body.light .btn-download:hover {
    background-color: #1ddcdc;
    box-shadow: 0 0 6px rgba(35, 229, 229, 0.4);
}

body.light .promo-card.promo-next {
    background: #f7f7f7;
    border: 1px solid rgba(76,175,175,0.35);
}

body.light #next-event-text {
    background: rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.75);
}

body.light #next-event-text strong {
    color: #000;
}

body.light #next-event-text small {
    color: rgba(76,175,175,0.85);
}

/* arrow-top */

body.light #return-to-top {
    background: rgba(240, 240, 240, 0.7);
}

body.light #return-to-top i {
    color: #333 !important;
}

/* admin loading */

body.light .loading-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

body.light .loader {
    background:
        radial-gradient(farthest-side, #59dd0f 94%, #0000) top/12px 12px no-repeat,
        conic-gradient(#0000 30%, #59dd0f);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 12px), #000 0);
    filter: brightness(1.2);
}

body.light .loading-text {
    color: #333;
    /* tmavší text na světlém pozadí */
}

body.light .dot {
    background-color: #59dd0f;
}

/* admin profile card */

body.light .user-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(18px) saturate(150%);
    border: 1px solid rgba(89, 221, 15, 0.25);
    box-shadow: 0 0 30px rgba(89, 221, 15, 0.2);
}

body.light .user-card:hover {
    box-shadow: 0 0 40px rgba(89, 221, 15, 0.3);
}

body.light .user-img-wrapper {
    border-color: rgba(60, 160, 20, 0.55);
    box-shadow: 0 0 14px rgba(60, 160, 20, 0.25);
}

body.light .default-avatar {
    filter: invert(1);
}

body.light .avatar-click:hover {
    box-shadow: 0 0 22px rgba(60, 160, 20, 0.35);
}

body.light .avatar-loader {
    background: rgba(255, 255, 255, 0.55);
}

body.light .avatar-loader::after {
    border-color: rgba(0, 0, 0, 0.25);
    border-top-color: #3aa914;
}

body.light .avatar-badge,
body.light .avatar-delete-badge {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(6px);
    color: #124c0f;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

body.light .avatar-badge {
    border-color: #3aa914;
}

body.light .avatar-badge:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 16px rgba(58, 169, 20, 0.35);
}

body.light .avatar-delete-badge {
    border-color: rgba(200, 60, 60, .55);
    color: #7a1e1e;
    box-shadow: 0 0 12px rgba(200, 60, 60, .2);
}

body.light .avatar-delete-badge:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 16px rgba(200, 60, 60, .3);
}

body.light .avatar-cropper {
    background: rgba(255, 255, 255, 0.65);
}

body.light .cropper-dialog {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.18);
}

body.light .cropper-viewport {
    background: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.06);
}

body.light .crop-mask::before {
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.25) 40%);
}

body.light .crop-mask::after {
    border: 2px dashed rgba(58, 169, 20, .55);
    box-shadow: 0 0 14px rgba(58, 169, 20, .18) inset;
}

body.light .btn-avatar,
body.light .btn-avatar-submit {
    border-color: #2a2a2a;
    color: #1e1e1e;
    background: transparent;
}

body.light .btn-avatar:hover {
    background: #1e1e1e;
    color: #fff;
}

body.light .btn-avatar-submit {
    border-color: #3aa914;
    color: #155b10;
}

body.light .btn-avatar-submit:hover {
    background: #3aa914;
    color: #fff;
}

body.light #cropZoom {
    accent-color: #3aa914;
}





































body.light .user-card-info h2 {
    color: #222;
}

body.light .user-card-info p {
    color: #555;
}

body.light p#team_link span a {
    color: #222;
}

body.light p#team_link span a:hover {
    color: #59dd0f;
}

body.light p#team_link span a:hover i {
    color: #59dd0f !important;
}

body.light .log_out a i {
    color: #222 !important;
}

/* admin vysledky */

body.light .vysledky_container {
    background: linear-gradient(135deg, #ffffffb3, #f7f7f7cc);
}

body.light .race-search__bar {
    background: rgba(255, 255, 255, .78);
    border: 1.5px solid rgba(0, 0, 0, .12);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
}

body.light .race-search__bar:focus-within {
    border-color: #4ec10b;
    box-shadow: 0 0 0 3px rgba(78, 193, 11, .18);
}

body.light .race-search__bar i {
    color: #1f1f1f;
}

body.light .race-search__input {
    color: #111;
}

body.light .race-search__input::placeholder {
    color: #777;
    opacity: .85;
}

body.light .race-search__clear {
    background: rgba(0, 0, 0, .06);
    border-color: rgba(0, 0, 0, .12);
    color: #222;
}

body.light .race-search__clear:hover {
    background: rgba(78, 193, 11, .18);
    border-color: rgba(78, 193, 11, .45);
    color: #000;
}

body.light .race-search__hints {
    color: #444;
}

body.light .race-search__hints code {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(0, 0, 0, .08);
    color: #222;
    font-family: ui-monospace, Menlo, monospace;
}

body.light .race-chip {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(78, 193, 11, .22);
    color: #222;
}

body.light .race-chip:hover {
    background: rgba(78, 193, 11, .18);
    border-color: rgba(78, 193, 11, .55);
    color: #000;
}

body.light .race-chip--active {
    background: rgba(78, 193, 11, .28);
    border-color: rgba(78, 193, 11, .85);
    color: #111;
}

body.light .race-search__count {
    color: #1a1a1a;
}

body.light .race-search__empty {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(0, 0, 0, .08);
    color: #222;
}

body.light mark.hl {
    background: linear-gradient(90deg, rgba(124, 221, 64, .45), rgba(124, 221, 64, .25));
    color: #0f2c00;
}

@media (max-width: 600px) {
    body.light .race-search__bar {
        height: 46px;
        border-radius: 14px;
    }

    body.light .race-search__input {
        font-size: 16px;
        padding: 0 48px 0 40px;
    }

    body.light .race-search__clear {
        width: 40px;
        height: 40px;
        right: 4px;
    }

    body.light .race-search__clear svg {
        width: 19px;
        height: 19px;
    }

    body.light .race-search__hints {
        font-size: 13px;
        margin: 8px 8px 6px;
    }

    body.light .race-search__hints code {
        white-space: normal;
    }

    body.light .race-search__chips {
        justify-content: flex-start;
        padding-left: 4px;
    }

    body.light .race-chip {
        font-size: 13px;
        padding: 6px 9px;
    }
}

@media (max-width: 360px) {
    body.light .race-search__hints {
        font-size: 12.6px;
    }
}

body.light #format_time,
body.light .vysledky_nej,
body.light .vysledky_tve,
body.light .vysledky_container2 p,
body.light .vysledky_seznam,
body.light ul.vysledky_seznam li {
    color: #222;
}

body.light #vysledky_text {
    color: #111;
}

body.light .kategorie_datum,
body.light .kategorie_misto {
    color: #444;
}

body.light .vysledky_header {
    color: #59dd0f;
}

body.light .vysledky_header img {
    filter: invert(1);
}

body.light .vysledky_container2 {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(89, 221, 15, 0.2);
    box-shadow: 0 0 20px rgba(89, 221, 15, 0.1);
}

body.light .vysledky_container2:hover {
    box-shadow: 0 0 30px rgba(89, 221, 15, 0.2);
}

body.light .vysledky_tve_jed {
    background: linear-gradient(90deg, rgba(89, 221, 15, 0.12), rgba(89, 221, 15, 0.06));
}

body.light #nic_admin {
    color: #59dd0f;
}

body.light #neomezen_pristup {
    background-color: #ffffff;
    color: #222;
    box-shadow: 0 0 12px rgba(89, 221, 15, 0.15);
}

body.light #neomezen_pristup p {
    color: #222;
}

/* calendar */

body.light #calendar_section h2 {
    text-shadow: none;
}

body.light #calendar-container {
    background: #ffffff;
    border-top: 2px solid #4cafaf;
    box-shadow: 0 8px 25px rgba(0, 255, 0, 0.08);
}

body.light .fc .fc-daygrid-day-number,
body.light .fc .fc-col-header-cell-cushion {
    color: #1565c0;
}

body.light .fc-toolbar-title {
    color: #222;
}

body.light .fc-theme-standard td,
body.light .fc-theme-standard th {
    border: 1px solid #ddd !important;
}

body.light .fc-button-primary {
    background: #1976d2;
    color: #fff;
}

body.light .fc-button-primary:hover {
    background: #1565c0;
}

body.light .event-details {
    background: #ffffff;
    color: #333;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

body.light .event-details h3 {
    color: #1976d2;
}

body.light .event-details p {
    color: #333;
}

body.light .close-btn {
    color: #555;
}

body.light .close-btn:hover {
    color: red;
}

body.light .remaining-days {
    color: #ff9800;
}

/* Login */

body.light .login-box {
    border: 2px solid rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(15px);
}

body.light .login_header {
    color: #222;
    text-shadow: none;
}

body.light .input-box {
    border-bottom: 2px solid #333;
}

body.light .input-box label {
    color: #333;
}

body.light .input-box input,
body.light .input-box textarea {
    color: #000;
}

body.light .input-box .icon {
    color: #555;
}

body.light .input-box textarea::placeholder {
    color: #888;
}

body.light .remember label {
    color: #000;
}

body.light button.vibrate-link {
    background: transparent;
    border: 2px solid #333;
    color: #333;
}

body.light button.vibrate-link:hover {
    background: #333;
    color: #fff;
}

body.light fa-regular,
body.light .fa-solid {
    color: #333;
}

body.light button.vibrate-link[type="submit"]:hover i {
    color: #fff !important;
}

body.light .form-result {
    color: #000;
}

body.light .success {
    background: #c8e6c9;
}

body.light .error {
    background: #ffcdd2;
}

body.light #podminky {
    color: #222;
}

body.light .input-box textarea::placeholder {
    color: #000;
}

/* Pay */

body.light .pay-container {
    color: #111;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

body.light h1 {
    color: #111;
}

body.light .qr-container .qr img {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

body.light .account {
    color: #333;
}

body.light .pay-footer {
    color: #666;
}

/* Error */

body.error.light {
    background-color: #f8f8f8;
    color: #222;
}

body.error.light .error-container {
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

body.error.light .error-image {
    filter: invert(1);
}

body.error.light h1 {
    color: #c40000;
    /* stále výrazné, ale méně křiklavé než #ff2b2b */
}

body.error.light .btn {
    background-color: #2ecc71;
    color: #fff;
}

body.error.light .btn:hover {
    background-color: #27ae60;
}

/* Kvíz */

body.quiz.light {
    background: linear-gradient(120deg, #ffffff, #dbffcb, #ffffff, #dbffcb, #ffffff);
    background-size: 200% 200%;
    animation: gradientAnimation 12s ease infinite;
    color: #000;
}

body.light h2,
body.light label,
body.light .points,
body.light .correct,
body.light .incorrect,
body.light .halfAnswr,
body.light #correct-answer,
body.light #submit,
body.light p.finish,
body.light #numb-answer,
body.light #timer,
body.light #h2-score,
body.light ::placeholder,
body.light .correctIND,
body.light .incorrectIND {
    color: #222;
}

body.light h2 {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

body.light label {
    border-color: #4caf50;
}

body.light label.active {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #fff;
    box-shadow: 0 0 10px #4caf50;
}

body.light #submit {
    border: 2px solid #222;
    color: #222;
}

body.light #submit:hover {
    background: #222;
    color: #fff;
}

body.light .points-animation {
    background: #fff;
    color: #4caf50;
}

body.light .correct {
    background: #d4f4d4;
    border: 3px solid #4caf50;
}

body.light .incorrect {
    background: #ffd4d4;
    border: 3px solid #a80000;
}

body.light .halfAnswr {
    background: linear-gradient(90deg, #ffd4d4, #d4f4d4);
    border: 3px solid #ccc;
}

body.light #correct-answer {
    color: #000;
}

body.light #scoreIndicators {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body.light .correctIND {
    background-color: #b2ffb2;
    color: #000;
}

body.light .incorrectIND {
    background-color: #ffb2b2;
    color: #000;
}

body.light #userAnswer {
    background: #fff;
    color: #000;
    border: 2px solid #4caf50;
}

body.light #userAnswer:focus {
    background-color: #caffc7;
    color: #000;
    box-shadow: 0 0 10px #4caf50;
}

body.light ::placeholder {
    color: #999;
}

body.light #userAnswer:focus::placeholder {
    color: #333;
}

body.light .overlay {
    background: rgba(255, 255, 255, 0.5);
}

body.light footer {
    color: #444;
}

body.light .restart-btn {
    background-color: #4caf50;
    color: #fff;
}

body.light .restart-btn:hover {
    background-color: #45a049;
}

body.light ::-webkit-scrollbar-track {
    background: #f0f0f0;
}

body.light ::-webkit-scrollbar-thumb {
    background: #ccc;
}

/* Pexeso */

body.pxs.light {
    background-color: #f4f4f4;
    color: #1a1a1a;
}

body.light .card .front {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(200, 200, 200, 0.3));
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

body.light .card .back {
    background-color: #ffffff;
    color: #222;
}

body.light .remaining-pairs {
    color: #c21807;
}

body.light .message {
    background-color: rgba(255, 255, 255, 0.9);
    color: #2e7d32;
}

body.light .restart-button {
    background-color: #4ec10b;
    color: #000;
}

body.light .restart-button:hover {
    background-color: #45a049;
}

/* profile button */

body.light #profileButton {
    background-color: #429f0f;
    color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body.light #profileArrow {
    background-color: #429f0f;
    color: #ffffff;
}

body.light #profileButton:hover,
body.light #profileArrow:hover {
    background-color: #ffffff;
    color: #429f0f;
    transition: all 0.3s;
}

body.light #profileButton:active,
body.light #profileArrow:active {
    background-color: #59dd0f;
    color: #000;
}