/*
Theme Name: Sarkari Job Point Theme
Theme URI: https://sarkarijobpoint.com
Author: Goedgo Team
Author URI: https://goedgo.com
Description: High-performance, bold, fast-loading WordPress Theme for Government Job Portals inspired by SarkariJobPoint.com. Features 3-column Sarkari grid tables, structured recruitment templates, live stats, and social channel integration.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: sarkaritheme
Tags: government-jobs, sarkari-result, admit-card, recruitment, custom-menu, custom-logo, theme-options, grid-layout
*/

/* Custom Scrollbar Utilities */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* WordPress Nav Menu Reset & Sub-menu Dropdowns */
.nav-primary-menu,
.nav-primary-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children:hover > .sub-menu {
    display: flex;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    flex-direction: column;
    background-color: #ffffff;
    min-width: 180px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
    padding: 0.5rem;
    z-index: 50;
    border: 1px solid #e2e8f0;
}

.dark .sub-menu {
    background-color: #0f172a;
    border-color: #1e293b;
}

.sub-menu li {
    width: 100%;
}

.sub-menu a {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.5rem;
}

/* WordPress Nav Sub-menu Dropdown Styles */
nav ul.sub-menu,
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    min-width: 14rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    border-radius: 1rem;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dark nav ul.sub-menu,
.dark .sub-menu {
    background-color: #0f172a;
    border-color: #1e293b;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

/* Show submenu on hover or when open class is present */
nav li:hover > ul.sub-menu,
nav li.open > ul.sub-menu,
nav li.group:hover > ul.sub-menu {
    display: block !important;
}

/* Ensure navbar items do not wrap onto second row unstyled */
header nav {
    flex-wrap: nowrap;
}