/* ==========================================================================
   InfiLMS — Website, Student & Instructor dashboards
   Loaded after the template + branding styles. Presentation only.
   ========================================================================== */
:root {
    --header: var(--il-navy-900);
    --text: var(--il-text-2);
    --body: var(--il-text);
    --bg: var(--il-bg);
    --bg-2: var(--il-navy);
    --border: #d9e1ec;
    --box-shadow: var(--il-shadow-sm);
}

/* ---------- Base typography ---------- */
body {
    font-family: var(--il-font) !important;
    color: var(--il-text-2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
button, input, select, textarea, .theme-btn, .nice-select, .main-menu ul li a {
    font-family: var(--il-font) !important;
}
h1, h2, h3, h4, h5, h6 { color: var(--il-navy-900); letter-spacing: -0.02em; }
a { transition: color .2s ease; }
.text-primary { color: var(--il-primary) !important; }
.section-bg, .bg-color-light { background-color: var(--il-bg) !important; }

/* Custom cursor of the template is distracting in a business app */
.mouseCursor { display: none !important; }

/* Back-to-top */
.back-to-top {
    background: var(--il-primary-grad) !important;
    box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--il-primary) 90%, transparent) !important;
    border-radius: 14px !important;
}

/* ---------- Top bar ---------- */
.header-top-section {
    background: var(--il-brand-grad) !important;
    border-bottom: 0 !important;
}
.header-top-section,
.header-top-section a,
.header-top-section li,
.header-top-section span,
.header-top-section i { color: rgba(255, 255, 255, .88) !important; }
.header-top-section a:hover { color: #fff !important; }
.header-top-section .header-top-wrapper { padding-top: 9px !important; padding-bottom: 9px !important; font-size: 13px; }
.header-top-section .header-top-wrapper ul li { border-color: rgba(255, 255, 255, .18) !important; }
.header-top-section .social-icon a {
    border-color: rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .06);
    width: 28px !important; height: 28px !important; line-height: 28px !important;
}
.header-top-section .social-icon a:hover { background: var(--il-accent) !important; border-color: transparent !important; }
.header-top-section select, .header-top-section .nice-select {
    background: rgba(255, 255, 255, .1) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.header-top-section select option { color: var(--il-text); }

/* ---------- Main header ---------- */
.header-1 {
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: saturate(160%) blur(12px);
    backdrop-filter: saturate(160%) blur(12px);
    border-bottom: 1px solid var(--il-border);
}
.header-1 .logo-shape, .header-1 .logo-shape img { display: none !important; }
.header-1 .logo { padding: 0 !important; }
.header-1 .logo img, .header-logo img, .header-logo2 img, .offcanvas__logo img, .login-logo img {
    height: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: 210px !important;
    object-fit: contain;
}
#header-sticky.sticky {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 30px -18px rgba(6, 28, 69, .35) !important;
}
/* both logo slots show the brand logo on the light header */
.header-1 .header-logo2 { display: none !important; }
.header-1 .header-logo { display: block !important; }

.header-1 .header-main { padding: 14px 0 !important; gap: 24px; }
.main-menu ul li a {
    color: var(--il-navy-900) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: -0.005em;
}
.main-menu ul li:hover > a, .main-menu ul li.active > a, .main-menu ul li > a.active { color: var(--il-primary) !important; }
.main-menu ul li .submenu {
    border-radius: 14px !important;
    border: 1px solid var(--il-border) !important;
    box-shadow: var(--il-shadow) !important;
    overflow: hidden;
    padding: 8px !important;
}
.main-menu ul li .submenu li a { border-radius: 9px; font-size: 14px !important; }
.main-menu ul li .submenu li:hover > a { background: var(--il-primary-soft) !important; }
@media (min-width: 1200px) and (max-width: 1599.98px) {
    .header-1 .main-menu ul li { margin-inline-end: 22px !important; }
    .header-1 .main-menu ul li:last-child { margin-inline-end: 0 !important; }
}
.header-1 .main-menu > nav > ul { display: flex; flex-wrap: nowrap; align-items: center; }
.header-1 .main-menu > nav > ul > li { white-space: nowrap; }

.main-header__search, .header-right .custom-dropdown > a, .header-right .custom-dropdown > button {
    width: 44px !important; height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid var(--il-border) !important;
    background: var(--il-surface) !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    color: var(--il-navy) !important;
    box-shadow: var(--il-shadow-xs);
}
.main-header__search:hover { border-color: var(--il-primary-soft-2) !important; box-shadow: 0 0 0 4px var(--il-primary-ring) !important; }
.header__hamburger .sidebar__toggle {
    width: 44px; height: 44px; border-radius: 12px;
    background: var(--il-primary-soft); color: var(--il-primary) !important;
    display: inline-flex; align-items: center; justify-content: center;
}
.custom-dropdown-menu { border-radius: 16px !important; border: 1px solid var(--il-border) !important; box-shadow: var(--il-shadow) !important; overflow: hidden; }

/* ---------- Buttons ---------- */
.theme-btn {
    background: var(--il-primary-grad) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 12px 24px -14px color-mix(in srgb, var(--il-primary) 90%, transparent);
    transition: transform .15s ease, box-shadow .2s ease, filter .2s ease !important;
    white-space: nowrap;
}
.theme-btn:hover { transform: translateY(-1px); filter: brightness(1.06); color: #fff !important; }
.theme-btn::before, .theme-btn::after { border-radius: 14px !important; }
.theme-btn i, .theme-btn .icon {
    background: var(--il-accent-grad) !important;
    color: #fff !important;
    border-radius: 10px !important;
}
.theme-btn.style-2, .theme-btn.bg-white, .theme-btn.white-btn {
    background: #fff !important; color: var(--il-navy-900) !important;
    border: 1px solid var(--il-border) !important;
}
.theme-btn.style-2:hover { color: var(--il-primary) !important; }
.btn-primary {
    border-radius: 12px !important;
    font-weight: 700 !important;
    background: var(--il-primary-grad) !important;
    border-color: transparent !important;
}
.btn-outline-primary { border-radius: 12px !important; color: var(--il-primary) !important; border-color: var(--il-primary) !important; }
.btn-outline-primary:hover { background: var(--il-primary) !important; color: #fff !important; }
.btn { border-radius: 12px; font-weight: 600; }
.btn:focus-visible, .theme-btn:focus-visible { box-shadow: 0 0 0 4px var(--il-primary-ring) !important; outline: 0; }

/* ---------- Section titles ---------- */
.section-title h6, .section-title .sub-title, .section-title span.sub-title {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: var(--il-primary-soft) !important;
    color: var(--il-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 1px solid var(--il-primary-soft-2);
}
.section-title h6::before, .section-title h6::after { display: none !important; }
.section-title h2:not(.text-white) {
    color: var(--il-navy-900) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}
.section-title h2 span, .section-title h2 b { color: var(--il-orange) !important; }
.section-title p { color: var(--il-text-2); }

/* ---------- Hero ---------- */
.mhq-hero-1 h1, .mhq-hero-content h1 { color: var(--il-navy-900) !important; font-weight: 800 !important; letter-spacing: -0.035em !important; }
.mhq-hero-1 h1 span, .mhq-hero-content h1 span { color: var(--il-orange) !important; }

/* ---------- Breadcrumb / page banner ---------- */
.breadcrumb-wrapper {
    position: relative;
    background: var(--il-brand-grad) !important;
    overflow: hidden;
    isolation: isolate;
}
.breadcrumb-wrapper::before {
    content: "";
    position: absolute; inset: 0;
    background:
        radial-gradient(600px 300px at 0% 0%, rgba(26, 166, 232, .30), transparent 70%),
        radial-gradient(500px 260px at 100% 100%, rgba(255, 122, 18, .22), transparent 70%) !important;
    opacity: 1 !important;
    z-index: -1;
}
.breadcrumb-wrapper::after {
    content: "";
    position: absolute; right: 6%; bottom: 0;
    width: 300px; height: 150px;
    background: var(--il-motif) no-repeat right bottom / contain;
    pointer-events: none; z-index: -1;
}
.breadcrumb-wrapper .page-heading h1,
.breadcrumb-wrapper .page-heading h2 { color: #fff !important; font-weight: 800 !important; letter-spacing: -0.03em; }
.breadcrumb-wrapper .breadcrumb-items li,
.breadcrumb-wrapper .breadcrumb-items li a,
.breadcrumb-wrapper .breadcrumb-items i { color: rgba(255, 255, 255, .8) !important; }
.breadcrumb-wrapper .breadcrumb-items li:last-child { color: #fff !important; }
.breadcrumb-wrapper .page-heading .breadcrumb-items { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* ---------- Cards (courses, categories, instructors, news, testimonials, events) ---------- */
.mhq-courses-box-items, .instructors-box-items, .mhq-news-box-items,
.mhq-testimonial-box-items, .event-box-items, .mhq-event-box-items, .courses-list-box, .post-box-items,
.mhq-icon-items, .bundle-box-items, .pricing-box-items {
    border-radius: var(--il-radius-lg) !important;
    border: 1px solid var(--il-border) !important;
    background-color: var(--il-surface);
    box-shadow: var(--il-shadow-sm) !important;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.mhq-courses-box-items:hover, .instructors-box-items:hover, .mhq-news-box-items:hover,
.event-box-items:hover, .courses-list-box:hover, .bundle-box-items:hover {
    transform: translateY(-3px);
    box-shadow: var(--il-shadow) !important;
}
.mhq-courses-image img, .mhq-news-image img, .thumb img { border-radius: 14px !important; }
.mhq-courses-content h3 a, .mhq-courses-content h4 a, .mhq-news-content h3 a, .courses-list-box h3 a { color: var(--il-navy-900) !important; font-weight: 700 !important; }
.mhq-courses-content h3 a:hover, .mhq-news-content h3 a:hover { color: var(--il-primary) !important; }
.post-box, .post-date, .mhq-courses-content .post-box {
    color: var(--il-primary) !important;
    background: var(--il-primary-soft) !important;
    border-radius: 999px !important;
    font-weight: 700;
}
.star i, .star-average i, .fa-star { color: var(--il-amber); }
.mhq-courses-content .price, .mhq-courses-content h5, .price-tag { color: var(--il-orange-deep) !important; font-weight: 800; }

/* Category section (dark brand band) */
.mhq-top-category-section {
    background-image:
        radial-gradient(700px 360px at 100% 0%, rgba(26, 166, 232, .28), transparent 70%),
        radial-gradient(600px 300px at 0% 100%, rgba(255, 122, 18, .16), transparent 70%),
        linear-gradient(150deg, var(--il-navy-950) 0%, var(--il-navy-900) 45%, #0a3f8f 100%) !important;
}
.theme-green-bg-1, .bg-2, .section-bg-2 { background: var(--il-brand-grad) !important; }
.mhq-category-box-items {
    border-radius: var(--il-radius-lg) !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    transition: transform .2s ease, background .2s ease;
}
.mhq-category-box-items:hover { transform: translateY(-3px); background: rgba(255, 255, 255, .12) !important; }
.mhq-category-box-items .mhq-category-icon, .mhq-category-box-items .mhq-icon {
    background: var(--il-accent-grad) !important; color: #fff !important; border-radius: 16px !important;
}
.mhq-category-box-items .mhq-content h3, .mhq-category-box-items .mhq-content h3 a { color: #fff !important; }
.mhq-category-box-items .mhq-content p { color: rgba(255, 255, 255, .75) !important; }
.section-title h6.style-2 { background: rgba(255, 255, 255, .1) !important; color: #ffd28c !important; border-color: rgba(255, 255, 255, .2) !important; }

/* Marquee band */
.mycustom-marque, .marquee-section .mycustom-marque { background: var(--il-brand-grad) !important; }
.mycustom-marque .cmn-textslide, .mycustom-marque i { color: #fff !important; }
.mycustom-marque i, .mycustom-marque img { filter: none; }

/* Discount / offer band: brand overlay on the photo */
.mhq-discount-section { position: relative; isolation: isolate; }
.mhq-discount-section::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg, rgba(4, 18, 44, .92) 0%, rgba(1, 51, 118, .78) 45%, rgba(11, 95, 193, .25) 100%);
}
.mhq-discount-section .discount-box-items h2, .mhq-discount-section .discount-box-items p { color: #fff !important; }
.mhq-discount-section > .container { position: relative; z-index: 1; }

/* Counters */
.mhq-counter-item { border-radius: var(--il-radius-lg) !important; }
.mhq-counter-item h2, .mhq-counter-item .count { color: var(--il-navy-900) !important; font-weight: 800 !important; }

/* ---------- Forms ---------- */
.form-clt input, .form-clt textarea, .form-clt select, .form-control, .form-select, .nice-select,
.mhq-login-form input[type=email], .mhq-login-form input[type=password], .mhq-login-form input[type=text] {
    border: 1px solid var(--il-border-strong) !important;
    border-radius: 12px !important;
    background-color: var(--il-surface) !important;
    color: var(--il-text) !important;
    font-size: 15px;
    box-shadow: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.form-clt input, .mhq-login-form input[type=email], .mhq-login-form input[type=password], .mhq-login-form input[type=text] { min-height: 50px; padding-left: 16px !important; }
.form-clt input:focus, .form-clt textarea:focus, .form-control:focus, .form-select:focus,
.mhq-login-form input:focus {
    border-color: var(--il-primary) !important;
    box-shadow: 0 0 0 4px var(--il-primary-ring) !important;
    outline: 0;
}
.form-check-input:checked { background-color: var(--il-primary) !important; border-color: var(--il-primary) !important; }
.form-check-input:focus { box-shadow: 0 0 0 4px var(--il-primary-ring) !important; }
.form-label, label { color: var(--il-text); font-weight: 600; }

/* ---------- Sign-in / Sign-up / Password pages ---------- */
.mhq-login-wrapper {
    position: relative;
    border-radius: 24px !important;
    border: 1px solid var(--il-border) !important;
    box-shadow: 0 1px 2px rgba(6, 28, 69, .04), 0 40px 80px -36px rgba(6, 28, 69, .35) !important;
    padding: 40px 38px 32px !important;
    overflow: hidden;
}
.mhq-login-wrapper::before {
    content: "";
    position: absolute; left: 0; right: 0; top: 0; height: 4px;
    background: linear-gradient(90deg, var(--il-blue), var(--il-cyan) 55%, var(--il-orange));
}
.mhq-login-header h2, .mhq-login-header h3 { font-weight: 800 !important; letter-spacing: -0.03em; color: var(--il-navy-900) !important; }
.mhq-login-header p { color: var(--il-muted); }
.mhq-login-wrapper .theme-btn { justify-content: center; min-height: 52px; }
.mhq-login-wrapper a.text-primary, .mhq-login-wrapper .text-primary { color: var(--il-primary) !important; }
.mhq-login-wrapper .toggle-password { color: var(--il-muted); }
.login-logo { display: inline-block; }
.mhq-hero-section .hero-shape-1, .mhq-hero-section .hero-shape-2, .mhq-hero-section .hero-shape-3 { opacity: .55; }

/* ---------- Footer ---------- */
.mhq-footer-section, .footer-bg-2, .mhq-footer-bottom {
    background: linear-gradient(160deg, var(--il-navy-950) 0%, var(--il-navy-900) 55%, #0a2f6e 100%) !important;
    position: relative;
}
.mhq-footer-section, .mhq-footer-section p, .mhq-footer-section li, .mhq-footer-section a, .mhq-footer-section span,
.mhq-footer-bottom, .mhq-footer-bottom p, .mhq-footer-bottom a { color: rgba(255, 255, 255, .74) !important; }
.mhq-footer-section a:hover, .mhq-footer-bottom a:hover { color: #fff !important; }
.mhq-footer-section .mhq-widget-head h3, .mhq-footer-section .mhq-widget-head h4, .mhq-footer-section h3 { color: #fff !important; font-weight: 800 !important; }
.mhq-footer-section .footer-logo img { max-height: 52px; width: auto; filter: none; }
.mhq-footer-section .social-icon a {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.mhq-footer-section .social-icon a:hover { background: var(--il-accent) !important; border-color: transparent !important; }
.mhq-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .08) !important; }
.mhq-footer-section .footer-name, .footer-name { opacity: .06 !important; }
/* footer logo panel: the logo is dark-on-light, so give it a light chip */
.mhq-footer-section .footer-logo { display: inline-flex; background: #fff; padding: 10px 14px; border-radius: 14px; box-shadow: 0 10px 24px -16px rgba(0, 0, 0, .6); }

/* ---------- Dashboards (student & instructor) ---------- */
.dashboard-layout { gap: 28px !important; }
.dashboard-sidebar {
    padding-top: 0 !important;
    border-radius: 22px !important;
    border: 1px solid var(--il-border) !important;
    background: var(--il-surface) !important;
    box-shadow: var(--il-shadow-sm) !important;
    overflow: hidden;
}
.dashboard-profile {
    position: relative;
    background: var(--il-brand-grad) !important;
    padding-top: 26px !important;
    padding-bottom: 22px !important;
    border-bottom: 0 !important;
    isolation: isolate;
}
.dashboard-profile::after {
    content: ""; position: absolute; right: -20px; bottom: -6px; width: 170px; height: 85px;
    background: var(--il-motif) no-repeat right bottom / contain; z-index: -1; opacity: .9;
}
.dashboard-profile h4 { color: #fff !important; font-weight: 800 !important; }
.dashboard-profile p { color: rgba(255, 255, 255, .78) !important; }
.dashboard-profile .status-badge {
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 999px !important;
}
.dashboard-profile-image, .dashboard-profile-image img {
    border-color: rgba(255, 255, 255, .85) !important;
    background: #fff !important;
    color: var(--il-navy) !important;
}
.dashboard-nav { padding: 10px !important; }
.dashboard-nav li a {
    border-radius: 12px !important;
    border-left: 0 !important;
    color: var(--il-text-2) !important;
    font-weight: 600 !important;
    margin: 2px 0;
    transition: background .15s ease, color .15s ease;
}
.dashboard-nav li a i { color: var(--il-navy) !important; width: 22px; text-align: center; }
.dashboard-nav li a:hover { background: var(--il-surface-2) !important; color: var(--il-text) !important; }
.dashboard-nav li a.active {
    background: var(--il-primary-grad) !important;
    color: #fff !important;
    box-shadow: 0 12px 22px -14px color-mix(in srgb, var(--il-primary) 90%, transparent);
}
.dashboard-nav li a.active i { color: #fff !important; }
.dashboard-menu-toggle {
    border-radius: 12px !important;
    background: var(--il-primary-soft) !important;
    color: var(--il-primary) !important;
    font-weight: 700;
}
.dashboard-main .section-title h2 { font-size: clamp(28px, 3vw, 40px) !important; }
.dashboard-stats-minimal { gap: 16px !important; }
.stat-card-minimal {
    border-radius: 18px !important;
    border: 1px solid var(--il-border) !important;
    box-shadow: var(--il-shadow-sm) !important;
    background: var(--il-surface) !important;
    transition: transform .18s ease, box-shadow .18s ease;
}
.stat-card-minimal:hover { transform: translateY(-2px); box-shadow: var(--il-shadow) !important; }
.stat-icon-minimal { border-radius: 14px !important; color: #fff !important; }
.dashboard-stats-minimal .stat-card-minimal:nth-child(4n+1) .stat-icon-minimal { background: linear-gradient(135deg, var(--il-blue), var(--il-cyan)) !important; }
.dashboard-stats-minimal .stat-card-minimal:nth-child(4n+2) .stat-icon-minimal { background: var(--il-accent-grad) !important; }
.dashboard-stats-minimal .stat-card-minimal:nth-child(4n+3) .stat-icon-minimal { background: linear-gradient(135deg, var(--il-navy), #2b6fd2) !important; }
.dashboard-stats-minimal .stat-card-minimal:nth-child(4n+4) .stat-icon-minimal { background: linear-gradient(135deg, #0f9d67, #2fd3a0) !important; }
.stat-value-minimal { color: var(--il-navy-900) !important; font-weight: 800 !important; letter-spacing: -0.02em; }
.stat-label-minimal { color: var(--il-muted) !important; font-weight: 600; }
.dashboard-content-section, .dashboard-card, .dashboard-main .card {
    border-radius: 20px !important;
    border: 1px solid var(--il-border) !important;
    box-shadow: var(--il-shadow-sm) !important;
    background: var(--il-surface);
}
.dashboard-empty-state { border-radius: 18px !important; border-color: var(--il-border-strong) !important; }
.dashboard-main table thead th, .dashboard-main .table thead th {
    background: var(--il-surface-2) !important;
    color: var(--il-muted) !important;
    font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    border-color: var(--il-border) !important;
}
.dashboard-main .table td { border-color: var(--il-border) !important; vertical-align: middle; }

/* ---------- Badges, alerts, pagination, modals ---------- */
.badge { border-radius: 8px; font-weight: 700; }
.alert { border-radius: 14px; }
.alert-info { background: var(--il-primary-soft); border-color: var(--il-primary-soft-2); color: var(--il-navy); }
.page-nav-wrap ul li a, .page-numbers, .pagination .page-link {
    border-radius: 12px !important;
    border-color: var(--il-border) !important;
    color: var(--il-navy-900) !important;
    font-weight: 700;
}
.page-nav-wrap ul li a:hover, .page-nav-wrap ul li.active a, .page-numbers.current, .pagination .page-item.active .page-link {
    background: var(--il-primary) !important; border-color: var(--il-primary) !important; color: #fff !important;
}
.modal-content { border-radius: 22px !important; border: 0 !important; box-shadow: 0 40px 80px -30px rgba(4, 18, 44, .5) !important; overflow: hidden; }
.modal-header { border-bottom: 1px solid var(--il-border) !important; background: var(--il-surface-2); }
.modal-title { font-weight: 800 !important; color: var(--il-navy-900); }
.swal2-popup { border-radius: 22px !important; font-family: var(--il-font) !important; }
.swal2-styled.swal2-confirm { background: var(--il-primary) !important; border-radius: 12px !important; }

/* Search popup + offcanvas (mobile menu) */
.search-popup__content input { border-radius: 14px !important; }
.offcanvas__info { border-radius: 0 0 0 24px; }
.offcanvas__wrapper { font-family: var(--il-font); }
.offcanvas__contact .contact-list li i, .offcanvas__contact i { color: var(--il-primary) !important; }
.mean-container .mean-nav ul li a { color: var(--il-navy-900) !important; font-weight: 600 !important; border-color: var(--il-border) !important; }
.mean-container .mean-nav ul li a:hover { color: var(--il-primary) !important; }

/* Cookie consent (spatie) */
.js-cookie-consent, .cookie-consent {
    font-family: var(--il-font) !important;
    border-radius: 18px !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px) {
    .header-1 .header-main { padding: 10px 0 !important; }
    .header-1 .header-right .theme-btn { padding: 12px 16px !important; font-size: 14px !important; }
}
@media (max-width: 767.98px) {
    .header-top-section { display: none; }
    .header-1 .header-main { gap: 8px; }
    .header-1 .header-right { gap: 8px; flex-shrink: 0; }
    .header-1 .header-right #notificationWrapper { margin: 0 !important; }
    .main-header__search, .header-right .custom-dropdown > a, .header-right .custom-dropdown > button,
    .header__hamburger .sidebar__toggle { width: 40px !important; height: 40px !important; margin: 0 !important; }
    .header-1 .logo { min-width: 0; flex-shrink: 1; }
    .header-1 .logo img { height: 40px !important; }
    .header-1 .logo img { max-height: 40px !important; max-width: 150px !important; }
    .header-1 .header-right .theme-btn { display: none !important; }
    .mhq-login-wrapper { padding: 28px 20px 22px !important; border-radius: 20px !important; }
    .breadcrumb-wrapper::after { width: 170px; height: 85px; right: 0; opacity: .7; }
    .dashboard-profile::after { width: 120px; height: 60px; }
    .dashboard-main .section-title h2 { font-size: 26px !important; }
    .dashboard-content-section { overflow-x: auto; }
    .stat-card-minimal { padding: 14px !important; }
    .section-title h2 { font-size: 28px !important; }
}