/* intl-tel-input — minimal overrides (do NOT set padding-left; library sets it via JS) */

.form-group .iti {
    width: 100%;
    display: block;
}

.form-group .iti .iti__tel-input {
    width: 100%;
    height: calc(2.65rem + 2px);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 14px;
  /* padding-left is set dynamically by intl-tel-input */
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    background: #fff;
    color: #333;
}

.form-group .iti .iti__tel-input:focus {
    border-color: #AB0202;
    box-shadow: none;
    outline: none;
}

.form-group .iti .iti__country-container {
    z-index: 2;
}

.form-group .iti .iti__selected-country-primary {
    padding: 0 8px;
}

.form-group .iti .iti__selected-dial-code {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-left: 4px;
}

.iti__country-list {
    z-index: 10001 !important;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    max-height: 220px;
}

.form-group .iti .iti__tel-input.error {
    border-color: #dc3545;
}

.form-group label.error + .iti .iti__tel-input {
    border-color: #dc3545;
}