/* Yalnızca telefon alanı — genel form-control / input-group stillerine dokunmaz */

.mobile-phone-field .phone-field-group {
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
}

.mobile-phone-field .phone-field-group > .phone-country-btn {
    flex: 0 0 auto;
    min-width: 6.75rem;
    max-width: 9rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.65rem;
    /*padding-right: 1.75rem;*/
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: none !important;
    color: #212529;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #dee2e6;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #dee2e6;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #dee2e6;
    --bs-btn-focus-shadow-rgb: 222, 226, 230;
}

.mobile-phone-field .phone-field-group > .phone-country-btn:hover,
.mobile-phone-field .phone-field-group > .phone-country-btn:focus,
.mobile-phone-field .phone-field-group > .phone-country-btn:active,
.mobile-phone-field .phone-field-group > .phone-country-btn.show {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: none !important;
    color: #212529;
}

.mobile-phone-field .phone-field-group > .form-control[data-phone-national] {
    flex: 1 1 auto;
    min-width: 0;
    border-color: #dee2e6;
}

.mobile-phone-field .phone-field-group > .phone-country-menu {
    width: 100%;
    min-width: 0 !important;
    max-width: none;
    left: 0 !important;
    right: auto;
    margin-top: 0;
    padding: 8px;
    border-color: #dee2e6;
    box-sizing: border-box;
}

.mobile-phone-field .phone-country-search {
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #dee2e6;
    box-shadow: none;
}

.mobile-phone-field .phone-country-search::placeholder {
    font-weight: 600;
    opacity: 1;
}

.mobile-phone-field .phone-country-search:focus {
    border-color: #dee2e6;
    box-shadow: none;
}

.mobile-phone-field .phone-country-list {
    max-height: 220px;
    overflow-y: auto;
}

.mobile-phone-field .phone-country-list .phone-country-item {
    display: block;
    width: 100%;
    text-align: left;
    white-space: normal;
    border: none;
    border-radius: 8px;
    margin: 4px 0;
    padding: 10px 16px 10px 10px;
    background: transparent;
    color: #212529;
    font-weight: 400;
}

.mobile-phone-field .phone-country-list .phone-country-item:hover,
.mobile-phone-field .phone-country-list .phone-country-item:focus {
    background-color: #f8f9fa;
    color: #212529;
}

.mobile-phone-field .phone-country-list .phone-country-item.phone-country-item--selected,
.mobile-phone-field .phone-country-list .phone-country-item.phone-country-item--selected:hover,
.mobile-phone-field .phone-country-list .phone-country-item.phone-country-item--selected:focus {
    background-color: rgba(193, 1, 0, 0.1);
    color: #c10100;
    font-weight: 600;
}

.mobile-phone-field .phone-field-group .dropdown-menu {
    z-index: 1060;
}

.mobile-phone-field .phone-field-group > .phone-country-btn:focus {
    z-index: 3;
}

.mobile-phone-field .phone-field-group > .form-control[data-phone-national]:focus {
    z-index: 2;
}