/* Pengaturan Utama Body */
body {
    padding-top: 85px; /* Biar konten nggak ketutup header fixed */
    background-color: #fcfcfc;
}

/* Header Styling */
.main-header {
    background-color: #ffffff !important;
    padding: 10px 0;
    transition: all 0.3s ease;
}

/* Logo & Brand */
.logo-section {
    flex: 1; /* Memberi ruang seimbang di kiri */
}

.brand-name {
    color: #585756;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.brand-sub {
    color: #a0a0a0;
    font-size: 0.75rem;
}

/* Nav Link (Menu Tengah) */
.navbar-nav .nav-link {
    color: #585756 !important;
    font-weight: 400;
    font-size: 0.95rem;
    padding: 0.5rem 1rem !important;
    transition: color 0.2s ease;
}

/* Efek Hover Warna Merah E53935 */
.navbar-nav .nav-link:hover, 
.navbar-nav .nav-item.show .nav-link {
    color: #E53935 !important;
}

/* Dropdown Menu */
.dropdown-menu {
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 10px;
}

.dropdown-item {
    color: #585756;
    padding: 8px 15px;
    border-radius: 4px;
}

.dropdown-item:hover {
    background-color: #fff5f5;
    color: #E53935;
}

/* Bagian Kanan (Medsos & Search) */
.social-search-section {
    flex: 1;
    justify-content: flex-end;
}

.social-icons a {
    color: #585756;
    font-size: 1.1rem;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #E53935;
}

.search-icon {
    color: #585756;
    font-size: 1rem;
}

.search-icon:hover {
    color: #E53935;
}

.search-divider {
    width: 1px;
    height: 20px;
    background-color: #ddd;
    margin: 0 5px;
}