/* Accessibility Overrides for High Contrast and Clear Visibility */

/* Global text color to solid black for better readability */
body, p, span, div, h1, h2, h3, h4, h5, h6, b, strong, i, em, label, td, th {
    color: #000000 !important;
    font-size: 14px !important;
}

/* Ensure navbar text remains white as it is on a dark background */
.navbar .nav-link span, 
.navbar .nav-link i, 
.navbar .logo span, 
.navbar .logo i,
.navbar .user-profile span,
.navbar .user-profile i,
.nav-item.dropdown .nav-link i,
.nav-link i {
    color: #ffffff !important;
}

/* Dark and clear borders for tables */
table, th, td, .property-table, .banks-table, .requests-table {
    border: 1px solid #000000 !important;
    border-collapse: collapse !important;
}

/* Ensure table headers are readable with high contrast */
th {
    background-color: #d1d1d1 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 1px solid #000000 !important;
}

/* Dark and clear borders for inputs, selects, and textareas */
input, 
select, 
textarea, 
.form-input, 
.form-select, 
.form-textarea, 
.date-display,
.search-box input {
    border: 1px solid #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
}

/* Placeholder text contrast */
::placeholder {
    color: #444444 !important;
    opacity: 1 !important;
}

/* Focus state for interactive elements */
input:focus, 
select:focus, 
textarea:focus {
    outline: 2px solid #3498db !important;
    border-color: #000000 !important;
}

/* Table container and card borders */
.table-container, 
.property-list, 
.stat-card, 
.chart, 
.page-header,
.modal-content,
.form-container {
    border: 1px solid #000000 !important;
}

/* Buttons contrast and visibility */
.form-btn, 
.add-btn, 
.filter-btn, 
.action-btn,
.zoom,
.toggle-btn {
    border: 1px solid #000000 !important;
}

/* Dropdown menu contrast */
.dropdown-menu {
    border: 1px solid #000000 !important;
}

.dropdown-item {
    color: #000000 !important;
    border-bottom: 1px solid #eeeeee !important;
}

.dropdown-item:hover {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
}

.dropdown-item:hover i,
.dropdown-item:hover span {
    color: #ffffff !important;
}

/* Status labels - ensure text is readable */
.status {
    border: 1px solid #000000 !important;
    font-weight: 700 !important;
}

/* Fix for specific dashboard stats */
.stat-details h3, 
.stat-details p {
    color: #000000 !important;
}

/* Overrides for dynamically created modals with inline styles */
#bankModal div, 
#cityModal div, 
#branchModal div, 
#deptModal div, 
#productModal div, 
#stationModal div, 
#requestTypeModal div, 
#statusModal div {
    border-color: #000000 !important;
}

#bankModal input, 
#cityModal input, 
#branchModal input, 
#deptModal input, 
#productModal input, 
#stationModal input, 
#requestTypeModal input, 
#statusModal input,
#bankModal select,
#cityModal select,
#branchModal select,
#deptModal select,
#productModal select,
#stationModal select,
#requestTypeModal select,
#statusModal select {
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* Improve focus visibility for accessibility */
:focus {
    outline: 3px solid #000000 !important;
    outline-offset: 1px !important;
}

/* Ensure all labels are black and bold for clarity */
label {
    color: #000000 !important;
    font-weight: 600 !important;
}