/* Custom styles for dark mode */
[data-bs-theme="dark"] {

    --dark-white: white;
    /* Example: a darker background color */
    --dark-black: black;
    --dark-shade: #2a2a2a;
    /* Example: a lighter text color */

    a.navbar-brand {
        color: var(--dark-white);
    }

    button.nav-link.active {
        background: var(--dark-shade);
        color: var(--dark-white);
    }

    button#bd-theme {
        color: var(--dark-white);
    }

    button.btn.btn-link.nav-link.py-2.px-0.px-lg-2.dropdown-toggle.d-flex.align-items-center {
        color: var(--dark-white);
    }

    a.nav-link {
        color: var(--dark-white);
    }

    .nav-link.active {
        background: var(--dark-white);
        color: var(--dark-black);
    }

    input#loginMobileNumber {
        color: var(--dark-white) !important;
        background: var(--dark-shade) !important;
    }


    li.py-2.px-3.mb-2.rounded-3.ng-scope.bg-primary.bg-opacity-10.text-primary {
        background: var(--dark-white) !important;
    }


    select.form-select.ng-pristine.ng-untouched.ng-valid.ng-not-empty {
        background: var(--dark-shade) !important;
    }

    select.form-select.ng-pristine.ng-valid.ng-not-empty.ng-touched {
        background: var(--dark-shade) !important;
    }

    select {
        background: var(--dark-shade) !important;
    }

    input {
        background: var(--dark-shade) !important;
    }

    input.form-control.ng-pristine.ng-untouched.ng-empty.ng-invalid.ng-invalid-required {
        background: var(--dark-shade) !important;
    }

    input.form-control.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required.ng-touched {
        background: var(--dark-shade) !important;
    }

    input.form-control.ng-dirty.ng-valid-parse.ng-touched.ng-empty.ng-invalid.ng-invalid-required {
        background: var(--dark-shade) !important;
    }

    input.form-control.ng-pristine.ng-empty.ng-invalid.ng-invalid-required.ng-touched {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-valid.ng-not-empty.ng-dirty.ng-valid-parse.ng-touched {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-valid.ng-dirty.ng-valid-parse.ng-touched.ng-empty {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-pristine.ng-valid.ng-empty.ng-touched {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-untouched.ng-valid.ng-not-empty.ng-dirty.ng-valid-parse {
        background: var(--dark-shade) !important;
    }

    textarea.form-control.ng-pristine.ng-untouched.ng-valid.ng-not-empty {
        background: var(--dark-shade) !important;
    }

    .text-dark {
        color: var(--dark-white) !important;
    }

}