/* ==========================================================
   Secure Bootstrap Starter — Custom Styles
   ========================================================== */

:root {
    --sbs-primary: #0d6efd;
}

/* Sticky header ke niche content chipke na, isliye padding */
body.has-sticky-header main#main-content {
    scroll-margin-top: 80px;
}

/* ---------------- Mega Menu ---------------- */
.has-mega-menu .navbar .dropdown {
    position: static; /* full-width panel ke liye */
}

.mega-menu-panel {
    left: 0;
    right: 0;
    top: 100%;
    border: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.mega-menu-column h6 a {
    color: inherit;
}

.mega-menu-column .dropdown-item {
    white-space: normal;
}

@media (max-width: 991.98px) {
    .mega-menu-panel {
        box-shadow: none;
        padding: 0.5rem 0 !important;
    }
    .mega-menu-panel .row {
        row-gap: 0.75rem !important;
    }
}

/* ---------------- Widgets ---------------- */
.widget-area .card-title {
    font-size: 1rem;
}

/* ---------------- Footer ---------------- */
.site-footer a {
    color: #cfd8e3;
}
.site-footer a:hover {
    color: #fff;
}


@media (max-width: 991.98px) {
    .navbar-collapse .position-static {
        position: relative !important;
    }

    .navbar-collapse .dropdown-menu:not(.show) {
        display: none !important;
    }

    .navbar-collapse .mega-menu-panel {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        padding: 0.5rem 1rem !important;
    }

    /* .navbar-collapse .mega-menu-panel .row {
        display: block !important;
    } */

    .navbar-collapse .mega-menu-column {
        margin-bottom: 1rem;
    }

    .navbar-collapse .mega-img-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}