/* ============================================================
   VÉLEMÉNY WIDGET — Kosztolánczy Gábor
   Fehér dobozok, egymás alatt (15px gap), idézőjel-ikonnal a
   jobb felső sarokban (opacity .3). A widget Style vezérlői
   felülírják; itt az alapértelmezett layout és tipográfia van.
   Szűkítve a .modul-velemeny scope-jára, hogy ne ütközzön a
   témával vagy a meglévő vélemény-slider stílusával.
   ============================================================ */
.modul-velemeny .velemeny-container{
	display:flex;
	flex-direction:column;
	gap:15px;
}

.modul-velemeny .velemeny-box{
	position:relative;
	background-color:#ffffff;
	border-radius:0;
	padding:34px 20px;
}

/* Idézőjel ikon a jobb felső sarokban, dekoratív.
   A szürke árnyalat (#4d4d4d36) magában az SVG-ben van — a fill-be sütva,
   erre jön rá az opacity:.3. Itt csak az elhelyezés és az opacity van. */
.modul-velemeny .velemeny-icon{
	position:absolute;
	top:20px;
	right:20px;
	width:76px;
	height:auto;
	opacity:.3;
	pointer-events:none;
}

.modul-velemeny .velemeny-content{
	margin:0;
	font-family:"DM Sans",system-ui,sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:30px;
	color:#2E2E2E;
}

/* Név / Beosztás — csak akkor jelenik meg, ha ki van töltve */
.modul-velemeny .velemeny-meta{
	margin-top:18px;
	display:flex;
	flex-direction:column;
	gap:2px;
}
.modul-velemeny .velemeny-nev{
	font-family:"DM Sans",system-ui,sans-serif;
	font-weight:700;
	font-size:16px;
	color:#161616;
}
.modul-velemeny .velemeny-beosztas{
	font-family:"DM Sans",system-ui,sans-serif;
	font-weight:400;
	font-size:14px;
	color:#656565;
}

@media (max-width:600px){
	.modul-velemeny .velemeny-icon{
		width:54px;
		top:16px;
		right:16px;
	}
}

/* ============================================================
   2. STÍLUS — RÁCS (3 oszlop, krém dobozok)
   A .modul-velemeny--grid3 módosító felülírja az alap (lista) értékeket.
   Az ikon és a szöveg azonos mindkét stílusban — csak a container
   elrendezése, a doboz háttérszíne és a padding/gap tér el.
   ============================================================ */
.modul-velemeny--grid3 .velemeny-container{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:35px;
}

.modul-velemeny--grid3 .velemeny-box{
	background-color:#f6f1ef;
	padding:20px;
}

@media (max-width:1024px){
	.modul-velemeny--grid3 .velemeny-container{
		grid-template-columns:repeat(2,1fr);
	}
}
@media (max-width:640px){
	.modul-velemeny--grid3 .velemeny-container{
		grid-template-columns:1fr;
	}
}

@media (prefers-reduced-motion:reduce){
	.modul-velemeny *{
		transition:none !important;
		animation:none !important;
	}
}