/* ==========================================================
   Webreta Yorumlar
   Satır (grid) yerleşim — slider yok.
   Renkler değişkenlerle; temada override edilebilir.
   ========================================================== */

.wry{
	--wry-hasir:#C9A05C;
	--wry-hasir-koyu:#8A6B32;
	--wry-r:16px;
	--wry-bosluk:18px;

	display:grid;
	gap:var(--wry-bosluk);
	box-sizing:border-box;
}
.wry *,
.wry *::before,
.wry *::after{ box-sizing:border-box; }

/* --- sütun sayısı --- */
.wry--s1{ grid-template-columns:1fr; }
.wry--s2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.wry--s3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.wry--s4{ grid-template-columns:repeat(4,minmax(0,1fr)); }

/* --- kart --- */
.wry-kart{
	display:flex;
	flex-direction:column;
	padding:28px 28px 24px;
	border-radius:var(--wry-r);
	border:1px solid transparent;
	margin:0;
}

/* --- yıldızlar --- */
.wry-yildiz{
	display:flex;
	gap:3px;
	margin-bottom:16px;
	color:var(--wry-hasir);
	line-height:1;
}
.wry-yildiz svg{
	width:16px;
	height:16px;
	display:block;
}

/* --- metin --- */
.wry-metin{
	margin:0;
	font-size:.97rem;
	font-weight:400;
	line-height:1.78;
	flex:1 1 auto;
}

/* --- alt kısım --- */
.wry-alt{
	display:flex;
	align-items:center;
	gap:13px;
	margin-top:22px;
	padding-top:18px;
	border-top:1px solid transparent;
}
.wry-avatar{
	flex:none;
	width:42px;
	height:42px;
	border-radius:50%;
	display:grid;
	place-items:center;
	font-size:.85rem;
	font-weight:600;
	letter-spacing:.02em;
	background:linear-gradient(140deg,var(--wry-hasir),var(--wry-hasir-koyu));
	color:#241A05;
}
.wry-kisi{
	display:flex;
	flex-direction:column;
	line-height:1.45;
	min-width:0;
}
.wry-kisi b{
	font-size:.94rem;
	font-weight:600;
}
.wry-kisi > span{
	font-size:.8rem;
	color:var(--wry-hasir);
}

/* ==========================================================
   KOYU TEMA — koyu zeminli bölümler için
   ========================================================== */
.wry--koyu .wry-kart{
	background:rgba(255,255,255,.05);
	border-color:rgba(255,255,255,.10);
}
.wry--koyu .wry-metin{ color:rgba(255,255,255,.86); }
.wry--koyu .wry-alt{ border-top-color:rgba(255,255,255,.10); }
.wry--koyu .wry-kisi b{ color:#fff; }

/* ==========================================================
   KREM TEMA — açık zeminli bölümler için
   ========================================================== */
.wry--krem .wry-kart{
	background:#FFFDF8;
	border-color:rgba(42,38,32,.12);
	box-shadow:0 1px 2px rgba(19,28,23,.04), 0 12px 32px -14px rgba(19,28,23,.16);
}
.wry--krem .wry-metin{ color:#4A443B; }
.wry--krem .wry-alt{ border-top-color:rgba(42,38,32,.12); }
.wry--krem .wry-kisi b{ color:#2A2620; }
.wry--krem .wry-kisi > span{ color:var(--wry-hasir-koyu); }

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width:1024px){
	.wry--s4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.wry--s3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px){
	.wry--s2,
	.wry--s3,
	.wry--s4{ grid-template-columns:1fr; }
	.wry-kart{ padding:24px 22px 20px; }
}