.elementor-4651 .elementor-element.elementor-element-ee8b20f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-77bff6f */<div class="Form-Row">
    <div class="Form-Group">
        <label>Check In</label>
        <input type="date" required>
    </div>
    <div class="Form-Group">
        <label>Guests</label>
        <div class="Select-Wrapper">
            <select class="Custom-Select">
                <option value="1">1 Person</option>
                <option value="2" selected>2 Persons</option>
                <option value="3">3 Persons</option>
                <option value="4+">4+ Persons</option>
            </select>
            <span class="Select-Arrow">▼</span>
        </div>
    </div>
</div>

<style>
    /* CSS TOTAL FIX UNTUK GUESTS */
    
    .Form-Row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: flex-start; /* Jaga biar gak narik tinggi satu sama lain */
    }

    .Form-Group {
        margin-bottom: 35px;
        overflow: visible !important; /* WAJIB: Biar teks gak ke-crop */
    }

    /* Input & Select Base */
    input, textarea, .Custom-Select {
        width: 100%;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 16px !important;
        color: #1a1a1a !important;
        border-radius: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        
        /* FIX UTAMA DI SINI */
        padding: 20px 0 15px 0 !important; /* Kasih padding atas yang gede */
        line-height: 1.2 !important; /* Line height kecil tapi padding gede lebih aman dari cropping */
        height: 60px !important; /* Paksa tingginya cukup buat font Inter */
        display: block !important;
    }

    /* KHUSUS SELECT GUEST */
    .Select-Wrapper {
        position: relative;
        width: 100%;
        height: 60px; /* Samakan dengan input */
    }

    .Custom-Select {
        appearance: none !important;
        -webkit-appearance: none !important;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

    .Select-Arrow {
        position: absolute;
        right: 0;
        bottom: 22px; /* Posisi di atas garis sedikit */
        font-size: 8px;
        pointer-events: none;
        color: #1a1a1a;
        z-index: 1;
    }

    /* Mencegah teks tenggelam saat milih */
    .Custom-Select option {
        background: #ffffff !important;
        color: #1a1a1a !important;
        padding: 20px !important;
    }

    /* Hover & Focus */
    input:focus, .Custom-Select:focus {
        border-bottom: 1px solid #b5835a !important;
    }
</style>/* End custom CSS */