/* --- CSS SOLUSI FINAL DENGAN TOMBOL LEBIH LEBAR --- */

/* 1. Pembungkus Form: Menggunakan selector terkuat dan flexbox */
:is(#block-search, .block-search) form {
    display: flex !important;
    align-items: stretch !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: 15px !important;
    float: none !important;
}

/* 2. Menghapus Margin/Padding pada Wrapper Internal Drupal */
:is(#block-search, .block-search) .form-item,
:is(#block-search, .block-search) .form-actions {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    float: none !important;
    flex-grow: 0 !important; 
    flex-shrink: 0 !important;
}

/* 3. Input Field (Kotak Teks) */
:is(#block-search, .block-search) .form-item {
    flex-grow: 1 !important;
}
:is(#block-search, .block-search) input[type="search"] {
    flex-grow: 1 !important;
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    
    /* Gaya Visual */
    border: 1px solid #ccc !important;
    border-right: none !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    outline: none !important;
    background: #ffffff !important;
    
    /* Sudut membulat KIRI */
    border-radius: 6px 0 0 6px !important;
}

/* 4. Tombol "Search" (Submit Button) - FOKUS PERUBAHAN DI SINI */
:is(#block-search, .block-search) input[type="submit"] {
    height: 42px !important;
    box-sizing: border-box !important;
    
    /* WARNA HIJAU KEKUNINGAN */
    background-color: #aed581 !important; 
    color: #222 !important;
    
    font-weight: bold !important;
    cursor: pointer !important;
    font-size: 15px !important;
    
    /* === PERUBAHAN: PADDING DIPERLEBAR === */
    padding: 0 25px !important; 

    /* Trik "menempel" */
    border: 1px solid #ccc !important;
    border-left: none !important; 

    /* Sudut membulat KANAN */
    border-radius: 0 6px 6px 0 !important;
    
    transition: background-color 0.2s ease !important;
}

/* 5. Efek Hover Tombol */
:is(#block-search, .block-search) input[type="submit"]:hover {
    background-color: #9cb475 !important;
}