/* ── SVG Icon System ──
 * Replaces Font Awesome (~80KB CSS + ~300KB webfont)
 * Total size: ~1KB CSS + ~3KB inline SVG paths
 * ───────────────────── */

.smi-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	fill: currentColor;
	flex-shrink: 0;
	line-height: 1;
}

/* ── Size modifiers ── */
.smi-icon--sm { width: 0.75em; height: 0.75em; }
.smi-icon--lg { width: 1.25em; height: 1.25em; }
.smi-icon--xl { width: 1.5em;  height: 1.5em;  }
.smi-icon--2x { width: 2em;    height: 2em;    }

/* ── Nav chevron ── */
.smi-nav-chevron {
	width: 0.6em;
	height: 0.6em;
	margin-inline-start: 4px;
	transition: transform 0.3s ease;
}
.smi-has-sub:hover .smi-nav-chevron,
.smi-has-sub:focus-within .smi-nav-chevron {
	transform: rotate(180deg);
}

/* ── Theme toggle icons ── */
.smi-theme-icon {
	width: 1.1em;
	height: 1.1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease;
}
.smi-theme-icon--sun { opacity: 0; }
.smi-dark .smi-theme-icon--moon { opacity: 0; }
.smi-dark .smi-theme-icon--sun  { opacity: 1; }

/* ── Star rating ── */
.smi-rev-stars .smi-icon {
	color: #f5a623;
}

/* ── FAQ chevron ── */
.smi-faq-q .smi-icon {
	transition: transform 0.3s ease;
	margin-inline-start: auto;
}
.smi-faq-item.smi-on .smi-faq-q .smi-icon {
	transform: rotate(180deg);
}

/* ── Share buttons ── */
.smi-post-share .smi-icon {
	width: 1.2em;
	height: 1.2em;
}

/* ── Google badge ── */
.smi-reviews-g .smi-icon {
	width: 1.4em;
	height: 1.4em;
}

/* ── Hide toggle when dark mode is forced via Customizer ── */
.smi-theme-fixed .smi-btn-a11y#themeBtn { display: none; }

/* ── WhatsApp Floating Button ── */
.smi-wa-float {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: 900;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-decoration: none;
}
.smi-wa-float .smi-icon { width: 28px; height: 28px; }
.smi-wa-float:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 28px rgba(37, 211, 102, 0.55);
}

/* ── Push scroll-to-top up when WhatsApp float is present ── */
.smi-wa-float ~ .smi-stt,
.smi-wa-float + .smi-stt { bottom: 92px; }