/* Public telephone action. Social links elsewhere retain their own channels. */
html body #site-top.site-shell nav[data-hero-nav-state] .id-header-call {
	box-sizing: border-box;
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex: 0 0 auto;
	inline-size: auto;
	min-inline-size: 0;
	min-block-size: 44px;
	padding: 0.5rem 0.75rem;
	border: 1px solid color-mix(in srgb, var(--color-secondary, #347f87) 28%, transparent);
	border-radius: var(--ir-radius-control-sm, 0.9rem);
	background: #fff;
	color: #286b72;
	box-shadow: 0 6px 18px -14px rgb(40 107 114 / 32%);
	direction: rtl;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}
#site-top .id-header-call__number {
	direction: ltr;
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
}
#site-top .id-header-call__icon {
	display: inline-flex;
	flex: 0 0 20px;
	inline-size: 20px;
	block-size: 20px;
	align-items: center;
	justify-content: center;
}
#site-top .id-header-call__icon svg { display: block; inline-size: 100%; block-size: 100%; }
html body #site-top.site-shell nav[data-hero-nav-state] .id-header-call:hover {
	border-color: #347f87;
	box-shadow: 0 0 0 3px rgb(52 127 135 / 12%);
}
html body #site-top.site-shell nav[data-hero-nav-state] .id-header-call:focus-visible {
	outline: 3px solid #347f87;
	outline-offset: 3px;
}
@keyframes id-header-call-ring {
	0%, 12%, 100% { transform: rotate(0deg); }
	3%, 9% { transform: rotate(-14deg); }
	6% { transform: rotate(12deg); }
}
@media (prefers-reduced-motion: no-preference) {
	#site-top .id-header-call__icon { animation: id-header-call-ring 4.8s ease-in-out 2; }
	#site-top .id-header-call:is(:hover, :focus-visible) .id-header-call__icon { animation: id-header-call-ring 900ms ease-in-out 1; }
}
@media (max-width: 1279px) {
	#site-top .id-header-call--mobile { order: 3; }
}
/* Phones use a compact call action beside the account; wider views keep the number. */
@media (max-width: 600px) {
	html body #site-top.site-shell nav[data-hero-nav-state] .public-nav-glass--mobile .id-header-call--mobile {
		flex: 0 0 44px;
		inline-size: 44px;
		block-size: 44px;
		padding: 0;
		gap: 0;
	}
	#site-top .id-header-call--mobile .id-header-call__number { display: none; }
}
/* Reuse the mobile-menu border glint only on the desktop telephone action. */
@media (min-width: 1280px) {
	html body #site-top.site-shell nav[data-hero-nav-state] .id-header-call--desktop,
	html body #site-top.site-shell nav[data-hero-nav-state] .id-header-call--desktop:is(:hover, :focus-visible) {
		border-color: transparent;
		background:
			linear-gradient(#fff, #fff) padding-box,
			linear-gradient(105deg, rgb(189 87 63 / 28%), rgb(217 155 79 / 76%), rgb(255 255 255 / 92%), rgb(65 151 165 / 62%), rgb(189 87 63 / 28%)) border-box;
		background-size: 100% 100%, 260% 100%;
	}
}
@media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {
	#site-top .id-header-call--desktop { animation: id-mobile-menu-border-glint 4.2s ease-in-out infinite; }
}