/* Zenesis v2 — country code for FormLayer phone fields (phonecode.js). The select carries the form's own
   .formlayer-input class, so border, height, focus line and chevron come from each form's styles (contact.css,
   careers.css, getstarted.css); this only lays out code + number and shows the short "AE +971" on the closed select. */
.formlayer-form .zn-cc { display: flex; align-items: stretch; gap: 8px; width: 100%; min-width: 0; }
.formlayer-form .zn-cc__box { position: relative; flex: 0 0 auto; width: 124px; }
.formlayer-form .zn-cc > .zn-cc__number { flex: 1 1 auto; width: auto !important; min-width: 0; }
.formlayer-form .zn-cc select.zn-cc__select {
	width: 100% !important; height: 100%; margin: 0; cursor: pointer;
	-webkit-appearance: none; appearance: none; text-overflow: clip;
	color: transparent !important; text-shadow: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23C8A45D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 12px center; background-size: 14px 14px;
	padding-right: 30px !important;
}
.formlayer-form .zn-cc select.zn-cc__select option,
.formlayer-form .zn-cc select.zn-cc__select optgroup { color: var(--e-global-color-text, #0F132B); background: var(--e-global-color-zn_white, #fff); }
.formlayer-form .zn-cc__shown {
	position: absolute; top: 50%; left: 16px; right: 30px; translate: 0 -50%;
	overflow: hidden; white-space: nowrap; pointer-events: none;
	font-family: var(--e-global-typography-text-font-family), sans-serif; font-size: 15px; line-height: 1.5;
	color: var(--e-global-color-text, #0F132B);
}
.formlayer-form .zn-cc__shown b { font-weight: 500; color: var(--e-global-color-zn_muted, #8a8f91); margin-right: 4px; letter-spacing: .04em; }
.formlayer-form .zn-cc__select:focus-visible + .zn-cc__shown b { color: var(--e-global-color-primary, #C8A45D); }

@media (max-width: 360px) {
	.formlayer-form .zn-cc__box { width: 112px; }
}