/* Equitek Brand Styling & Color Overrides */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    /* Enforce brand colors on Bootstrap 5 variables */
    --bs-primary: #b91c1c !important;
    --bs-primary-rgb: 185, 28, 28 !important;
    --bs-primary-hover: #991b1b !important;
    --bs-primary-active: #991b1b !important;
    --bs-primary-bg-subtle: #fee2e2 !important;
    --bs-primary-border-subtle: #fca5a5 !important;
    --bs-link-color: #b91c1c !important;
    --bs-link-hover-color: #991b1b !important;

    /* Legacy layout color overrides (SocialV) */
    --iq-primary: #b91c1c !important;
    --iq-primary-hover: #991b1b !important;
    --iq-primary-light: #fee2e2 !important;

    /* Selection styling */
    --selection-bg: #b91c1c !important;
}

#layout-menu {
    --bs-menu-bg: #f7f8fb !important;
    --bs-menu-color: #2f3349 !important;
    --bs-menu-hover-bg: #f1f5f9 !important;
    --bs-menu-hover-color: #1f2937 !important;
    /* --bs-menu-sub-active-bg: #fee2e2 !important; */
    --bs-menu-sub-active-color: #b91c1c !important;
    --bs-menu-active-bg: #b91c1c !important;
    --bs-menu-active-color: #ffffff !important;
    --bs-menu-item-icon-color: #3b4055 !important;
    --bs-menu-box-shadow: none !important;
    background-color: #f7f8fb !important;
    border-inline-end: 0 !important;
    box-shadow: none !important;
}

#layout-menu .menu-inner > .menu-item > .menu-link,
#layout-menu .menu-sub .menu-link,
#layout-menu .layout-menu-toggle.menu-link {
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

#layout-menu .menu-inner > .menu-item:not(.active):not(.open) > .menu-link {
    background-color: transparent !important;
}

/* Override active state colors for lists and menus */
.menu-item.active > .menu-link {
    background-color: #fee2e2 !important;
    color: #b91c1c !important;
}

/* Buttons primary overrides */
.btn-primary {
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #991b1b !important;
    border-color: #991b1b !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: #b91c1c !important;
    border-color: #b91c1c !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

/* Badges */
.bg-label-primary {
    background-color: #fee2e2 !important;
    color: #b91c1c !important;
}

.course-category-badge {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.badge.bg-primary {
    background-color: #b91c1c !important;
    color: #ffffff !important;
}

/* Custom referral and utility styling */
.text-primary {
    color: #b91c1c !important;
}

.ref-icon {
    background: linear-gradient(
        135deg,
        rgba(185, 28, 28, 0.12),
        rgba(153, 27, 27, 0.12)
    ) !important;
    color: #b91c1c !important;
}

/* Progress bar */
.progress-bar {
    background-color: #b91c1c !important;
}

/* Header style custom overrides */
.bg-primary {
    background-color: #b91c1c !important;
}

.bg-primary-hover:hover {
    background-color: #991b1b !important;
}

/* Smooth layout transitions */
.menu-link,
.btn,
.nav-link {
    transition: all 0.2s ease-in-out;
}