/*
Theme Name: Susiami Goo Farmer
Theme URI: https://susiamigoo.com
Author: Susiami Goo Farmer
Description: Custom lightweight, fast-loading, and performance-optimized B2B theme for Susiami Goo Farmer.
Version: 1.0.0
Text Domain: susiami-theme
*/
/* ==========================================================================
   B2B CORPORATE HEADER & NAVIGATION
   ========================================================================== */

.site-header { 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); 
}

.nav-list { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
    gap: 35px; 
    align-items: center;
}

.nav-list li a { 
    text-decoration: none; 
    color: #475569; 
    font-weight: 600; 
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: all 0.3s ease; 
}

.nav-list li a:hover { 
    color: #1e293b; 
}

/* Efek garis bawah pada menu yang sedang aktif */
.nav-list li.current-menu-item a { 
    color: #0f172a; 
    position: relative;
}

.nav-list li.current-menu-item a::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2563eb; /* Warna aksen biru korporat */
    border-radius: 2px;
}
/* ==========================================================================
   PREMIUM B2B COLOR SCHEME (SLATE NAVY & AMBER GOLD)
   ========================================================================== */
:root {
    --primary-color: #0f172a; /* Deep Slate Navy (Corporate) */
    --accent-color: #d97706; /* Amber Gold (Premium Agro) */
    --bg-light: #f8fafc; /* Platinum White */
    --text-main: #334155;
}

body {
    color: var(--text-main);
}

h1, h2, h3, h4, .site-logo a {
    color: var(--primary-color) !important;
}

/* Mengubah Tombol menjadi Premium */
.btn-primary {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    border: none;
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3);
    border-radius: 4px;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #b45309 !important; /* Gold yang lebih gelap saat disorot */
    transform: translateY(-2px);
}

/* ==========================================================================
   MICRO-ANIMATIONS (SCROLL REVEAL)
   ========================================================================== */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-1 { transition-delay: 0.15s; }
.delay-2 { transition-delay: 0.30s; }
.delay-3 { transition-delay: 0.45s; }