/* Velora Salon - Unified Light Theme Overrides */

/* Ensure consistent gold theme throughout */
.text-warning {
    color: #D4AF37 !important;
}

.border-warning {
    border-color: #D4AF37 !important;
}

.btn-warning {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
}

.btn-warning:hover {
    background-color: #B8860B !important;
    border-color: #B8860B !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

.btn-outline-warning:hover {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
}

/* Form styling for light theme */
.form-control {
    background-color: #ffffff !important;
    border-color: #ced4da !important;
    color: #212529 !important;
}

.form-control:focus {
    background-color: #ffffff !important;
    border-color: #D4AF37 !important;
    color: #212529 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
}

/* Fix input text color for dark backgrounds */
.form-control {
    color: #212529 !important;
;}

/* Ensure input text is visible on all backgrounds */
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"], 
input[type="tel"], 
input[type="date"], 
input[type="search"], 
input[type="url"],
textarea,
select {
    color: #212529 !important;
    background-color: #ffffff !important;
;}

/* Force white text on dark backgrounds */
.dark-theme input,
.dark-theme textarea,
.dark-theme select,
[data-bs-theme="dark"] input,
[data-bs-theme="dark"] textarea,
[data-bs-theme="dark"] select {
    color: #ffffff !important;
    background-color: #343a40 !important;
;}

/* Specific override for any dark backgrounds */
body.dark input,
body.dark textarea,
body.dark select,
.theme-dark input,
.theme-dark textarea,
.theme-dark select {
    color: #ffffff !important;
    background-color: #343a40 !important;
;}

/* Dark theme input overrides */
.dark-theme input[type="text"], 
.dark-theme input[type="email"], 
.dark-theme input[type="password"], 
.dark-theme input[type="number"], 
.dark-theme input[type="tel"], 
.dark-theme input[type="date"], 
.dark-theme input[type="search"], 
.dark-theme input[type="url"],
.dark-theme textarea,
.dark-theme select {
    color: #ffffff !important;
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
;}

/* POS specific input styling */
.pos-container input[type="text"], 
.pos-container input[type="email"], 
.pos-container input[type="password"], 
.pos-container input[type="number"], 
.pos-container input[type="tel"], 
.pos-container input[type="date"], 
.pos-container input[type="search"], 
.pos-container input[type="url"],
.pos-container textarea,
.pos-container select {
    color: #212529 !important;
    background-color: #ffffff !important;
    border-color: #ced4da !important;
;}

.pos-container input[type="text"]:focus, 
.pos-container input[type="email"]:focus, 
.pos-container input[type="password"]:focus, 
.pos-container input[type="number"]:focus, 
.pos-container input[type="tel"]:focus, 
.pos-container input[type="date"]:focus, 
.pos-container input[type="search"]:focus, 
.pos-container input[type="url"]:focus,
.pos-container textarea:focus,
.pos-container select:focus {
    color: #212529 !important;
    background-color: #ffffff !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important;
;}

/* Alert styling */
.alert-success {
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
    color: #0f5132 !important;
;}

.alert-error {
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
    color: #842029 !important;
;}

.alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffecb5 !important;
    color: #664d03 !important;
;}

.alert-info {
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
    color: #055160 !important;
;}

/* Card styling for light theme */
.card {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
;}

.card-header {
    background-color: #FDF8E7 !important;
    border-bottom-color: #F4E4B3 !important;
;}

/* Table styling for light theme */
.table {
    color: #212529 !important;
;}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #FDF8E7 !important;
;}

/* Dropdown styling for light theme */
.dropdown-menu {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
;}

.dropdown-item {
    color: #212529 !important;
;}

.dropdown-item:hover {
    background-color: #FDF8E7 !important;
    color: #D4AF37 !important;
;}

/* Admin navigation dropdown override - force black background */
.dropdown-menu.admin-nav-menu {
    background-color: #000000 !important;
    border-color: #D4AF37 !important;
    border-width: 2px !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
;}

.dropdown-menu.admin-nav-menu .dropdown-item {
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.5rem !important;
    margin: 0.125rem 0.5rem !important;
    transition: all 0.2s ease !important;
;}

.dropdown-menu.admin-nav-menu .dropdown-item:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
    transform: translateX(4px) !important;
;}

.dropdown-menu.admin-nav-menu .dropdown-divider {
    border-color: #444444 !important;
    margin: 0.5rem 0.75rem !important;
;}

/* Modal styling for light theme */
.modal-content {
    background-color: #ffffff !important;
    color: #212529 !important;
;}

.modal-header {
    background-color: #FDF8E7 !important;
    border-bottom-color: #F4E4B3 !important;
;}

/* Navbar styling for light theme */
.navbar-light {
    background-color: #ffffff !important;
;}

.navbar-light .navbar-nav .nav-link {
    color: #212529 !important;
;}

.navbar-light .navbar-nav .nav-link:hover {
    color: #D4AF37 !important;
;}

/* Footer styling */
.footer {
    background-color: #f8f9fa !important;
    color: #212529 !important;
;}

.copyright {
    background-color: #212529 !important;
    color: #ffffff !important;
;}