/*
Theme Name: Yayasan Nurul Iman
Theme URI: https://yayasannuruliman.or.id
Author: Web Developer
Description: Tema kustom untuk Yayasan Nurul Iman dengan desain modern, responsif, dan menggunakan Tailwind CSS.
Version: 1.0
Text Domain: nurim
*/

/* --- Custom Scrollbar --- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #047857; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #065f46; 
}

/* --- Dropdown Hover Support --- */
.dropdown:hover .dropdown-menu {
    display: block;
}

/* --- Custom Header Styles --- */
#main-header {
    background-color: transparent;
}
#main-header.scrolled {
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

#topbar {
    max-height: 50px;
    overflow: hidden;
}
#main-header.scrolled #topbar {
    max-height: 0;
    opacity: 0;
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.logo-text, .nav-link, .mobile-btn {
    color: black;
    transition: color 0.3s ease;
}
.logo-subtext {
    color: black;
    transition: color 0.3s ease;
}
.nav-link:hover {
    color: #F59E0B;
}

/* Scrolled State Colors */
#main-header.scrolled .logo-text { color: #047857; }
#main-header.scrolled .logo-subtext { color: #6B7280; }
#main-header.scrolled .nav-link { color: #4B5563; }
#main-header.scrolled .nav-link:hover { color: #047857; }
#main-header.scrolled .mobile-btn { color: #374151; }