/* Východisko + light */
:root,
:root[data-bs-theme="light"] {
    /* Základ rozhrania */
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-border-color: #dee2e6;
    /* Paleta – utilitky, badge, alerts, btn, table-* */
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13,110,253;
    --bs-primary2: #001783;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108,117,125;
    --bs-success: #198754;
    --bs-success-rgb: 25,135,84;
    --bs-success2: #00562e;
    --bs-info: #0dcaf0;
    --bs-info-rgb: 13,202,240;
    --bs-warning: #ffc107;
    --bs-warning-rgb: 255,193,7;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220,53,69;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248,249,250;
    --bs-dark: #212529;
    --bs-dark-rgb: 33,37,41;
    --bs-code-color: #c40000;
    /* Užitočné text/link kontrasty (Bootstrap ich používa) */
    --bs-emphasis-color: #000; /* zvýraznený text */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: #0a58ca;
    /* Pár komponentových (len ak potrebuješ) */
    --bs-card-bg: var(--bs-body-bg);
    --bs-table-bg: transparent;
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-modal-bg: var(--bs-body-bg);
    --bg-widget-info-available: #60bd5d;
    --bg-widget-info-holidays: #d7d000;
    --bg-widget-info-slots: #e2e3e5;
    --bg-widget-info-occupied: #ffb0b7;
    --subs-crit-bg: #ffe3e3; /* uprav si farby tu */
    --subs-crit-border: #dc3545;
    --subs-crit-text: #721c24;
}

    :root[data-bs-theme="light"] h1,
    :root[data-bs-theme="light"] h2 {
        color: var(--bs-success2);
    }

    :root[data-bs-theme="light"] .badge-success {
        background-color: #2e722c;
        color: var(--bs-light);
        font-weight: 600;
        font-size: .9rem;
        padding: .1rem .4rem;
        border-radius: .4rem;
    }

    :root[data-bs-theme="light"] .badge-secondary {
        background-color: #585858;
        color: #f1f1f1;
        font-weight: 600;
        font-size: .9rem;
        padding: .1rem .4rem;
        border-radius: .4rem;
    }

    :root[data-bs-theme="light"] .badge-warning {
        background-color: #6b6810;
        color: #f1f1f1;
        font-weight: 600;
        font-size: .9rem;
        padding: .1rem .4rem;
        border-radius: .4rem;
    }

    :root[data-bs-theme="light"] .badge-danger {
        background-color: #a42020;
        color: #f1f1f1;
        font-weight: 600;
        font-size: .9rem;
        padding: .1rem .4rem;
        border-radius: .4rem;
    }
    :root[data-bs-theme="light"] .reserve-text-danger {
        color: #8b0000;
    }
    :root[data-bs-theme="light"] .calendar-date-text {
        color: var(--bs-dark);
    }

    :root[data-bs-theme="light"] input[type="date" i]::-webkit-calendar-picker-indicator {
        filter: invert(1) brightness(0.5);
    }

    /**widget**/
    :root[data-bs-theme="light"] .table-widget {
        --bs-table-bg: #d3d3d387;
        --bs-table-color: #000000;
        --bs-table-border-color: #3a3a3a;
    }

        :root[data-bs-theme="light"] .table-widget > thead {
            --bs-table-bg: rgb(65, 65, 65); /* podklad hlavičky */
            --bs-table-color: #f1f1f1; /* text v hlavičke */
            --bs-table-border-color: #3a3a3a; /* spodná hrana */
        }

        :root[data-bs-theme="light"] .table-widget .table-warning {
            --bs-table-bg: #d7d000;
            --bs-table-color: inherit;
            --bs-table-border-color: #000000;
            --bs-table-hover-bg: rgba(255, 200, 0, .20);
            --bs-table-striped-bg: rgba(255, 200, 0, .16);
            --bs-table-active-bg: rgba(255, 200, 0, .24);
            box-shadow: 0 0 8px #aeb358 inset;
        }

        :root[data-bs-theme="light"] .table-widget .table-success {
            --bs-table-bg: #60bd5d;
            --bs-table-color: inherit;
            --bs-table-border-color: #464b00;
            --bs-table-hover-bg: rgba(40, 200, 120, .20);
            --bs-table-striped-bg: rgba(40, 200, 120, .16);
            --bs-table-active-bg: rgba(40, 200, 120, .24);
            box-shadow: inset 0px -20px 20px 0px #28412842;
        }

        :root[data-bs-theme="light"] .table-widget .table-danger {
            --bs-table-bg: #ffb0b7;
            --bs-table-color: #000000 : inherit;
            --bs-table-border-color: #774f53;
            --bs-table-hover-bg: rgba(40, 200, 120, .20);
            --bs-table-striped-bg: rgba(40, 200, 120, .16);
            --bs-table-active-bg: rgba(40, 200, 120, .24);
            box-shadow: inset 0px -20px 20px 0px #33000042;
        }

    /**services**/
    :root[data-bs-theme="light"] .alert-light {
        --bs-alert-color: var(--bs-light-text-emphasis);
        --bs-alert-bg: var(--bs-light-bg-subtle);
        --bs-alert-border-color: var(--bs-light-border-subtle);
        --bs-alert-link-color: var(--bs-light-text-emphasis);
    }


    /**day slots**/
    :root[data-bs-theme="light"] .widget-btn-success {
        --bs-btn-color: inherit;
        --bs-btn-bg: #60bd5d;
        --bs-btn-border-color: #3a3a3a;
        --bs-btn-hover-bg: #7cca79;
        --bs-btn-hover-border-color: #3a3a3a;
        box-shadow: inset 0px -20px 20px 0px #28412842;
    }


    /**theme switcher**/
    :root[data-bs-theme="light"] .tb-switcher-wrap .tb-switcher-btn {
        background: #e2e2e2;
        color: #0b0f14;
        border: 1px solid #464b00;
        border-radius: .7rem;
        padding: .6rem .7rem;
        box-shadow: none;
    }








    /* ============= DARK TÉMA ============= */



    :root[data-bs-theme="dark"] {
        /* Základ */
        --bs-body-bg: #0b0f14;
        --bs-body-bg-rgb: 11,15,20;
        --bs-body-color: #e6e9ee;
        --bs-body-color-rgb: 230,233,238;
        --bs-border-color: #263141;
        /* Paleta */
        --bs-primary: #66b2ff;
        --bs-primary-rgb: 102,178,255;
        --bs-primary2: #6681ff;
        --bs-secondary: #93a1b2;
        --bs-secondary-rgb: 147,161,178;
        --bs-secondary-bg-rgb: 15,20,30;
        --bs-success: #4cc38a;
        --bs-success-rgb: 76,195,138;
        --bs-success2: #ddb025;
        --bs-info: #5dd3f3;
        --bs-info-rgb: 93,211,243;
        --bs-warning: #ffd36e;
        --bs-warning-rgb: 255,211,110;
        --bs-danger: #ff7b86;
        --bs-danger-rgb: 255,123,134;
        --bs-light: #dce3ea;
        --bs-light-rgb: 220,227,234;
        --bs-dark: #0b0f14;
        --bs-dark-rgb: 11,15,20;
        --bs-code-color: #ff8484;
        /* Linky & dôraz */
        --bs-emphasis-color: #ffffff;
        --bs-link-color: var(--bs-primary);
        --bs-link-hover-color: #9ccfff;
        /* Formuláre (inputs/select/textarea) */
        --bs-form-control-bg: #0f1520;
        --bs-form-control-color: #e6e9ee;
        --bs-form-control-border-color: #36455a;
        --bs-form-control-placeholder-color: #93a1b2;
        /* Focus ring (odporúčam primárny) */
        --bs-focus-ring-color: rgba(var(--bs-primary-rgb), .35);
        --bs-form-control-focus-border-color: var(--bs-primary);
        /* InputGroup addon */
        --bs-input-group-addon-bg: #121820;
        --bs-input-group-addon-color: #c9d3df;
        /* Progress */
        --bs-progress-bg: #121820;
        --bs-progress-bar-bg: var(--bs-primary);
        --bs-progress-bar-color: #0b0f14; /* text na prúžku (ak je potreba kontrastu) */
        /* Tabuľky */

        --bs-table-border-color: #2a374a;
        --bs-table-striped-bg: rgba(255,255,255,.05);
        --bs-table-striped-color: var(--bs-body-color);
        --bs-table-hover-bg: rgba(255,255,255,.075);
        --bs-table-hover-color: var(--bs-body-color);
        --bs-table-active-bg: rgba(255,255,255,.1);
        --bs-table-active-color: var(--bs-body-color);
        --bs-table-widget-bg: #6c757d;
        --bs-table-widget-color: #000;
        /* Badge (základ – kontext. varianty text-bg-* berú z palety) */
        --bs-badge-color: #0b0f14;
        --bs-badge-bg: var(--bs-info);
        /* Navbar */
        --bs-navbar-bg: transparent;
        --bs-navbar-color: var(--bs-body-color);
        --bs-navbar-hover-color: var(--bs-primary);
        --bs-navbar-disabled-color: #8a98aa;
        --bs-navbar-active-color: var(--bs-primary);
        --bs-navbar-brand-color: var(--bs-body-color);
        --bs-navbar-toggler-border-color: var(--bs-border-color);
        /* Karty / dropdown / modal */
        --bs-card-bg: #121820;
        --bs-dropdown-bg: #121820;
        --bs-modal-bg: #121820;
        /* Tieňe (globálne) */
        --app-shadow-rgb: 0,0,0;
        --bs-box-shadow-sm: 0 .125rem .25rem rgba(var(--app-shadow-rgb), .25);
        --bs-box-shadow: 0 .5rem 1rem rgba(var(--app-shadow-rgb), .35);
        --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--app-shadow-rgb), .45);
        /* SUBTLE utilitky (príklad pre secondary, ak používaš bg-secondary-subtle) */
        --bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), .18);
        --bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), .35);
        --bs-secondary-text-emphasis: #d3dae2;
        --custom-form-bg: #303c4b;
        --bg-widget-info-available: #234322;
        --bg-widget-info-holidays: #716d00;
        --bg-widget-info-slots: #8f8f8f;
        --bg-widget-info-occupied: #6d4448;
        --subs-crit-bg: #ffe3e3; /* uprav si farby tu */
        --subs-crit-border: #dc3545;
        --subs-crit-text: #721c24;
    }

        :root[data-bs-theme="dark"] html, body {
            background-color: var(--bs-body-bg)
        }

        :root[data-bs-theme="dark"] h1,
        :root[data-bs-theme="dark"] h2 {
            color: var(--bs-success2);
        }


        /* dark téma – badge defaulty */
        :root[data-bs-theme="dark"] .badge,
        :root[data-bs-theme="dark"] .table {
            --bs-badge-bg: var(--bs-info);
            --bs-badge-color: #0b0f14;
            --bs-table-bg: #1c2634;
            --bs-table-color: var(--bs-body-color);
        }

        :root[data-bs-theme="dark"] .badge-success {
            background-color: #337432;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="dark"] .badge-secondary {
            background-color: #5f656b;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="dark"] .badge-warning {
            background-color: #6b6810;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="dark"] .badge-danger {
            background-color: #a42020;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }
        :root[data-bs-theme="dark"] .reserve-text-danger {
            color: #eb7171;
        }
        :root[data-bs-theme="dark"] .calendar-date-text {
            color: var(--bs-light);
        }



        :root[data-bs-theme="dark"] .btn-primary {
            --bs-btn-bg: #16478f;
            --bs-btn-border-color: #023581;
            --bs-btn-hover-bg: #4774b6;
        }

        :root[data-bs-theme="dark"] .btn-outline-secondary {
            --bs-btn-color: #9ca1a7;
            --bs-btn-bg: #16478f00;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-bg: #4774b679;
            --bs-btn-hover-border-color: #0f2f5fcb;
        }

        :root[data-bs-theme="dark"] .btn-secondary {
            --bs-btn-bg: #2b3741;
            --bs-btn-border-color: #000;
            --bs-btn-hover-bg: #3f505f;
        }

        :root[data-bs-theme="dark"] .btn-danger {
            --bs-btn-color: #fff;
            --bs-btn-bg: #99424a;
            --bs-btn-border-color: #99424a;
        }

        :root[data-bs-theme="dark"] .btn-warning {
            --bs-btn-color: #000;
            --bs-btn-bg: #cda631;
            --bs-btn-border-color: #cda631;
        }

        :root[data-bs-theme="dark"] .btn-outline-primary {
            --bs-btn-color: #2c79ea;
            --bs-btn-bg: #16478f00;
            --bs-btn-border-color: #004f94;
            --bs-btn-hover-bg: #4774b679;
            --bs-btn-hover-border-color: #0f2f5fcb;
        }

        :root[data-bs-theme="dark"] .table-secondary {
            --bs-table-striped-bg: #6c757d;
        }

        :root[data-bs-theme="dark"] .progress {
            --bs-progress-bar-bg: var(--bs-success);
            --bs-progress-bar-color: #000;
        }

        :root[data-bs-theme="dark"] .progress-bar {
            background-color: var(--bs-progress-bar-bg);
            color: var(--bs-progress-bar-color);
        }

        /**widget**/
        :root[data-bs-theme="dark"] .table-widget {
            --bs-table-bg: #1a202b;
            --bs-table-color: #f1f1f1;
            --bs-table-border-color: #3a3a3a;
        }

            :root[data-bs-theme="dark"] .table-widget > thead {
                --bs-table-bg: rgb(65, 65, 65); /* podklad hlavičky */
                --bs-table-color: #f1f1f1; /* text v hlavičke */
                --bs-table-border-color: #3a3a3a; /* spodná hrana */
            }

            :root[data-bs-theme="dark"] .table-widget .table-warning {
                --bs-table-bg: #716d00;
                --bs-table-color: inherit;
                --bs-table-border-color: #5f650073;
                --bs-table-hover-bg: rgba(255, 200, 0, .20);
                --bs-table-striped-bg: rgba(255, 200, 0, .16);
                --bs-table-active-bg: rgba(255, 200, 0, .24);
                box-shadow: 0 0 8px #414322cf inset;
            }

            :root[data-bs-theme="dark"] .table-widget .table-success {
                --bs-table-bg: #234322;
                --bs-table-color: #f9f9f9;
                --bs-table-border-color: #3a3a3a;
                --bs-table-hover-bg: rgba(40, 200, 120, .20);
                --bs-table-striped-bg: rgba(40, 200, 120, .16);
                --bs-table-active-bg: rgba(40, 200, 120, .24);
                box-shadow: inset 0px -20px 20px 0px #0d1c0d42;
            }

            :root[data-bs-theme="dark"] .table-widget .table-danger {
                --bs-table-bg: #6d4448;
                --bs-table-color: #f9f9f9;
                --bs-table-border-color: #3a3a3a;
                --bs-table-hover-bg: rgba(40, 200, 120, .20);
                --bs-table-striped-bg: rgba(40, 200, 120, .16);
                --bs-table-active-bg: rgba(40, 200, 120, .24);
                box-shadow: inset 0px -20px 20px 0px #ff898942;
            }

            :root[data-bs-theme="dark"] .table-widget .table-secondary {
                --bs-table-bg: #8f8f8f;
                --bs-table-color: #000;
                --bs-table-border-color: #1c1c1c;
            }

        /**day slots**/
        :root[data-bs-theme="dark"] .widget-btn-success {
            --bs-btn-color: #f9f9f9;
            --bs-btn-bg: #234322;
            --bs-btn-border-color: #3a3a3a;
            --bs-btn-hover-color: var(--bs-success-text-emphasis);
            --bs-btn-hover-bg: var(--bs-success-bg-subtle);
            --bs-btn-hover-border-color: var(--bs-success-border-subtle);
        }


        /**theme switcher**/
        :root[data-bs-theme="dark"] .tb-switcher-wrap .tb-switcher-btn {
            background: #1b232c;
            border: 1px solid #121820;
            border-radius: .7rem;
            padding: .6rem .7rem;
            box-shadow: none;
        }



    /* ============= SEPIA TÉMA ============= */
    :root[data-bs-theme="sepia"] {
        /* Základ */
        --bs-body-bg: #b9af6b;
        --bs-body-bg-rgb: #b9af6b;
        --bs-body-color: #000000;
        --bs-body-color-rgb: 0,0,0;
        --bs-border-color: #a89a2e;
        --bs-dark-border-subtle: #4f4f4f;
        /* Paleta */
        --bs-primary: #121820;
        --bs-primary-rgb: 83, 42, 0;
        --bs-primary2: #000c43;
        --bs-secondary: #a08f7e;
        --bs-secondary-rgb: 145,126,72;
        --bs-secondary-color: #000;
        --bs-secondary-bg: #91884c;
        --bs-secondary-bg-rgb: 145, 136, 76;
        --bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), .40);
        --bs-tertiary-bg: #a08f7e;
        --bs-tertiary-bg-rgb: #a08f7e;
        --bs-success: #4f7d49;
        --bs-success-rgb: 79,125,73;
        --bs-success-bg-subtle: #8cc28a;
        --bs-success-text-emphasis: #101d17;
        --bs-success-border-subtle: #6b966a;
        --bs-success2: #083f25;
        --bs-info: #b88b5a;
        --bs-info-rgb: 184,139,90;
        --bs-info-text-emphasis: #000;
        --bs-info-border-subtle: #1c427dff;
        --bs-info-bg-subtle: #7cb0b4;
        --bs-warning: #d7a945;
        --bs-warning-rgb: 215,169,69;
        --bs-danger: #b2553b;
        --bs-danger-rgb: 178,85,59;
        --bs-danger-text-emphasis: #731919;
        --bs-light: #faf7f1;
        --bs-light-rgb: 250,247,241;
        --bs-dark: #2b2119;
        --bs-dark-rgb: 43,33,25;
        --bs-code-color: #860505;
        /* Linky & dôraz */
        --bs-emphasis-color: #000000;
        --bs-emphasis-color-rgb: 0,0,0;
        --bs-link-hover-color: #6f4826;
        --bs-link-color-rgb: 138,0,0;
        /* Formuláre */
        --bs-form-control-bg: #fff3c2;
        --bs-form-control-color: #3d2f23;
        --bs-form-control-border-color: #d7cbb8;
        --bs-form-control-placeholder-color: #7b6a58;
        /* Focus ring */
        --bs-focus-ring-color: rgba(var(--bs-primary-rgb), .28);
        --bs-form-control-focus-border-color: var(--bs-primary);
        /* InputGroup addon */
        --bs-input-group-addon-bg: #f0e8db;
        --bs-input-group-addon-color: #4c3b2d;
        /* Progress */
        --bs-progress-bg: #efe7db;
        --bs-progress-bar-color: #fff;
        /* Tabuľky */
        --bs-table-bg: transparent;
        --bs-table-color: var(--bs-body-color);
        --bs-table-border-color: #d9ccb9;
        --bs-table-striped-bg: rgb(43, 33, 25);
        --bs-table-striped-color: #000;
        --bs-table-hover-bg: rgba(43,33,25,.06);
        --bs-table-hover-color: var(--bs-body-color);
        --bs-table-active-bg: rgba(43,33,25,.08);
        --bs-table-active-color: var(--bs-body-color);
        /* Badge (základ) */
        --bs-badge-color: #fff;
        --bs-badge-bg: var(--bs-info);
        /* Navbar */
        --bs-navbar-bg: #ff0000;
        --bs-navbar-bg-rgb: #ff0000;
        --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-hover-color: var(--bs-primary);
        --bs-navbar-disabled-color: #8a7a6a;
        --bs-navbar-active-color: var(--bs-primary);
        --bs-navbar-brand-color: var(--bs-body-color);
        --bs-navbar-toggler-border-color: var(--bs-border-color);
        /* Karty / dropdown / modal */
        --bs-card-bg: #fbf8f2;
        --bs-dropdown-bg: #fbf8f2;
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-modal-bg: #fbf8f2;
        /* Tieňe (jemne teplé) */
        --app-shadow-rgb: 82,62,0;
        --bs-box-shadow-sm: 0 .125rem .25rem rgba(var(--app-shadow-rgb), .12);
        --bs-box-shadow: 0 .5rem 1rem rgba(var(--app-shadow-rgb), .30);
        --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--app-shadow-rgb), .28);
        /* SUBTLE utilitky (príklad pre secondary) */
        --bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), .35);
        --bs-secondary-text-emphasis: #3f352b;
        --custom-form-bg: #cfc89a;
        --bs-form-switch-color: var(--bs-secondary); /* farba gombíka v OFF stave */
        /* farba gombíka v ON stave – musíme ju “upiecť” do SVG, # → %23 */
        --bg-widget-info-available: #60bd5d;
        --bg-widget-info-holidays: #d7d000;
        --bg-widget-info-slots: #a9a064;
        --bg-widget-info-occupied: #d18686;
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236f4826'/%3e%3c/svg%3e");
        --subs-crit-bg: #ffe3e3; /* uprav si farby tu */
        --subs-crit-border: #dc3545;
        --subs-crit-text: #721c24;
    }

        :root[data-bs-theme="sepia"] h1,
        :root[data-bs-theme="sepia"] h2 {
            color: var(--bs-success2);
        }


        :root[data-bs-theme="sepia"] .badge-success {
            background-color: #2e722c;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="sepia"] .badge-secondary {
            background-color: #5f656b;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="sepia"] .badge-warning {
            background-color: #6b6810;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="sepia"] .badge-danger {
            background-color: #a42020;
            color: #f1f1f1;
            font-weight: 600;
            font-size: .9rem;
            padding: .1rem .4rem;
            border-radius: .4rem;
        }

        :root[data-bs-theme="sepia"] .reserve-text-danger {
            color: #690000;
        }

        :root[data-bs-theme="sepia"] .border-200 {
            border-color: #695c30ff;
        }

        :root[data-bs-theme="sepia"] .calendar-date-text {
            color: var(--bs-table-striped-color);
        }

        :root[data-bs-theme="sepia"] input[type="date" i]::-webkit-calendar-picker-indicator {
            filter: invert(1) brightness(0.5);
        }

        :root[data-bs-theme="sepia"] .btn-primary {
            --bs-btn-color: #e6e9ee;
            --bs-btn-border-color: #006b1c;
            --bs-btn-bg: #006b1c;
            --bs-btn-hover-bg: #0b3c17;
            --bs-btn-hover-border-color: #0b3c17;
        }

        :root[data-bs-theme="sepia"] .btn-outline-secondary {
            --bs-btn-color: #2b2b31;
            --bs-btn-border-color: #2b2b31;
        }

        :root[data-bs-theme="sepia"] .btn-outline-primary {
            --bs-btn-color: #3e3e8f;
            --bs-btn-border-color: #3d3dc4;
            --bs-btn-hover-bg: #66abca;
            --bs-btn-hover-border-color: #65a0ba;
        }


        :root[data-bs-theme="sepia"] .btn:hover {
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
        }

        :root[data-bs-theme="sepia"] .alert-info {
            --bs-alert-color: var(--bs-info-text-emphasis);
            --bs-alert-bg: var(--bs-info-bg-subtle);
            --bs-alert-border-color: var(--bs-info-border-subtle);
            --bs-alert-link-color: var(--bs-info-text-emphasis);
        }

        :root[data-bs-theme="sepia"] .alert-success {
            --bs-alert-color: var(--bs-success-text-emphasis);
            --bs-alert-bg: var(--bs-success-bg-subtle);
            --bs-alert-border-color: var(--bs-success-border-subtle);
            --bs-alert-link-color: var(--bs-success-text-emphasis);
        }

        :root[data-bs-theme="sepia"] .alert-border-only {
            --bs-alert-bg: #8cc28a45;
        }

        :root[data-bs-theme="sepia"] .table-secondary {
            --bs-table-striped-bg: #e0d488;
        }


        :root[data-bs-theme="sepia"] .dropdown-header {
            --bs-dropdown-header-color: #6c0000;
        }

        :root[data-bs-theme="sepia"] .progress {
            --bs-progress-bar-bg: var(--bs-success);
        }

        :root[data-bs-theme="sepia"] .progress-bar {
            background-color: var(--bs-progress-bar-bg);
        }

        :root[data-bs-theme="sepia"] .form-switch .form-check-input:checked {
            background-color: var(--bs-success);
            border-color: var(--bs-success);
        }

        :root[data-bs-theme="sepia"] .form-control,
        :root[data-bs-theme="sepia"] .form-select {
            background-color: var(--custom-form-bg);
        }

            :root[data-bs-theme="sepia"] .form-control:focus,
            :root[data-bs-theme="sepia"] .form-select:focus {
                background-color: var(--custom-form-bg);
            }




        /**Widget**/
        :root[data-bs-theme="sepia"] .table-widget {
            --bs-table-bg: #ab9e4587;
            --bs-table-color: #000000;
            --bs-table-border-color: #3a3a3a;
        }

            :root[data-bs-theme="sepia"] .table-widget > thead {
                --bs-table-bg: rgb(65, 65, 65); /* podklad hlavičky */
                --bs-table-color: #f1f1f1; /* text v hlavičke */
                --bs-table-border-color: #3a3a3a; /* spodná hrana */
            }

            :root[data-bs-theme="sepia"] .table-widget .table-warning {
                --bs-table-bg: #d7d000;
                --bs-table-color: inherit;
                --bs-table-border-color: #000000;
                --bs-table-hover-bg: rgba(255, 200, 0, .20);
                --bs-table-striped-bg: rgba(255, 200, 0, .16);
                --bs-table-active-bg: rgba(255, 200, 0, .24);
                box-shadow: 0 0 8px #aeb358 inset;
            }

            :root[data-bs-theme="sepia"] .table-widget .table-success {
                --bs-table-bg: #60bd5d;
                --bs-table-color: inherit;
                --bs-table-border-color: #464b00;
                --bs-table-hover-bg: rgba(40, 200, 120, .20);
                --bs-table-striped-bg: rgba(40, 200, 120, .16);
                --bs-table-active-bg: rgba(40, 200, 120, .24);
                box-shadow: inset 0px -20px 20px 0px #28412842;
            }

            :root[data-bs-theme="sepia"] .table-widget .table-danger {
                --bs-table-bg: #d18686;
                --bs-table-color: inherit;
                --bs-table-border-color: #464b00;
                --bs-table-hover-bg: rgba(40, 200, 120, .20);
                --bs-table-striped-bg: rgba(40, 200, 120, .16);
                --bs-table-active-bg: rgba(40, 200, 120, .24);
                box-shadow: inset 0px -20px 20px 0px #28412842;
            }

            :root[data-bs-theme="sepia"] .table-widget .table-secondary {
                --bs-table-bg: #a9a064;
                --bs-table-color: #000;
                --bs-table-border-color: #454545;
            }

        /**services**/
        :root[data-bs-theme="sepia"] .alert-light {
            --bs-alert-color: var(--bs-light-text-emphasis);
            --bs-alert-bg: #d5ca7e;
            --bs-alert-border-color: #575026;
            --bs-alert-link-color: var(--bs-light-text-emphasis);
        }



        /**day slots**/
        :root[data-bs-theme="sepia"] .widget-btn-success {
            --bs-btn-color: inherit;
            --bs-btn-bg: #7cb57a;
            --bs-btn-border-color: #3a3a3a;
            --bs-btn-hover-bg: #7cca79;
            --bs-btn-hover-border-color: #3a3a3a;
        }


        /**theme switcher**/
        :root[data-bs-theme="sepia"] .tb-switcher-wrap .tb-switcher-btn {
            background: #b9af6b;
            color: #0b0f14;
            border: 1px solid #464b00;
            border-radius: .7rem;
            padding: .6rem .7rem;
            box-shadow: none;
        }


input -internal-autofill-selected {
    background-color: #ff0000 !important;
    color: #0f2f5fcb !important;
}





/*    :root[data-bs-theme="sepia"] .btn .btn-primary:hover {
        --bs-btn-color: #e6e9ee;
        --bs-btn-border-color: #e6e9ee;
        --bs-btn-bg: #003d10;
        background-color: var(--bs-btn-hover-bg);
    }*/

/*.table > :not(caption) > * > * {
    border-color: var(--bs-table-border-color);
}*/

/* Placeholder, focus – spoločné (ak ich ešte nemáš v CSS) */
/*.form-control::placeholder {
    color: var(--bs-form-control-placeholder-color, var(--bs-secondary-color));
    opacity: 1;
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color, rgba(var(--bs-primary-rgb), .25));
    border-color: var(--bs-form-control-focus-border-color, var(--bs-primary));
    outline: 0;
    background-color: #fff3c2;
}

.form-control, .form-select {
    background-color: var(--bs-form-control-bg, var(--bs-body-bg));
    color: var(--bs-form-control-color, var(--bs-body-color));
    border-color: var(--bs-form-control-border-color, var(--bs-border-color));
}

.input-group-text {
    background-color: var(--bs-input-group-addon-bg, var(--bs-body-bg));
    color: var(--bs-input-group-addon-color, var(--bs-body-color));
    border-color: var(--bs-form-control-border-color, var(--bs-border-color));
}*/


/* Drobné doladenia (voliteľné) */
/*.table > :not(caption) > * > * {
    border-color: var(--bs-border-color);
}
.form-check-input:checked {
    background-color: #ff0000;
    border-color: #ff0000;
}

check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #ff0000;
}
.form-check-input:focus {
    border-color: #00ff06;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(2, 211, 0, 0,25);
}*/
/* CHROMIUM/WEBKIT: Chrome, Edge, Safari */
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus {
    /* prekrytie žltého/šedého autofill pozadia */
    -webkit-box-shadow: 0 0 0 1000px var(--bs-form-control-bg, var(--bs-body-bg)) inset !important;
    box-shadow: 0 0 0 1000px var(--bs-form-control-bg, var(--bs-body-bg)) inset !important;
    /* farba textu vo vnútri */
    -webkit-text-fill-color: var(--bs-form-control-color, var(--bs-body-color)) !important;
    /* caret + border nech sedia s témou */
    caret-color: var(--bs-form-control-color, var(--bs-body-color));
    border-color: var(--bs-form-control-border-color, var(--bs-border-color)) !important;
    /* trik: zruš dlhý repaint UA pozadia */
    transition: background-color 99999s ease-in-out 0s;
}

/* FIREFOX */
.form-control:-moz-autofill,
.form-control:-moz-autofill:focus {
    box-shadow: 0 0 0 1000px var(--bs-form-control-bg, var(--bs-body-bg)) inset !important;
    color: var(--bs-form-control-color, var(--bs-body-color)) !important;
    caret-color: var(--bs-form-control-color, var(--bs-body-color));
    border-color: var(--bs-form-control-border-color, var(--bs-border-color)) !important;
}

/* Ak chceš pokryť aj textarea/select */
textarea.form-control:-webkit-autofill,
select.form-select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--bs-form-control-bg, var(--bs-body-bg)) inset !important;
    -webkit-text-fill-color: var(--bs-form-control-color, var(--bs-body-color)) !important;
}

textarea.form-control:-moz-autofill,
select.form-select:-moz-autofill {
    box-shadow: 0 0 0 1000px var(--bs-form-control-bg, var(--bs-body-bg)) inset !important;
    color: var(--bs-form-control-color, var(--bs-body-color)) !important;
}