/**
 * Property Owners / Virtual Tour Support Form Styles
 * intl-tel-input styling for rounded inputs
 */

#virtual-tour-support-form .iti {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

#virtual-tour-support-form .iti * {
    box-sizing: border-box !important;
}

#virtual-tour-support-form .iti__tel-input {
    width: 100% !important;
    padding: 0.625rem 1rem !important;
    padding-left: 110px !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 9999px !important;
    background-color: #F9FAFB !important;
    color: #3A3A3C !important;
    font-size: 1rem !important;
    height: 42px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    display: block !important;
}

#virtual-tour-support-form .iti--separate-dial-code .iti__tel-input {
    padding-left: 110px !important;
}

#virtual-tour-support-form .iti__selected-flag {
    padding: 0 0.5rem 0 1rem !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

#virtual-tour-support-form .iti__country-list {
    z-index: 9999 !important;
    max-width: 100% !important;
}

/* Error state for intl input */
#virtual-tour-support-form .iti__tel-input.border-red-500 {
    border-color: #ef4444 !important;
}

/* Ensure the wrapper doesn't add extra space or margin */
#virtual-tour-support-form .iti__flag-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

/* Remove any default margins/padding that might affect alignment */
#virtual-tour-support-form .iti__tel-input,
#virtual-tour-support-form .iti {
    margin: 0 !important;
    vertical-align: top !important;
}