/*
Theme Name: PokaTheme Child
Template: pokatheme
Theme URI: https://pokatheme.com
Description: Premium Affiliate WordPress Theme
Author: PokaTheme
Author URI: https://pokatheme.com
Version: 1.0.0
License: Licensed theme
Tags: black, blue, white, two-columns
Text Domain:  poka
*/

/*
    Add your custom styles here
*/



.site-header .poka-search { 
    display: none !important; 
}

/* ==========================================================================
   1. PENGATURAN TOMBOL UNTUK TAMPILAN DESKTOP (KOMPUTER/LAPTOP)
   ========================================================================== */
@media (min-width: 992px) {
    .header-top-flex-part--right {
        display: flex;
        align-items: center;
    }
    .header-custom-buttons {
        display: flex;
        gap: 12px;
        margin-left: 20px;
        margin-right: 10px;
    }
    .header-custom-buttons a.btn-custom-1 {
        background-color: #D4AF37; /* Warna Emas */
        color: #8B0000; /* Teks Merah Gelap */
        padding: 8px 20px;
        border-radius: 4px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 13px;
    }
    .header-custom-buttons a.btn-custom-2 {
        background-color: transparent;
        color: #D4AF37;
        border: 2px solid #D4AF37;
        padding: 6px 18px;
        border-radius: 4px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 13px;
    }
	.half{
		width: 50%;
	}
}
/* ==========================================================================
   PENGATURAN HEADER MOBILE (1 BARIS KAKU: 25% Kiri, 75% Kanan)
   ========================================================================== */
@media (max-width: 991px) {
    /* 1. Mengunci kontainer utama agar mutlak 1 baris */
    .header-top-flex {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* 2. AREA KIRI: LOGO (Mutlak 25%) */
    .header-top-flex-part--left {
        width: 25% !important;
        flex: 0 0 25% !important; /* Paksa lebar kiri tidak boleh berubah */
        display: flex !important;
        align-items: center !important;
    }
    
    .site-logo {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .site-logo img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    /* 3. AREA KANAN: TOMBOL + BURGER (Mutlak 75%) */
    .header-top-flex-part--right {
        width: 75% !important;
        flex: 0 0 75% !important; /* Paksa lebar kanan mengisi sisa layar */
        display: flex !important;
        flex-wrap: nowrap !important; /* Haram turun baris */
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px; /* Jarak antara blok tombol custom dan menu burger */
    }

    /* 4. MENYEMBUNYIKAN MENU DESKTOP YANG MERUSAK LAYOUT */
    .header-top-flex-part--right .main-navigation,
    .header-top-flex-part--right .site-navigation,
    .header-top-flex-part--right nav,
    .header-top-flex-part--right ul {
        display: none !important;
    }

    /* 5. DUA TOMBOL CUSTOM (Mengisi sisa ruang di dalam blok 75%) */
    .header-custom-buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-grow: 1; /* Biarkan tombol memanjang mengisi ruang kosong di kiri burger */
        justify-content: center; 
        gap: 5px;
        margin: 0 !important;
    }
    
    .header-custom-buttons a {
        flex: 1; /* Membagi ruang berdua sama rata */
        padding: 12px 10px !important;
        font-size: 14px !important;
        border-radius: 6px;
        text-align: center;
		font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        white-space: nowrap !important; /* Mencegah teks terpotong ke bawah */
    }

    /* 6. TOMBOL BURGER (Mentok Kanan) */
    .header-right-btns {
        flex-shrink: 0 !important; /* Jangan sampai ikon burger tergencet/mengecil */
        margin: 0 !important;
    }
	
	    /* Tombol Daftar (Dibuat mencolok dengan skema warna emas-merah) */
    .header-custom-buttons a.btn-custom-1 {
        background-color: #D4AF37 !important;
        color: #8B0000 !important;
    }
    
    /* Tombol Masuk (Dibuat kontras tinggi solid merah-putih khusus di mobile agar CTR tinggi) */
    .header-custom-buttons a.btn-custom-2 {
        background-color: #8B0000 !important;
        color: #FFFFFF !important;
        border: none !important;
    }
	.half{
		width: 100%;
	}	
}