/* =======================================================
    Custom Smart Search Redirect - Static Styles
========================================================== */

/* Mengatur wadah utama form */
.custom-smart-search-form {
    display: flex !important;
    width: 100% !important;
    border: 1px solid #ddd !important; /* Menambahkan border default */
    border-radius: 8px !important; /* Menambahkan radius default */
    overflow: hidden !important;
}

/* Mengatur kolom input teks */
.custom-smart-search-form .search-input-field {
    flex-grow: 1 !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 12px !important; /* Menambahkan padding default */
    font-size: 16px !important; /* Menambahkan font-size default */
    background-color: #fdfdfd !important; /* Menambahkan warna latar default */
    color: #333 !important; /* Menambahkan warna teks default */
}

/* Mengatur Tombol Submit */
.custom-smart-search-form .search-submit-button {
    border: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background-color 0.3s ease !important;

    /* Ikon kaca pembesar sebagai background */
    background-repeat: no-repeat !important;
    background-position: center !important;

    /* Menghilangkan teks "Cari" */
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Span ini digunakan untuk menyembunyikan teks "Search" secara visual tapi tetap aksesibel */
.search-submit-button .elementor-screen-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important;
}

/* Styling untuk pesan "Not Found" */
.search-error-message {
    padding: 10px 15px !important;
    border-radius: 5px !important;
    margin-top: 15px !important;
    font-weight: bold !important;
    text-align: center !important;
}