.input-validation-error {
    border-color: #F25858;
}

.iti {
    --iti-path-flags-1x: url('/images/flags.webp');
    --iti-path-flags-2x: url('/images/flags@2x.webp');
    --iti-path-globe-1x: url('/images/globe.webp');
    --iti-path-globe-2x: url('/images/globe@2x.webp');    
}

.iti--allow-dropdown {
    .iti__country-container {
        &:not(:has(+ input[disabled])):not(:has(+ input[readonly])) {
            .iti__selected-country-primary {
                &:hover {
                    border-top-left-radius: var(--bs-border-radius-lg);
                    border-bottom-left-radius: var(--bs-border-radius-lg);
                }
            }
        }
    }
}

.dark {
    .iti {
        --iti-border-color: #5b5b5b;
        --iti-dialcode-color: #999999;
        --iti-dropdown-bg: #0d1117;
        --iti-arrow-color: #aaaaaa;
        --iti-hover-color: #30363d;
        --iti-path-globe-1x: url("/images/globe_light.webp");
        --iti-path-globe-2x: url("/images/globe_light@2x.webp");

    }

    .iti__search-input {
        color: white;
        background-color: #0d1117;
        
        &::placeholder {
            color: #8d96a0;
        }
    }

    .iti--allow-dropdown {
        .iti__country-container {
            &:not(:has(+ input[disabled])):not(:has(+ input[readonly])) {
                .iti__selected-country-primary {
                    &:hover {
                        border-top-left-radius: var(--bs-border-radius);
                        border-bottom-left-radius: var(--bs-border-radius);
                    }
                }
            }
        }
    }
}