/*
 * Yalnız düzen, boyut, çizgi ve boşluk; renk ve font ailesi temadan gelir.
 * Değerler temadan değiştirilebilir, ör.: .ajns-review { --ajns-review-font-size: .75em; }
 *   --ajns-review-font-size       yazı boyutu (0.8125em)
 *   --ajns-review-gap             yazı ile çizgi arası (0.75em)
 *   --ajns-review-rule-width      çizgi kalınlığı (1px)
 *   --ajns-review-rule-strength   çizginin yazı rengindeki payı (20%)
 *   --ajns-review-spacing         çizginin altındaki boşluk (1.5em)
 */

/* div ile nitelendirildi: tema "div/span { display:block }" türü kurallarla alt alta indirmesin. */
div.ajns-review {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.5em;
	row-gap: 0.25em;
	font-size: var(--ajns-review-font-size, 0.8125em);
	padding-bottom: var(--ajns-review-gap, 0.75em);
	margin-bottom: var(--ajns-review-spacing, 1.5em);
	/* color-mix desteklemeyen tarayıcıda çizgi düz yazı renginde kalır. */
	border-bottom: var(--ajns-review-rule-width, 1px) solid currentColor;
	border-bottom-color: color-mix(in srgb, currentColor var(--ajns-review-rule-strength, 20%), transparent);
}

div.ajns-review > .ajns-review__item {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.3em;
}

/* Kapsayıcı kuralını tema ezse de doğrudan alt öğeler satır içinde akar. */
div.ajns-review > .ajns-review__sep {
	display: inline;
}

div.ajns-review .ajns-review__photo {
	flex: none;
}