/* WSM phone country picker (assets/js/phone-picker.js). RTL first: the code button sits at the start edge of the field, the digits stay
   left-to-right. The list takes the colours of the field it opens under (--wsm-pp-bg / --wsm-pp-fg, set by the script): light and dark
   pages alike. --wsm-brand-blue is the plugin's brand colour. */
.wsm-pp {
	--wsm-pp-accent: var(--wsm-brand-blue, #2a55a4);
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font: inherit;
}
.wsm-pp--i { display: inline-block; width: auto; vertical-align: middle; }
.wsm-pp-in { box-sizing: border-box !important; direction: ltr !important; }
.wsm-pp[dir=rtl] .wsm-pp-in { text-align: right !important; }
.wsm-pp[dir=ltr] .wsm-pp-in { text-align: left !important; }
.wsm-pp__b {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 6px;
	box-sizing: border-box;
	min-width: 44px;
	height: 100%;
	margin: 0;
	padding: 0 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.wsm-pp[dir=rtl] .wsm-pp__b { right: 0; left: auto; }
.wsm-pp__b::after {
	content: "";
	position: absolute;
	top: 22%;
	right: 0;
	bottom: 22%;
	width: 1px;
	background: currentColor;
	opacity: .25;
}
.wsm-pp[dir=rtl] .wsm-pp__b::after { right: auto; left: 0; }
.wsm-pp__b:hover { background: rgba(128, 128, 128, .12); }
.wsm-pp__b:focus-visible { outline: 2px solid var(--wsm-pp-accent); outline-offset: -2px; }
.wsm-pp__b i {
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border: solid currentColor;
	border-width: 0 1.5px 1.5px 0;
	opacity: .65;
	transform: rotate(45deg);
}
.wsm-pp__c, .wsm-pp-oc { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; }
.wsm-pp__n { opacity: .72; font-weight: 400; }
@media (max-width: 479px) { .wsm-pp__n { display: none; } }
.wsm-pp--x .wsm-pp__b { opacity: .6; cursor: default; }
.wsm-pp--x .wsm-pp__b i { display: none; }
.wsm-pp-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.wsm-pp-pop {
	--wsm-pp-accent: var(--wsm-brand-blue, #2a55a4);
	position: fixed;
	z-index: 2147483000;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	max-width: calc(100vw - 16px);
	margin: 0;
	padding: 0;
	border: 1px solid rgba(128, 128, 128, .45);
	border-radius: 10px;
	background: var(--wsm-pp-bg, #fff);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .22);
	color: var(--wsm-pp-fg, #0c1922);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: start;
	text-transform: none;
}
.wsm-pp-bar { padding: 8px; border-bottom: 1px solid rgba(128, 128, 128, .3); }
.wsm-pp-q {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid rgba(128, 128, 128, .55);
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-size: 16px;
	text-align: start;
	outline: 0;
}
.wsm-pp-q:focus { border-color: var(--wsm-pp-accent); box-shadow: 0 0 0 1px var(--wsm-pp-accent); }
.wsm-pp-lb {
	position: relative;
	margin: 0;
	padding: 4px 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
	outline: 0;
}
.wsm-pp-o {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	min-height: 44px;
	margin: 0;
	padding: 0 14px;
	list-style: none;
	cursor: pointer;
}
.wsm-pp-o:hover { background: rgba(128, 128, 128, .12); }
.wsm-pp-o.is-a { background: rgba(128, 128, 128, .2); outline: 2px solid var(--wsm-pp-accent); outline-offset: -2px; }
.wsm-pp-o[aria-selected=true] .wsm-pp-on { font-weight: 700; }
.wsm-pp-pop[dir=rtl] .wsm-pp-o[aria-selected=true] { box-shadow: inset -4px 0 0 var(--wsm-pp-accent); }
.wsm-pp-pop[dir=ltr] .wsm-pp-o[aria-selected=true] { box-shadow: inset 4px 0 0 var(--wsm-pp-accent); }
.wsm-pp-sep { border-top: 1px solid rgba(128, 128, 128, .3); }
.wsm-pp-oc { flex: none; opacity: .75; }
.wsm-pp-none { padding: 14px; list-style: none; opacity: .7; }
@media (prefers-color-scheme: dark) { .wsm-pp-pop { --wsm-pp-bg: #16222c; --wsm-pp-fg: #eef2f5; } }
@media (prefers-reduced-motion: no-preference) { .wsm-pp-pop { animation: wsm-pp-fade .12s ease-out; } }
@keyframes wsm-pp-fade { from { opacity: 0; } }
@media print { .wsm-pp__b, .wsm-pp-pop { display: none !important; } }