/*
 * EFLL Site Design: V2 icon rule (Oct 8, 2026). Loaded only when V2 is active (body.efll-v2).
 *
 * Owner's rule: "The icons stand for the practice area."
 *   - Card grid of meaningful icons (composer mode 'icon', grid .ei-grid--icons): each icon is shown
 *     small (44px, 40px on phones) in the section's gold, no frame, directly above the card title.
 *     One-colour line icons are redrawn from their own file through the existing --ei-icon mask;
 *     filled badge icons keep their drawing and are toned to gold with the existing badge filter.
 *   - Numbers (mode 'num', .ei-grid--num) only for a real sequence (Step / 1. / 01 / First ...):
 *     styled by inner.css, unchanged.
 *   - Lone icons, the consult card and contact groups keep the frame (inner.css, unchanged).
 * The <img> always stays in the DOM (the safety net and screen readers see the same markup).
 */

body.efll-sd.efll-v2 .efll-inner .ei-card-media.ei-card-media--icon.ei-icon--icon {
	position: relative;
	display: block;
	flex: none;
	align-self: flex-start;
	width: 44px;
	height: 44px;
	max-width: none;
	margin: 0 0 4px;
	padding: 0;
	line-height: 0;
	border: 0;
	background: none;
}
body.efll-sd.efll-v2 .efll-inner .ei-card-media.ei-card-media--icon.ei-icon--icon::before { content: none; }
body.efll-sd.efll-v2 .efll-inner .ei-card-media.ei-card-media--icon.ei-icon--icon img {
	display: block;
	width: 44px;
	height: 44px;
	max-width: 44px;
	object-fit: contain;
	object-position: left center;
	border-radius: 0;
	box-shadow: none;
}

/* One-colour line icon: the file's own shape, filled with the section's gold. */
body.efll-sd.efll-v2 .efll-inner .ei-icon--icon.ei-icon--mono img { opacity: 0; }
body.efll-sd.efll-v2 .efll-inner .ei-icon--icon.ei-icon--mono::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: var(--ei-accent);
	-webkit-mask: var(--ei-icon) left center / contain no-repeat;
	mask: var(--ei-icon) left center / contain no-repeat;
}

/* Filled badge (glyph on a solid disc): keep the drawing, tone it to brand gold. */
body.efll-sd.efll-v2 .efll-inner .ei-icon--icon.ei-icon--badge img {
	filter: grayscale(1) sepia(1) saturate(2.4) hue-rotate(-6deg) brightness(.92);
}
body.efll-sd.efll-v2 .efll-inner :is(.ei-sec--dark, .ei-hero, .ei-cta, .ei-consult) .ei-icon--icon.ei-icon--badge img {
	filter: grayscale(1) sepia(1) saturate(2.6) hue-rotate(-4deg) brightness(1.08);
}

@media (max-width: 767px) {
	body.efll-sd.efll-v2 .efll-inner .ei-card-media.ei-card-media--icon.ei-icon--icon,
	body.efll-sd.efll-v2 .efll-inner .ei-card-media.ei-card-media--icon.ei-icon--icon img {
		width: 40px;
		height: 40px;
		max-width: 40px;
	}
}

@media print {
	body.efll-sd.efll-v2 .efll-inner .ei-icon--icon.ei-icon--mono::after { background: #000000; }
}