.dzreg-iti,
.dzreg-iti .iti {
    display: block;
    width: 100%;
}
.dzreg-iti .iti {
    position: relative;
}
.dzreg-iti .iti__country-container {
    background: transparent;
    border: none;
    padding: 0;
}
.dzreg-iti .iti__selected-country {
    background: transparent;
    border-radius: 0.375rem 0 0 0.375rem;
    height: 2.5rem;
    padding: 0 0.5rem 0 0.75rem;
    border-right: 1px solid hsl(var(--border, 0 0% 0%) / 0.12);
    transition: background-color 0.15s ease;
}
.dzreg-iti .iti__selected-country:hover {
    background-color: hsl(var(--earth-warm, 140 22% 92%) / 0.5);
}
.dzreg-iti .iti__selected-country:focus {
    outline: none;
    background-color: hsl(var(--earth-warm, 140 22% 92%) / 0.7);
}
.dzreg-iti .iti__flag {
    border-radius: 2px;
    box-shadow: 0 0 0 1px hsl(0 0% 0% / 0.08);
}
.dzreg-iti .iti__dial-code {
    color: hsl(var(--earth, 140 47% 17%) / 0.75);
    font-size: 0.8125rem;
    margin-left: 0.25rem;
    font-variant-numeric: tabular-nums;
}
.dzreg-iti .iti__arrow {
    border-top-color: hsl(var(--earth, 140 47% 17%) / 0.5);
    border-bottom-color: hsl(var(--earth, 140 47% 17%) / 0.5);
    border-left-color: hsl(var(--earth, 140 47% 17%) / 0.5);
    margin-left: 0.25rem;
    width: 5px;
    height: 5px;
}
.dzreg-iti .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid hsl(var(--earth, 140 47% 17%) / 0.5);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.dzreg-iti input.iti__tel-input,
.dzreg-iti input[type="tel"] {
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid hsl(var(--earth, 140 47% 17%) / 0.3);
    background-color: hsl(var(--paper, 140 20% 95%));
    color: hsl(var(--earth, 140 47% 17%));
    font-size: 0.875rem;
    line-height: 1.25rem;
    height: 2.5rem;
    margin: 0;
    transition: outline 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    box-sizing: border-box;
}
.dzreg-iti input[type="tel"]:focus,
.dzreg-iti input.iti__tel-input:focus {
    outline: none;
    border-color: hsl(var(--gold, 144 73% 24%) / 0.6);
    box-shadow: 0 0 0 2px hsl(var(--gold, 144 73% 24%) / 0.4);
}
.dzreg-iti input[type="tel"]::placeholder,
.dzreg-iti input.iti__tel-input::placeholder {
    color: hsl(var(--earth, 140 47% 17%) / 0.4);
}
.dzreg-iti .iti__country-list {
    border: 1px solid hsl(var(--earth, 140 47% 17%) / 0.2);
    border-radius: 0.375rem;
    box-shadow: 0 10px 30px hsl(0 0% 0% / 0.12);
    background: hsl(var(--paper, 140 20% 95%));
    color: hsl(var(--earth, 140 47% 17%));
    font-size: 0.875rem;
    margin-top: 4px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 50;
}
.dzreg-iti .iti__country {
    padding: 8px 12px;
    border-bottom: 1px solid hsl(var(--earth, 140 47% 17%) / 0.06);
    display: flex;
    align-items: center;
    gap: 8px;
}
.dzreg-iti .iti__country:hover,
.dzreg-iti .iti__country.iti__highlight {
    background-color: hsl(var(--earth-warm, 140 22% 92%) / 0.6);
}
.dzreg-iti .iti__country.iti__active {
    background-color: hsl(var(--gold, 144 73% 24%) / 0.1);
    font-weight: 600;
}
.dzreg-iti .iti__dial-code,
.dzreg-iti .iti__country-name,
.dzreg-iti .iti__country-code {
    color: hsl(var(--earth, 140 47% 17%));
}
.dzreg-iti .iti__divider {
    border-bottom-color: hsl(var(--earth, 140 47% 17%) / 0.1);
}
.dzreg-iti.is-error .iti,
.dzreg-iti input.iti__tel-input.dzreg-error-field,
.dzreg-iti input[type="tel"].dzreg-error-field {
    border-color: rgb(239 68 68);
    box-shadow: 0 0 0 2px rgb(239 68 68 / 0.2);
    border-radius: 0.375rem;
}
.dzreg-iti input.iti__tel-input:-webkit-autofill,
.dzreg-iti input[type="tel"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px hsl(var(--paper, 140 20% 95%)) inset;
    -webkit-text-fill-color: hsl(var(--earth, 140 47% 17%));
}