/* =========================================
   iGrroww.in | Global & Header Styles
   File: assets/css/header.css
========================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

body { 
    background-color: #f8fafc; 
    color: #475569; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background-color: #00C16A;
    color: #ffffff;
}

/* Premium Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
    transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
    background: #00C16A; 
}

/* Custom Nav Link Hover Animation */
.nav-link { 
    position: relative; 
    font-weight: 600; 
    color: #4b5563; 
    transition: color 0.3s ease; 
    font-size: 14px; 
}
.nav-link:hover, .nav-link.active { 
    color: #0f172a; 
}
.nav-link::after {
    content: ''; 
    position: absolute; 
    width: 0; 
    height: 2px;
    bottom: -6px; 
    left: 0; 
    background-color: #00C16A; 
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link:hover::after, .nav-link.active::after { 
    width: 100%; 
}

/* Mobile Menu Smooth Dropdown */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}