/* intl-tel-input overrides for Fluent Forms */
.ff-el-group.iti-initialized .ff-el-input--content .iti {
    width: 100%;
}

.ff-el-group.iti-initialized .iti__tel-input,
.ff-el-group.iti-initialized .iti input.ff-el-form-control {
    padding-left: 96px !important;
    width: 100%;
}

.ff-el-group.iti-initialized .iti__country-container {
    z-index: 10;
}

.ff-el-group.iti-initialized .iti__selected-dial-code {
    font-size: 14px;
    color: #333;
}

.ff-el-group.iti-initialized .iti__dropdown-content {
    z-index: 9999;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.ff-el-group.iti-initialized .iti__search-input {
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.ff-el-group.iti-initialized .iti__country-list {
    max-height: 220px;
}

.ff-el-group.iti-initialized .iti__country {
    padding: 6px 12px;
    font-size: 13px;
}

.ff-el-group.iti-initialized .iti__country:hover {
    background-color: #f5f5f5;
}

/* Remove number input spinners */
.ff-el-group.iti-initialized input[type="tel"]::-webkit-outer-spin-button,
.ff-el-group.iti-initialized input[type="tel"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ff-el-group.iti-initialized input[type="tel"] {
    -moz-appearance: textfield;
    appearance: textfield;
}