/* ── Atsauksmes (piedzīvojuma lapas sadaļa + forma + sākumlapas josla) ─────────
   Atsevišķs fails, neaiztiek style.css. Loģika: inc/reviews.php,
   renderēšana: inc/reviews-render.php. */

/* Zvaigznes */
.piedz-stars { display: inline-flex; gap: 2px; line-height: 1; }
.piedz-star { color: #d9d4c8; font-size: 15px; }
.piedz-star.is-on { color: #ffc20e; }
.piedz-stars-lg .piedz-star { font-size: 20px; }

/* Kopsavilkums zem virsraksta */
.piedz-reviews-summary {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 6px 0 24px;
}
.piedz-reviews-summary-text { font-size: 15px; color: #555; }

/* Atsauksmju režģis */
.piedz-reviews-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}
.piedz-review-card {
	background: #fff;
	border: 1px solid #e2e0da;
	border-radius: 8px;
	padding: 18px 20px;
}
.piedz-review-card.is-hidden { display: none; }
.piedz-review-text {
	margin: 10px 0 12px;
	font-size: 14.5px;
	line-height: 1.55;
	color: #2b2b2b;
	overflow-wrap: anywhere;
}
.piedz-review-meta { margin: 0; font-size: 12.5px; color: #8a8578; }

/* "Rādīt vairāk" */
.piedz-reviews-more {
	display: inline-block;
	margin-top: 18px;
	padding: 9px 22px;
	background: transparent;
	border: 1px solid #c9c4b8;
	border-radius: 4px;
	font-size: 14px;
	color: #2b2b2b;
	cursor: pointer;
}
.piedz-reviews-more:hover { border-color: #2b2b2b; }

/* Iesniegšanas forma (redzama tikai ar derīgu tokenu) — gaiša, divkolonnu uz datora */
.piedz-review-form {
	margin: 0 0 30px;
	padding: 28px 34px;
	background: #fff;
	border: 1px solid #e2e0da;
	border-radius: 12px;
	color: #2b2b2b;
}
/* Divkolonnu režģis tikai ja HTML ir jaunie ietinumi (:has) — pārejas laikā
   (jauns CSS + vecs HTML OPcache dēļ) forma paliek sakrauta, nevis salūzt. */
.piedz-review-form:has(.piedz-review-form-right) {
	display: grid;
	grid-template-columns: 38% minmax(0, 1fr);
	gap: 32px;
	align-items: center;
}
.piedz-review-form-left { border-right: 1px solid #e6e4de; padding-right: 28px; }
/* min-width:0 — lai grid kolonnas var sarukt zem satura (novērš pārpildi mobilajā) */
.piedz-review-form-left, .piedz-review-form-right { min-width: 0; }
.piedz-review-form.is-done { display: block; } /* paldies-ziņa — bez režģa */
.piedz-review-form-title { margin: 0 0 6px; font-size: 19px; font-weight: 700; color: #222; overflow-wrap: anywhere; }
.piedz-review-form-sub { margin: 0; font-size: 13.5px; color: #7a756c; line-height: 1.5; }
.piedz-review-form-stars { display: flex; gap: 4px; margin-bottom: 14px; }
.piedz-star-btn {
	background: none;
	border: none;
	padding: 0 2px;
	font-size: 32px;
	line-height: 1;
	color: #d3cec2;
	cursor: pointer;
	transition: color .15s, transform .1s;
}
.piedz-star-btn:hover { transform: scale(1.12); }
.piedz-star-btn.is-on { color: #ffc20e; }
.piedz-review-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #dcdad3;
	border-radius: 4px;
	background: #fafaf8;
	color: #333;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
}
.piedz-review-form textarea:focus { outline: none; border-color: #b8b4a8; }
.piedz-review-form textarea::placeholder { color: #a29d92; }
.piedz-review-form-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 14px;
}
.piedz-review-form-name { font-size: 12.5px; color: #8a857a; }
.piedz-review-form-submit {
	background: #ff0060;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 22px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.piedz-review-form-submit:hover { background: #d40050; }
.piedz-review-form-submit:disabled { opacity: .6; cursor: default; }
.piedz-review-form-msg { margin: 10px 0 0; font-size: 13px; color: #d40050; }
.piedz-review-form-thanks { margin: 0; font-size: 15px; font-weight: 500; color: #128a5f; }

/* Sākumlapas tumšā josla — zvaigznes virs citāta */
.front-quote .piedz-stars { display: flex; margin-bottom: 10px; }
.front-quote .piedz-star { font-size: 16px; color: #56534c; }
.front-quote .piedz-star.is-on { color: #ffc20e; }

@media (max-width: 700px) {
	.piedz-reviews-grid { grid-template-columns: 1fr; }
	.piedz-review-form { padding: 18px 16px; }
	.piedz-review-form:has(.piedz-review-form-right) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.piedz-review-form-left {
		border-right: none;
		border-bottom: 1px solid #e6e4de;
		padding-right: 0;
		padding-bottom: 14px;
	}
}