/*
 * Költözés.net – VÉDŐSZABÁLYOK a lefordított koltozes.css mellé (WP/Elementor-specifikus).
 * Minden szabály fölött „/* V<n>” jelölő; darabszám: grep -cE '^/\* V[0-9]+ ' <fájl>.
 * Csak MÉRT eltérésre kerül ide szabály, indoklással.
 */

/* V1 @koltozes-vedoszabaly
 * NEM parity-javítás, hanem SZÁNDÉKOS BŐVÍTÉS (Wrike 3): a /velemenyek/ oldalon a valódi vélemények neve, dátuma és
 * profilképe is látszik (a forrás kártyáján csak csillag, idézet és név van). A forrás tokenjeivel. */
.review-card__author { display: flex; align-items: center; gap: var(--space-12, 12px); }
.review-card__author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
.review-card__author > span { display: flex; flex-direction: column; }
.review-card__author time { font-size: var(--font-size-13, 13px); font-weight: 500; color: var(--muted-foreground); }
.reviews-band--all .reviews-grid blockquote > span + cite { margin-top: var(--space-14, 14px); }
.reviews-source { margin-top: var(--space-32, 32px); text-align: center; font-size: var(--font-size-15, 15px); }
.reviews-source a { font-weight: 700; text-decoration: underline; }

/* V2 @koltozes-vedoszabaly
 * A köszönőoldal (/koszono/) gombja: a forrásban nincs ilyen oldal, a page-hero alá kell egy kis térköz. */
.koltozes-koszono__action { margin-top: var(--space-32, 32px); }

/* V3 @koltozes-vedoszabaly
 * Ernő alapkövetelménye (3.): a social ikon SVG-ként cserélhető. A feltöltött SVG CSS-maszkkal, currentColor-ral
 * festve, így a forrás színeit és hover-állapotát örökli, mint a beépített lucide-ikon (24 px). */
.koltozes-icon-mask { display: inline-block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--k-icon) center / contain no-repeat; mask: var(--k-icon) center / contain no-repeat; }
/* Árak előny-sáv (Optimus 1384): a forrás 4 oszlopos; más elemszámnál a rács asztalon a darabszámhoz igazodik, mobilon marad 2x2. A választott/feltöltött ikon a beépített lucide méretét kapja. */
@media (min-width:761px) { .pricing-benefits__grid[style*="--pb-cols"] { grid-template-columns:repeat(var(--pb-cols),1fr); } }
.pricing-benefits__icon .koltozes-icon-mask { width:26px; height:26px; }
.pricing-benefits__icon i { font-size:26px; line-height:1; }
@media (max-width:760px) { .pricing-benefits__icon .koltozes-icon-mask { width:22px; height:22px; } .pricing-benefits__icon i { font-size:22px; } }