/* Phone input (intl-tel-input) */

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

.form-section .form-container .form-group .iti input.iti__tel-input {
    width: 100%;
    padding: 12px 12px 12px 88px;
    box-sizing: border-box;
    border: 1px solid var(--input-border);
    border-radius: 8px;
    background: var(--input-bg);
    color: var(--input-color);
}

.form-section .form-container .form-group .iti input.iti__tel-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 15px rgba(13, 27, 42, 0.18);
}

.form-section .form-container .form-group .iti input.iti__tel-input.is-invalid {
    border-color: #e57373 !important;
    background-color: rgba(229, 115, 115, 0.1);
    box-shadow: 0 0 10px rgba(229, 115, 115, 0.2);
}

.form-section .form-container .form-group .iti .iti__country-container:focus,
.form-section .form-container .form-group .iti .iti__selected-country:focus {
    outline: none;
}

.form-section .form-container .form-group .iti .iti__selected-country {
    outline: none;
}

.form-section .form-container .form-group .iti .iti__country-container:focus-within .iti__selected-country {
    outline: none;
    box-shadow: none;
}

.form-section .form-container .form-group .iti .iti__selected-dial-code {
    cursor: default;
}

/* Country list in body or #application-modal — shared styles */
body .iti__dropdown-content,
.application-modal > .iti__dropdown-content {
    z-index: 10050 !important;
    min-width: 234px;
    max-width: 270px;
    width: max-content;
    overflow-x: hidden;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(13, 27, 42, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    border-radius: var(--cta-radius);
}

.iti__dropdown-content .iti__search-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(13, 27, 42, 0.12);
    background: transparent;
    color: var(--input-color);
    font-size: 0.95em;
}

.iti__dropdown-content .iti__search-input::placeholder {
    color: var(--input-color);
    opacity: 0.6;
}

.iti__dropdown-content .iti__search-input:focus {
    outline: none;
}

.iti__country-list {
    max-height: 220px;
    border-top: none;
    cursor: auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.iti__country-list::-webkit-scrollbar {
    width: 8px;
}

.iti__country-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: var(--caramel, #8B7355);
    border-radius: 4px;
}

.iti__country-list::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 115, 85, 0.9);
}

.iti__country-list::-webkit-scrollbar-corner {
    background: rgba(255, 255, 255, 0.92);
}

.iti__country .iti__country-name,
.iti__country .iti__dial-code {
    font-size: 0.8em;
}

.iti__country .iti__country-name {
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iti__country {
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

@media (max-width: 480px) {
    body .iti__dropdown-content,
    .application-modal > .iti__dropdown-content {
        min-width: 252px;
        max-width: calc(100vw - 24px);
    }
}

.iti__country:hover,
.iti__country.iti__highlight {
    background: rgba(13, 27, 42, 0.08);
}