/*backup dari resources\views\layouts\web\partials\css.blade.php */
 
 /* --- 1. SET VARIABEL WARNA ROOT --- */
    :root {
        --primary-color: #059669 !important;
        --secondary-color: #064e3b !important;
        --theme-red: #059669 !important;
    }

    .header-section {
        background: transparent !important;
        /* Transparan, biar background Hero kelihatan */
        position: fixed !important;
        /* Mengunci navbar agar tetap di atas */
        width: 100%;
        top: 0;
        z-index: 999;
        transition: all 0.4s ease;
        /* Animasi halus */
        box-shadow: none !important;
    }

    /* Ubah warna teks menu jadi PUTIH saat di atas */
    .header-section .nav-item a,
    .header-section .navbar-btn {
        color: #ffffff !important;
    }

    /* MAGIC: Ubah Logo Hijau jadi PUTIH pakai Filter */
    .header-section .header-logo img {
        filter: brightness(0) invert(1) !important;
        /* Memaksa gambar jadi putih total */
    }

    /* 2. STATE SCROLL (Saat user gulir ke bawah) */
    /* Template biasanya menambahkan class 'sticky', 'sticky-header', atau 'header-sticky' */
    /* Kita target semuanya untuk jaga-jaga */
    .header-section.sticky,
    .header-section.sticky-header,
    .header-section.header-sticky {
        background: #ffffff !important;
        /* Background jadi PUTIH bersih */
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    }

    /* Saat scroll, teks menu kembali jadi HIJAU/HITAM */
    .header-section.sticky .nav-item a,
    .header-section.sticky-header .nav-item a {
        color: #059669 !important;
    }

    /* Saat scroll, Logo kembali ke warna ASLI (Hijau) */
    .header-section.sticky .header-logo img,
    .header-section.sticky-header .header-logo img {
        filter: none !important;
        /* Hapus filter putih tadi */
    }

    /* Tombol Login di Navbar saat scroll */
    .header-section.sticky .btn-login,
    .header-section.sticky-header .btn-login {
        background: #059669 !important;
        color: white !important;
    }

    /* --- 2. PERBAIKAN TOMBOL MERAH (Login & Hero Button) --- */
    /* Kita target semua kemungkinan class tombol */
    .btn,
    .btn-primary,
    .theme-btn,
    .action-btn,
    .btn-login,
    button[type="submit"],
    a.btn-danger,
    /* Kadang template pakai btn-danger untuk warna utama */
    .get-started-btn {
        background-color: #10B981 !important;
        /* Warna Hijau */
        background-image: none !important;
        /* Hapus gradasi merah bawaan */
        border: 1px solid #10B981 !important;
        color: white !important;
        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4) !important;
    }

    /* Efek Hover Tombol */
    .btn:hover,
    .theme-btn:hover,
    .btn-login:hover {
        background-color: #047857 !important;
        background-image: none !important;
        transform: translateY(-2px);
    }

    /* Tombol Video (Play Button) */
    .video-play-btn,
    .play-btn {
        background-color: #10B981 !important;
        color: white !important;
    }

    /* Tombol Panah di dalam tombol hero */
    .btn i,
    .theme-btn i {
        background: transparent !important;
    }

    /* --- 3. PERBAIKAN BACKGROUND HERO (BANNER1.PNG) --- */
    /* Kita timpa gambar banner1.png dengan warna hijau CSS */
    .hero-section,
    .banner-section,
    .home-header {
        background-image: linear-gradient(135deg, #022c22 0%, #064e3b 50%, #065f46 100%) !important;
        background-color: #064e3b !important;
    }

    /* --- 4. TEKS & HARGA --- */
    .text-primary,
    .section-title span,
    .hero-text span,
    .typing-text {
        color: #34d399 !important;
        /* Hijau Terang */
        -webkit-text-fill-color: #34d399 !important;
    }

    /* Judul Harga (Free, Standard, Premium) */
    .pricing-plan-title,
    .package-name,
    h3,
    h4 {
        color: #064e3b;
        /* Hijau Gelap untuk teks di background putih */
    }

    /* Harga (Rp10, Rp50) - Biasanya template pakai class text-primary atau custom */
    .price-text,
    .plan-price {
        color: #059669 !important;
    }

    /* --- 5. CLEANUP --- */
    .hero-app-btn,
    .download-btn-group,
    .scan-area,
    .hero-qr-code {
        display: none !important;
    }

    /* Footer */
    .footer-section {
        background: #022c22 !important;
    }


    /* backup dari resources\views\layouts\auth\partials\styles.blade.php */
     /* Paksa Background Merah jadi Hijau Gradient */
     /* HANYA target layout auth, jangan body global */
    .auth-layout-wrap, 
    .login-area,
    .register-area {
        background-color: #059669 !important;
        background-image: linear-gradient(135deg, #065f46 0%, #10b981 100%) !important;
        min-height: 100vh; /* Pastikan full screen */
    }

    /* Ganti Tombol Login Merah */
    .auth-layout-wrap .btn-primary,
    .login-area button[type="submit"] {
        background: #10B981 !important;
        border-color: #10B981 !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    }

    .auth-layout-wrap .btn-primary:hover {
        background: #047857 !important;
    }

    /* Ganti Warna Teks 'Welcome to Okasir' */
    .auth-content h1,
    .auth-content h2,
    .login-header h3 {
        color: #059669 !important;
    }

    /* Ganti link 'Create an account' */
    .auth-layout-wrap a.text-primary,
    .forgot-pass {
        color: #10B981 !important;
    }

    /* Perbesar Logo di Login Page */
    .auth-logo img,
    .login-header img {
        height: 60px !important;
        width: auto !important;
    }