/* Custom theme colors for El Sewedy Industrial Development */

:root {
    --primary-color: #A10000;
    --background-light: #ffffff;
    --text-dark: #333333;
}

/* Header styles */
.navbar {
    background-color: var(--background-light) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
    color: var(--text-dark) !important;
}

/* Sidebar styles */
.sidebar {
    background-color: var(--background-light) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.sidebar .nav-link,
.sidebar .nav-item > a,
.sidebar .sidebar-heading {
    color: var(--text-dark) !important;
}

.sidebar-section-body h5,
.sidebar-section-body .opacity-50 {
    color: var(--text-dark) !important;
}

/* Active/hover states */
.sidebar .nav-link:hover,
.navbar .nav-link:hover {
    color: var(--primary-color) !important;
    background-color: rgba(161, 0, 0, 0.05) !important;
}

.sidebar .nav-link.active {
    background-color: rgba(161, 0, 0, 0.1) !important;
    color: var(--primary-color) !important;
    font-weight: 600;
}

/* Custom button styles */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--background-light);
}

.btn-primary:hover {
    background-color: #8a0000;
    border-color: #8a0000;
    color: var(--background-light);
}

/* Custom link color */
a {
    color: var(--text-dark);
}

a:hover {
    color: var(--primary-color);
}

/* Icons color */
.sidebar .nav-link i,
.navbar .nav-link i {
    color: var(--text-dark) !important;
}

.sidebar .nav-link.active i,
.sidebar .nav-link:hover i,
.navbar .nav-link:hover i {
    color: var(--primary-color) !important;
}

/* Text colors for headers and section titles */
.text-uppercase.fs-sm.lh-sm.opacity-50 {
    color: var(--text-dark) !important;
    opacity: 0.7 !important;
}

/* Search box customization */
.form-control-feedback input {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.form-control-feedback-icon i {
    color: var(--text-dark) !important;
}

.bg-color {
    background-color: var(--primary-color);
}

.second-btn {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
    .second-btn:hover {
        background-color: var(--primary-color);
        color: var(--background-light);
    }