/* Organic Madaa Enterprise Branding Theme - Enhanced Contrast */

/* Override Bootstrap primary colors with Organic Madaa palette */
.btn-primary {
    background-color: #6B4423 !important;
    border-color: #8B6239 !important;
    color: #FFFFFF !important;
    font-weight: 500;
    border-width: 2px;
}

.btn-primary:hover {
    background-color: #5D3A1A !important;
    border-color: #C8A882 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(200, 168, 130, 0.4);
}

.btn-outline-primary {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-color: #C8A882 !important;
    border-width: 2px;
}

.btn-outline-primary:hover {
    background-color: #6B4423 !important;
    border-color: #C8A882 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(200, 168, 130, 0.4);
}

/* Gold accent buttons */
.btn-info {
    background-color: #C8A882 !important;
    border-color: #C8A882 !important;
    color: #5D3A1A !important;
}

.btn-info:hover {
    background-color: #B8956F !important;
    border-color: #B8956F !important;
}

/* Success - Organic Green */
.btn-success {
    background-color: #6B8E23 !important;
    border-color: #6B8E23 !important;
}

.btn-success:hover {
    background-color: #556B1F !important;
    border-color: #556B1F !important;
}

/* Warning - Gold */
.btn-warning {
    background-color: #D4AF7A !important;
    border-color: #D4AF7A !important;
    color: #5D3A1A !important;
}

/* Navbar - Luxury Brown */
.navbar-dark, .bg-dark {
    background: linear-gradient(135deg, #5D3A1A 0%, #6B4423 100%) !important;
    border-bottom: 2px solid #C8A882;
}

.navbar-brand {
    color: #E8D4B8 !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.navbar-brand:hover {
    color: #C8A882 !important;
}

.nav-link {
    color: #E8D4B8 !important;
    transition: all 0.3s ease;
}

.nav-link:hover {
    color: #C8A882 !important;
}

.dropdown-menu {
    background-color: #5D3A1A !important;
    border: 1px solid #C8A882;
}

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

.dropdown-item:hover {
    background-color: #6B4423 !important;
    color: #C8A882 !important;
}

/* Cards - Enterprise styling with better contrast */
.card {
    background: linear-gradient(135deg, rgba(40, 30, 20, 0.98) 0%, rgba(60, 45, 30, 0.98) 100%);
    border: 2px solid rgba(200, 168, 130, 0.6);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.card-header {
    background: linear-gradient(135deg, #5D3A1A 0%, #6B4423 100%);
    border-bottom: 2px solid #C8A882;
    color: #FFFFFF;
    font-weight: 600;
}

.card-title {
    color: #FFFFFF !important;
    font-weight: 600;
}

.card-body {
    color: #FFFFFF;
}

/* Badges - Gold accents */
.badge.bg-primary {
    background-color: #6B4423 !important;
    color: #E8D4B8 !important;
}

.badge.bg-info {
    background-color: #C8A882 !important;
    color: #5D3A1A !important;
}

.badge.bg-success {
    background-color: #6B8E23 !important;
}

.badge.bg-warning {
    background-color: #D4AF7A !important;
    color: #5D3A1A !important;
}

.badge.bg-danger {
    background-color: #8B4513 !important;
}

/* Tables - Enterprise styling with enhanced readability */
.table {
    --bs-table-color: #FFFFFF;
    --bs-table-bg: rgba(40, 30, 20, 0.6);
    --bs-table-border-color: rgba(200, 168, 130, 0.5);
    --bs-table-striped-bg: rgba(60, 45, 30, 0.7);
    --bs-table-striped-color: #FFFFFF;
    --bs-table-active-bg: rgba(200, 168, 130, 0.3);
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: rgba(200, 168, 130, 0.2);
    --bs-table-hover-color: #FFFFFF;
    color: #FFFFFF;
}

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

.table thead th {
    background-color: #6B4423 !important;
    color: #FFFFFF !important;
    border-color: #C8A882 !important;
    border-width: 2px !important;
    font-weight: 600;
}

.table tbody td {
    background-color: rgba(40, 30, 20, 0.6) !important;
    color: #FFFFFF !important;
    border-color: rgba(200, 168, 130, 0.5) !important;
}

.table-hover tbody tr:hover td {
    background-color: rgba(200, 168, 130, 0.2) !important;
}

.table-striped tbody tr:nth-of-type(odd) td {
    background-color: rgba(60, 45, 30, 0.7) !important;
}

.table-warning td {
    background-color: rgba(212, 175, 122, 0.4) !important;
    color: #000000 !important;
}

/* Alerts - Branded colors with better contrast */
.alert-primary {
    background-color: rgba(107, 68, 35, 0.3);
    border: 2px solid #6B4423;
    color: #FFFFFF;
}

.alert-info {
    background-color: rgba(200, 168, 130, 0.25);
    border: 2px solid #C8A882;
    color: #FFFFFF;
}

.alert-success {
    background-color: rgba(107, 142, 35, 0.25);
    border: 2px solid #6B8E23;
    color: #FFFFFF;
}

.alert-warning {
    background-color: rgba(212, 175, 122, 0.3);
    border: 2px solid #D4AF7A;
    color: #3D2A1A;
    font-weight: 500;
}

.alert-danger {
    background-color: rgba(139, 69, 19, 0.3);
    border: 2px solid #8B4513;
    color: #FFFFFF;
}

/* Links - Enhanced visibility */
a {
    color: #E8D4B8;
    text-decoration: none;
}

a:hover {
    color: #C8A882;
    text-decoration: underline;
}

/* Text colors - Better contrast */
.text-primary {
    color: #C8A882 !important;
}

.text-muted {
    color: #B8A890 !important;
}

.text-light {
    color: #FFFFFF !important;
}

/* Background utilities */
.bg-primary {
    background-color: #6B4423 !important;
}

.bg-info {
    background-color: #C8A882 !important;
}

/* Form controls - Gold focus */
.form-control:focus,
.form-select:focus {
    border-color: #C8A882;
    box-shadow: 0 0 0 0.25rem rgba(200, 168, 130, 0.25);
}

/* Progress bars */
.progress-bar {
    background-color: #C8A882;
}

/* Pagination */
.page-link {
    color: #C8A882;
    background-color: #5D3A1A;
    border-color: #6B4423;
}

.page-link:hover {
    color: #E8D4B8;
    background-color: #6B4423;
    border-color: #C8A882;
}

.page-item.active .page-link {
    background-color: #6B4423;
    border-color: #C8A882;
}

/* Footer */
footer {
    background: linear-gradient(135deg, #5D3A1A 0%, #6B4423 100%) !important;
    border-top: 2px solid #C8A882;
    color: #E8D4B8;
}

/* Modal - Enterprise styling */
.modal-content {
    background: linear-gradient(135deg, rgba(40, 30, 20, 0.98) 0%, rgba(60, 45, 30, 0.98) 100%);
    border: 2px solid #C8A882;
    color: #FFFFFF;
}

.modal-header {
    background: linear-gradient(135deg, #5D3A1A 0%, #6B4423 100%);
    border-bottom: 2px solid #C8A882;
    color: #FFFFFF;
}

.modal-title {
    color: #FFFFFF !important;
}

.modal-body {
    color: #FFFFFF;
}

.modal-footer {
    border-top: 2px solid rgba(200, 168, 130, 0.5);
}

/* Stat cards - Dashboard */
.stat-card {
    background: linear-gradient(135deg, #6B4423 0%, #8B6B47 100%);
    border: 1px solid #C8A882;
    border-radius: 1rem;
    padding: 1.5rem;
    color: #E8D4B8;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.stat-card h3 {
    color: #E8D4B8;
    font-weight: 700;
}

.stat-card .stat-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #C8A882;
}

/* Sidebar (if any) */
.sidebar {
    background: linear-gradient(180deg, #5D3A1A 0%, #6B4423 100%);
    border-right: 2px solid #C8A882;
}

/* Scrollbar styling */
::-webkit-scrollbar-thumb {
    background: #C8A882;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #B8956F;
}

::-webkit-scrollbar-track {
    background: rgba(93, 58, 26, 0.3);
}

/* Loading spinner */
.spinner-border {
    color: #C8A882;
}

/* List group */
.list-group-item {
    background-color: rgba(93, 58, 26, 0.5);
    border-color: rgba(200, 168, 130, 0.3);
    color: #E8D4B8;
}

.list-group-item:hover {
    background-color: rgba(107, 68, 35, 0.7);
}

/* Input group */
.input-group-text {
    background-color: #6B4423;
    border-color: #C8A882;
    color: #E8D4B8;
}

/* Breadcrumb */
.breadcrumb {
    background-color: rgba(93, 58, 26, 0.3);
}

.breadcrumb-item.active {
    color: #C8A882;
}

/* Tooltips */
.tooltip-inner {
    background-color: #6B4423;
    color: #E8D4B8;
}

/* Luxury gold accent elements */
.gold-accent {
    color: #C8A882 !important;
}

.gold-border {
    border-color: #C8A882 !important;
}

.gold-bg {
    background-color: #C8A882 !important;
    color: #5D3A1A !important;
}

/* Premium enterprise feel */
body {
    background: linear-gradient(135deg, #1a1410 0%, #2d2419 100%);
    color: #FFFFFF;
}

.container-fluid {
    background: transparent;
}

.container {
    background: transparent;
}

/* Form controls - Better visibility */
.form-control, .form-select {
    background-color: rgba(40, 30, 20, 0.8) !important;
    border: 2px solid rgba(200, 168, 130, 0.5) !important;
    color: #FFFFFF !important;
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Labels - Enhanced readability */
label, .form-label {
    color: #FFFFFF !important;
    font-weight: 500;
}

/* Small text - Better contrast */
small, .small {
    color: #E8D4B8 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
}

/* Close button for modals */
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Code blocks */
code {
    background-color: rgba(200, 168, 130, 0.2);
    color: #C8A882;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Strong/Bold text */
strong, b {
    color: #FFFFFF;
}

/* DataTables specific overrides */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    color: #FFFFFF !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #FFFFFF !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #6B4423 !important;
    border-color: #C8A882 !important;
    color: #FFFFFF !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(200, 168, 130, 0.3) !important;
    border-color: #C8A882 !important;
    color: #FFFFFF !important;
}