/* Form and Dropdown Override Styles - High Specificity */
/* Override any border-radius issues */
.rounded-xl,
select.rounded-xl,
input.rounded-xl,
textarea.rounded-xl{
border-radius:12px!important;
}

/* Ensure selects have proper border radius */
select#hireDuration.rounded-xl,
select#paymentOption.rounded-xl,
select#deliveryMethod.rounded-xl{
border-radius:12px!important;
-webkit-border-radius:12px!important;
-moz-border-radius:12px!important;
}
/* Month dropdown positioning fix */
.flatpickr-monthDropdown-months{position:relative!important}
.flatpickr-month .flatpickr-monthDropdown-month{position:absolute!important;top:100%!important;left:0!important;margin-top:4px!important;z-index:999!important}

/* Flatpickr specific month/year dropdowns */
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInput,
.flatpickr-current-month input.numInput{
background-color:#fff!important;
border:1px solid #F5EBE0!important;
border-radius:6px!important;
padding:2px 8px!important;
margin:0 4px!important;
font-family:'Playfair Display',serif!important;
color:#8D6E63!important;
}

/* Force dropdown to show below */
.flatpickr-monthDropdown-month{
position:absolute!important;
top:100%!important;
left:50%!important;
transform:translateX(-50%)!important;
margin-top:8px!important;
background:#fff!important;
border:1px solid #F5EBE0!important;
border-radius:8px!important;
box-shadow:0 4px 12px rgba(0,0,0,0.1)!important;
padding:8px!important;
min-width:120px!important;
max-height:200px!important;
overflow-y:auto!important;
z-index:9999!important;
}

/* Hire duration and other select elements */
select#hireDuration,
select#paymentOption,
select#deliveryMethod,
select.form-select,
select.mt-1{
appearance:none!important;
-webkit-appearance:none!important;
-moz-appearance:none!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238D6E63' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;
background-position:right 1rem center!important;
border:1px solid #F5EBE0!important;
border-radius:12px!important;
background-color:#fff!important;
}

/* Custom dropdown container for select replacements */
.custom-dropdown-menu,
.flatpickr-dropdown,
.select-dropdown{
position:absolute!important;
top:100%!important;
left:0!important;
right:0!important;
margin-top:4px!important;
background:#fff!important;
border:1px solid #F5EBE0!important;
border-radius:8px!important;
box-shadow:0 4px 12px rgba(0,0,0,0.1)!important;
max-height:240px!important;
overflow-y:auto!important;
z-index:9999!important;
}

/* Option styling */
.custom-dropdown-menu .option,
.flatpickr-monthDropdown-month .flatpickr-monthDropdown-months{
padding:10px 16px!important;
cursor:pointer!important;
transition:all 0.2s ease!important;
color:#5F4339!important;
}

.custom-dropdown-menu .option:hover,
.flatpickr-monthDropdown-month .flatpickr-monthDropdown-months:hover{
background-color:#8DA57A!important;
color:#fff!important;
}

/* Force proper dropdown behavior */
.flatpickr-month{overflow:visible!important}
.flatpickr-current-month{position:relative!important;overflow:visible!important}
.numInputWrapper{position:relative!important;overflow:visible!important}