/*
 * Changes the client asked for after the reference design was approved.
 * Loaded last; the SHOP-main stylesheets are never edited (tools/sync-assets.sh
 * would overwrite them). Every rule here is a deliberate deviation, listed in
 * PROGRESS.md «انحرافات مقصودة».
 */

/* 2026-10-09: WhatsApp buttons with white text (reference: dark green #06361a). */
.btn--wa,
.btn--wa:hover,
.btn--wa:focus-visible {
	color: #fff;
}

/*
 * 2026-10-09: WordPress markup the reference has no rule for (not design
 * changes): editor blocks inside .prose (a table or image block is wrapped
 * in <figure>), the guide's page numbers, and the «سيارات من المقال» card
 * when the author places it inside the text.
 */
.prose figure {
	margin-inline: 0;
	margin-bottom: 0;
}
.prose figcaption {
	margin-top: 8px;
	font-size: var(--fs-xs);
	color: var(--muted);
}
.prose img {
	height: auto;
}
.guide-pages {
	justify-content: center;
	margin-top: 40px;
}
.guide-pages .chip {
	display: inline-flex;
	align-items: center;
}
.guide-pages .dots {
	background: none;
	border-color: transparent;
	cursor: default;
}
.prose .side-card--inline h2 {
	margin-top: 0;
}
.prose .side-card--inline a {
	color: inherit;
	text-decoration: none;
}
.side-card--inline .mini-cars {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}