/**
 * International telephone input tweaks.
 *
 * @package glee-north-coast
 */

.iti {
	width: 100%;
}

.iti input[type="tel"] {
	width: 100%;
}

.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
	padding-right: 18px;
	padding-left: 58px;
}

[dir="rtl"] .iti--allow-dropdown input[type="tel"],
[dir="rtl"] .iti--allow-dropdown input[type="text"],
[dir="rtl"] .iti--separate-dial-code input[type="tel"],
[dir="rtl"] .iti--separate-dial-code input[type="text"],
.rtl .iti--allow-dropdown input[type="tel"],
.rtl .iti--allow-dropdown input[type="text"],
.rtl .iti--separate-dial-code input[type="tel"],
.rtl .iti--separate-dial-code input[type="text"] {
	padding-right: 76px;
	padding-left: 18px;
	direction: ltr;
	text-align: right;
}

.iti__country-list {
	z-index: 100001;
	color: #0b2633;
	text-align: start;
}

[dir="rtl"] .iti__country-list,
.rtl .iti__country-list {
	direction: rtl;
}

.glee-hero-ar .iti,
.dayz-chat-body .iti {
	display: block;
	width: 100%;
	color: var(--glee-section-text, #f4fafd);
}

.glee-hero-ar .iti__flag-container,
.dayz-chat-body .iti__flag-container {
	right: 0;
	left: auto;
}

.glee-hero-ar .iti__selected-flag,
.dayz-chat-body .iti__selected-flag {
	gap: 6px;
	justify-content: center;
	width: 58px;
	min-width: 58px;
	padding: 0 10px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0 10px 10px 0;
	transition: background-color 180ms ease;
}

.glee-hero-ar .glee-iti-selected-meta,
.dayz-chat-body .glee-iti-selected-meta {
	display: none;
}

.glee-hero-ar .iti__arrow,
.dayz-chat-body .iti__arrow {
	border-top-color: rgba(244, 250, 253, 0.72);
}

.glee-hero-ar .iti__country-list,
.dayz-chat-body .iti__country-list {
	min-width: min(260px, calc(100vw - 48px));
	margin-top: 8px;
	background: #092536;
	border: 1px solid rgba(244, 234, 216, 0.1);
	border-radius: 10px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.25);
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.glee-hero-ar .iti__country-list::-webkit-scrollbar,
.dayz-chat-body .iti__country-list::-webkit-scrollbar {
	display: none;
}

.glee-hero-ar .iti__country,
.dayz-chat-body .iti__country {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 15px 18px;
	color: #f4fafd;
	font-weight: 800;
	transition: background-color 160ms ease, color 160ms ease;
}

.glee-hero-ar .iti__country.iti__highlight,
.glee-hero-ar .iti__country:hover,
.dayz-chat-body .iti__country.iti__highlight,
.dayz-chat-body .iti__country:hover {
	color: #f4ead8;
	background:
		linear-gradient(
			90deg,
			color-mix(in srgb, var(--wp--preset--color--teal, #00d6cf) 24%, transparent),
			rgba(244, 234, 216, 0.08)
		),
		rgba(9, 37, 54, 0.96);
}

.glee-hero-ar .iti__dial-code,
.dayz-chat-body .iti__dial-code {
	color: var(--wp--preset--color--gold, #d7b94c);
}

.glee-hero-ar .iti__country-name,
.dayz-chat-body .iti__country-name {
	color: inherit;
}

.glee-hero-ar .iti__selected-flag:hover,
.glee-hero-ar .iti__selected-flag:focus,
.dayz-chat-body .iti__selected-flag:hover,
.dayz-chat-body .iti__selected-flag:focus {
	background-color: color-mix(in srgb, var(--wp--preset--color--teal, #00e0d4) 12%, transparent);
}