/* ===== Eventrend Magazin rács – Antra Blog Gridview kinézet ===== */

/* Szűrő (felül) */
.er-mg-filter {
	--er-mgf-color: var(--e-global-color-secondary, #1C1C1D);
	--er-mgf-bg: #ffffff;
	--er-mgf-btn-color: var(--e-global-color-secondary, #1C1C1D);
	--er-mgf-btn-bg: transparent;
	margin: 0 0 34px;
}
.er-mg-filter__form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
.er-mg-filter__label {
	font-size: 15px;
	font-weight: 700;
	color: var(--er-mgf-color);
}
.er-mg-filter__select {
	width: var(--er-mgf-select-w, 320px) !important;
	max-width: 100%;
	border-color: transparent;
	background-color: var(--er-mgf-bg);
	color: var(--er-mgf-color);
	font-size: 15.5px;
	line-height: 1.5;
	font-weight: 500;
}
.er-mg-filter__select--ev {
	width: var(--er-mgf-select-ev-w, var(--er-mgf-select-w, 320px)) !important;
}
.er-mg-filter__btn {
	color: var(--er-mgf-btn-color) !important;
	background-color: var(--er-mgf-btn-bg) !important;
}
.er-mg-filter__btn .elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}
.er-mg-filter.loading { opacity: .7; pointer-events: none; }

/* Rács */
.er-mg__grid {
	display: grid;
	grid-template-columns: repeat(var(--er-mg-cols, 3), 1fr);
	gap: 40px 32px;
}
.er-mg__card.is-hidden { display: none; }
.er-mg.filtering .er-mg__grid { opacity: .45; transition: opacity .2s ease; }

/* Kártya */
.er-mg__img,
.er-mg__img a { display: block; position: relative; }
.er-mg__img a { overflow: hidden; border-radius: 20px; }
.er-mg__img img,
.er-mg__img-ph {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 20px;
	background: #d9d9d9;
}
.er-mg__img img {
	height: auto !important;
	transition: transform .45s ease, filter .45s ease;
}
.er-mg__img a:hover img { transform: scale(1.04); filter: brightness(1.03); }

.er-mg__meta-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 16px 0 10px;
}
/* A dátum + forrás mindig külön sor, a címkék alatt. */
.er-mg__meta-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 14px 0 10px;
}
.er-mg__meta-tags + .er-mg__meta-info { margin-top: 0; }
.er-mg__chip {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 100px;
	background: var(--e-global-color-primary, #CAA05C);
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
}
.er-mg__date {
	color: var(--e-global-color-text, #7b7a80);
	font-size: 13.5px;
}
.er-mg__src {
	color: var(--e-global-color-primary, #CAA05C);
	font-size: 13.5px;
	font-weight: 700;
}
.er-mg__title {
	margin: 0 0 10px;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--e-global-color-secondary, #1C1C1D);
}
.er-mg__title a { color: inherit; text-decoration: none; transition: color .2s ease; }
.er-mg__title a:hover { color: var(--e-global-color-primary, #CAA05C); }
.er-mg__excerpt {
	margin: 0 0 14px;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--e-global-color-text, #59585D);
}
.er-mg__empty {
	padding: 30px 0;
	color: var(--e-global-color-text, #59585D);
}

/* Lapozó */
.er-mg__pager {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 36px;
}
.er-mg__pager:empty { display: none; }
.er-mg__page {
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--e-global-color-border, #E3E3E8);
	border-radius: 100px;
	background: transparent;
	color: var(--e-global-color-secondary, #1C1C1D);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s ease;
}
.er-mg__page:hover { border-color: var(--e-global-color-primary, #CAA05C); color: var(--e-global-color-primary, #CAA05C); }
.er-mg__page.is-active {
	background: var(--e-global-color-primary, #CAA05C);
	border-color: var(--e-global-color-primary, #CAA05C);
	color: #ffffff;
	cursor: default;
}
.er-mg__page:disabled { opacity: .4; cursor: default; }

/* Gomb a rács alján – a téma pill-gombja (btn-slip-effect adja az alapot:
   keretes kapszula, arany ikon-kör nyíllal); itt csak a kiegészítések. */
.er-mg-cta {
	display: flex;
	justify-content: center;
	margin: 38px 0 0;
}
.er-mg-cta__btn { text-decoration: none; }
.er-mg-cta__btn .elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}

/* Reszponzív */
@media (max-width: 1023px) {
	.er-mg__grid { gap: 30px 22px; }
}
@media (max-width: 480px) {
	.er-mg-filter__form { flex-direction: column; align-items: stretch; }
	.er-mg-filter__select,
	.er-mg-filter__select--ev { width: 100% !important; }
}

/* Görgető gomb widget: a rács CTA-pill kinézetét használja. */
.er-scrollbtn { margin: 24px 0 0; }

/* Kutatás kategóriák widget: kártyánkénti CTA a leírás alatt (téma-pill). */
.er-kkat-cta {
	display: flex;
	justify-content: center;
	margin: 18px 0 0;
}
.er-kkat-cta__btn { text-decoration: none; }
.er-kkat-cta__btn .elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}