/* Urdu Search Widget Styles */

@font-face {
    font-family: 'Jameel Noori Nastaliq';
    src: url('../fonts/Jameel_Noori_Nastaleeq.ttf'); /* Adjust path if you have the font locally */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.urdu-search-container {
    background-color: #e8d0d0; /* Light pinkish background */
    border-radius: 15px; /* Top rounded corners */
    overflow: hidden;
    font-family: 'Jameel Noori Nastaliq', 'Arial', serif;
    direction: rtl; /* Right to Left for Urdu */
    width: 100%;
    max-width: 300px; /* Adjust based on sidebar width */
    margin: 0 auto;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjZThkMGQwIi8+CjxwYXRoIGQ9Ik0wIDBMIHAgOCBaIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIgb3BhY2l0eT0iMC4yIi8+Cjwvc3ZnPg=='); /* Subtle pattern */
}

.urdu-search-header {
    background-color: #5a1a28; /* Deep Maroon */
    color: #ffcc99; /* Gold/Cream text */
    padding: 15px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.urdu-search-header h3 {
    margin: 0;
    font-size: 32px;
    font-weight: normal;
}

.urdu-search-form {
    padding: 20px;
}

.form-group {
    margin-bottom: 15px;
}

/* Inputs and Selects */
.urdu-search-input,
.urdu-search-select {
    width: 100%;
    padding: 12px;
    background-color: #5a1a28; /* Maroon background for inputs */
    color: #ffcc99; /* Cream text */
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-family: 'Jameel Noori Nastaliq', serif;
    text-align: center;
    box-sizing: border-box;
    outline: none;
}

.urdu-search-input::placeholder {
    color: #e8d0d0;
    opacity: 0.8;
}

/* Select Dropdown specific */
.urdu-search-select {
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* Submit Button */
.submit-group {
    display: flex;
    justify-content: center;
    background-color: #5a1a28;
    border-radius: 8px;
    overflow: hidden;
}

.urdu-search-submit {
    width: 100%;
    padding: 10px;
    background-color: transparent; /* Transparent to show container color */
    color: #ffcc99;
    border: none;
    font-size: 24px;
    font-family: 'Jameel Noori Nastaliq', serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.urdu-search-submit:hover {
    background-color: #6e2233; /* Slightly lighter maroon on hover */
}

/* Magnifying Glass Icon (using FontAwesome if available, or just CSS) */
/* Assuming FontAwesome is loaded by the theme, otherwise we use a simple character or SVG */
.fa-search {
    font-size: 18px;
}

/* Yellowish accent for button part if needed specifically like the image */
/* The image has a split button (Icon | Text). Let's approximate. */
.submit-group {
    position: relative;
}

/* Optional: If we want the exact split look of the button */
.urdu-search-submit::before {
    /* This could be the yellow icon box */
    /* Implementation detail: Simplified to a single solid button for robustness */
}