/* ==========================================================================
   Tmavý Režim
   ========================================================================== */

/* Trieda indikujúca tmavý režim na body elemente */
body.dark-mode {
    /* Predefinovanie CSS premenných pre tmavý režim */
    --color-bg: #121212;
    --color-bg-alt: #1e1e1e;
    --color-text: #e0e0e0;
    --color-text-light: #a0a0a0;
    --color-border: #333333;
    --color-card-bg: #1e1e1e;

    /* Tienenie upravené pre tmavé pozadie */
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    --box-shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.5);
}

/* Úprava obrázkov v tmavom režime, aby neboli príliš žiarivé */
body.dark-mode img:not(.logo-img):not(.partner-logo img) {
    filter: brightness(0.9) contrast(1.1);
}

/* Modál a overlay pre tmavý režim */
body.dark-mode .modal-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

body.dark-mode .modal-close:hover {
    background-color: var(--color-border);
}

/* Prechod pre zmenu témy */
* {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Header a Navigácia */
body.dark-mode .nav-link {
    color: var(--color-text);
}

/* Úprava formulárov pre tmavý režim */
body.dark-mode .form-control {
    background-color: #2a2a2a;
    color: #fff;
    border-color: #444;
}

body.dark-mode .form-control:focus {
    border-color: var(--color-primary);
    background-color: #333;
}

/* Partneri logá - v tmavom režime musia byť svetlejšie */
body.dark-mode .partner-logo img {
    filter: grayscale(100%) brightness(2) opacity(0.5);
}

body.dark-mode .partner-logo:hover img {
    filter: grayscale(0%) brightness(1) opacity(1);
}

/* Karty */
body.dark-mode .service-card {
    border-color: #333;
}

body.dark-mode .service-card:hover {
    border-color: var(--color-primary);
}

/* Tabuľky v tmavom režime */
body.dark-mode .params-table th {
    background-color: #2a2a2a;
    border-color: #444;
}

body.dark-mode .params-table td {
    border-color: #333;
}

/* Tlačidlá taby */
body.dark-mode .tab-btn {
    color: var(--color-text-light);
}

body.dark-mode .tab-btn:hover,
body.dark-mode .tab-btn.active {
    color: var(--color-primary);
}

/* Footer je už tmavý, ale môžeme doladiť kontrasty ak by bol zvyšok moc podobný */
body.dark-mode .site-footer {
    background-color: #000000;
    border-top: 1px solid #222;
}

/* Zvýraznenie ceny */
body.dark-mode .highlight-price {
    background-color: rgba(239, 127, 45, 0.2);
}