/**
 * "Közösség" (BuddyPress aktivitás-könyvtár) oldal design-felújítása:
 * fehér, lekerekített kártyák lágy árnyékkal, lekerekített beviteli
 * mezők, pirula alakú gombok — a referenciakép ("Basic info" űrlap)
 * stílusnyelvét követve, a natív BuddyPress markupra alkalmazva.
 *
 * Márkaszínek (a plugin többi elemével összhangban):
 *   - Navy   (#2c3e91) — fókusz, linkek, aktív fül, másodlagos gomb kontúr
 *   - Zöld   (#34d399 → #22b578) — elsődleges (posztolás) pirula gomb
 *   - Szürke (#6b7290 / #e2e2e6) — másodlagos szöveg / szegély
 */

#buddypress {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #1f2430;
	/* A lenti mobil szabályok ennek a doboznak a TÉNYLEGES, renderelt
	 * szélességét figyelik (container query), nem a böngészőablakét
	 * (media query). Ez azért fontos, mert a téma "boxed" tartalmi
	 * elrendezésénél, oldalsávval, vagy más content-width beállítással
	 * a #buddypress doboz szélessége eltérhet a viewport szélességétől
	 * — egy fix `@media (max-width: ...)` érték emiatt az egyik
	 * beállításnál/felbontáson jól, másiknál rosszul találna. A
	 * container query mindig a doboz saját méretéhez igazodik,
	 * függetlenül attól, hogy a téma éppen hogyan számolja ki azt. */
	container-type: inline-size;
	container-name: ld-ice-activity;
}

#buddypress * {
	box-sizing: border-box;
}

/* -----------------------------------------------------------------
 * "Mi újság?" posztoló kártya
 * --------------------------------------------------------------- */

#bp-nouveau-activity-form {
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 20px;
	padding: 20px 22px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(31, 36, 48, 0.05);
}

#bp-nouveau-activity-form .activity-form {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

#whats-new-avatar {
	flex-shrink: 0;
}

#whats-new-avatar img.avatar {
	width: 50px;
	height: 50px;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(31, 36, 48, 0.12);
}

#whats-new-content {
	flex: 1;
	min-width: 0;
}

#whats-new-textarea textarea#whats-new,
.ac-reply-content textarea.ac-input {
	width: 100%;
	border: 1px solid #e2e2e6;
	border-radius: 14px;
	padding: 12px 16px;
	font-size: 14px;
	font-family: inherit;
	line-height: 1.5;
	color: #1f2430;
	background: #fafafc;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* A "Mi újság?" mező (és a benne megjelenő minta/placeholder szöveg)
 * a /kozosseg/ és a BuddyPress profil oldalakon is ugyanezt a
 * #whats-new textarea-t használja. Mindkét helyen bal-jobb térközt
 * kap, hogy a placeholder szöveg ne érjen hozzá a mező széléhez. */
#whats-new-textarea textarea#whats-new {
	width: calc( 100% - 50px );
	margin-left: 25px;
	margin-right: 25px;
}

/* A natív BuddyPress "Loading the community updates. Please wait."
 * (és hasonló) visszajelző doboz (.bp-feedback) ugyanúgy a /kozosseg/
 * és a BuddyPress profil oldalakon is megjelenik, amikor az
 * aktivitás-lista (újra)betölt. Ugyanaz a térköz kell neki is. */
#buddypress .bp-feedback {
	margin-left: 25px;
	margin-right: 25px;
}

/* A natív BuddyPress (bp-nouveau) "Member Activities" cím
 * (`h2.bp-screen-title`) a BuddyPress profil "Aktivitás" alfülén
 * jelenik meg, közvetlenül az alfül-navigáció alatt. A sablon csak
 * akkor rejti el (screen-reader-only) automatikusan, ha a
 * felhasználónak van egyedi "front" sablonja — a mi profiljainkon ez
 * nincs, ezért a cím itt láthatóan megjelenne. Ugyanazzal a natív
 * `.bp-screen-reader-text` mintával (nem `display: none`-nal)
 * rejtjük el, hogy a DOM-ban/akadálymentesítésben megmaradjon. */
#buddypress .bp-screen-title {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect( 0, 0, 0, 0 ) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* A natív BuddyPress (bp-nouveau) alap CSS-e 46.8em-es (kb. tablet)
 * szélesség felett 55px bal margót ad a "Mi újság?" mező tartalmának,
 * feltehetően azért, hogy a natív, "flow"-elrendezésű elrendezésben
 * ne csússzon az avatar alá/mellé a szöveg. A mi `.activity-form`
 * flex-elrendezésünkben (lásd fentebb) erre nincs szükség — az avatar
 * és a mező már egymás mellett, saját flex-oszlopban vannak —, így ez
 * a plusz margó csak egy felesleges, üres sávot hagyna a mező előtt.
 * Nullázzuk. */
@media screen and ( min-width: 46.8em ) {
	.activity-update-form #whats-new-content,
	.activity-update-form #whats-new-post-in-box,
	.activity-update-form #whats-new-submit {
		margin-left: 0 !important;
	}
}

#whats-new-textarea textarea#whats-new::placeholder,
.ac-reply-content textarea.ac-input::placeholder {
	color: #9a9fb5;
}

#whats-new-textarea textarea#whats-new:focus,
.ac-reply-content textarea.ac-input:focus {
	outline: none;
	border-color: #2c3e91;
	background: #fff;
}

/* Elsődleges ("Post"/pirula) gomb — a posztoló doboz és a
 * hozzászólás-form submit gombjai, bárhogy is nevezze el őket a
 * BuddyPress Nouveau (id vagy name szerint célozva, class-független). */
#bp-nouveau-activity-form input[type="submit"],
#bp-nouveau-activity-form button[type="submit"],
#whats-new-options input[type="submit"],
#aw-whats-new-submit,
.ac-form input[type="submit"],
.ac-form button[type="submit"] {
	appearance: none;
	border: none;
	border-radius: 999px;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 700;
	color: #08351f;
	background: linear-gradient(180deg, #4be3a0 0%, #22b578 100%);
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(34, 181, 120, 0.35);
	transition: transform 0.1s ease, box-shadow 0.15s ease;
}

#bp-nouveau-activity-form input[type="submit"]:hover,
#bp-nouveau-activity-form button[type="submit"]:hover,
#whats-new-options input[type="submit"]:hover,
#aw-whats-new-submit:hover,
.ac-form input[type="submit"]:hover,
.ac-form button[type="submit"]:hover {
	box-shadow: 0 4px 12px rgba(34, 181, 120, 0.45);
	transform: translateY(-1px);
}

.ac-reply-cancel {
	border: 1px solid #e2e2e6;
	border-radius: 999px;
	background: #fff;
	color: #6b7290;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.ac-reply-cancel:hover {
	border-color: #2c3e91;
	color: #2c3e91;
}

/* -----------------------------------------------------------------
 * Fülek: "All Members / My Favorites / Mentions"
 * --------------------------------------------------------------- */

.activity-type-navs.dir-navs {
	margin-bottom: 16px;
}

.activity-type-navs .component-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.activity-type-navs .component-navigation li {
	margin: 0;
}

.activity-type-navs .component-navigation li a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 999px;
	background: #f2f2f6;
	color: #4a4f66;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.activity-type-navs .component-navigation li a:hover {
	background: #e5e6f0;
}

.activity-type-navs .component-navigation li.selected a {
	background: #2c3e91;
	color: #fff;
}

.activity-type-navs .component-navigation .count {
	font-size: 11px;
	opacity: 0.8;
}

/* -----------------------------------------------------------------
 * Keresés + szűrő sáv
 * --------------------------------------------------------------- */

.subnav-filters.filters {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.dir-search.bp-search #dir-activity-search {
	border: 1px solid #e2e2e6;
	border-radius: 999px;
	padding: 9px 16px;
	font-size: 13.5px;
	background: #fafafc;
	min-width: 220px;
}

.dir-search.bp-search #dir-activity-search:focus {
	outline: none;
	border-color: #2c3e91;
	background: #fff;
}

.dir-search.bp-search .nouveau-search-submit {
	background: none;
	border: none;
	cursor: pointer;
	color: #6b7290;
}

#activity-rss-feed a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #2c3e91;
	color: #fff;
}

#dir-filters.component-filters {
	margin-bottom: 20px;
}

#activity-filter-select .select-wrap select {
	border: 1px solid #e2e2e6;
	border-radius: 999px;
	padding: 8px 32px 8px 16px;
	font-size: 13px;
	font-weight: 600;
	color: #4a4f66;
	background-color: #fafafc;
}

#activity-filter-select .select-wrap select:focus {
	outline: none;
	border-color: #2c3e91;
}

/* -----------------------------------------------------------------
 * Aktivitás-lista: minden bejegyzés egy önálló, lekerekített kártya
 * --------------------------------------------------------------- */

#activity-stream.activity {
	background: transparent;
	border: none;
}

/* A BuddyPress (bp-nouveau) alapértelmezett stílusa 32em-es (512px)
 * és szélesebb nézeten felső paddingot ad az aktivitás-listának —
 * ezt nullázzuk, hogy a lista közvetlenül a fölötte lévő elem alatt
 * kezdődjön, méret-töréstől függetlenül. */
@media screen and (min-width: 32em) {
	#activity-stream {
		padding-top: 0 !important;
	}
}

.activity-list.item-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* A kártya rács (grid) elrendezésű: 1. sor = profilkép + név/időbélyeg
 * (fejléc) egymás mellett, MINDEN alatta lévő elem (a poszt szövege,
 * a művelet-gombok, a kommentek) pedig teljes szélességben, a
 * profilkép ALATT jelenik meg — asztali és mobil nézeten egyaránt.
 *
 * A natív BuddyPress markup szerint a fejléc (`.activity-header`) és
 * a poszt tartalma (pl. `.activity-inner`) egyaránt az
 * `.activity-content` dobozon BELÜL van, az avatarral pedig egy
 * szinten (`.activity-avatar` testvéreként). Hogy a fejlécet mégis a
 * profilkép mellé, a többi elemet pedig alá tudjuk rendezni a rácsban,
 * az `.activity-content` dobozt `display: contents`-szel "feloldjuk"
 * — ekkor a benne lévő elemek közvetlenül a kártya rács-celláiba
 * kerülnek, a markup módosítása nélkül. */
.activity-list .activity-item {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 10px;
	row-gap: 8px;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 18px;
	padding: 18px 20px;
	box-shadow: 0 2px 8px rgba(31, 36, 48, 0.04);
}

.activity-list .activity-avatar {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
}

.activity-list .activity-avatar img.avatar {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	object-fit: cover;
}

/* A natív BuddyPress markup az avatar-dobozra az `.activity-avatar`
 * mellett az `item-avatar` osztályt is ráteszi, aminek saját (ettől a
 * plugintól független) fix szélessége van — enélkül a felülírás
 * nélkül a fenti, nagyobbra (56px) állított profilkép nem fér el
 * rendesen a dobozában. Mivel ez a fájl a /kozosseg/ aktivitás-lista,
 * a BuddyPress profiloldal ÉS a `[ld_ice_saved_posts]` mentett posztok
 * nézet között is meg van osztva (lásd a fenti enqueue_assets()
 * docblokkját), ez a szabály mindhárom helyen érvényesül. */
.activity-list .activity-item div.item-avatar {
	width: 55px !important;
}

.activity-list .activity-content {
	display: contents;
}

/* Alapértelmezésben minden, ami az activity-content-ből "kiszabadul",
 * a teljes szélességet kapja (2. sortól kezdve, a profilkép alatt) —
 * ez automatikusan lefedi a poszt tartalmát, a művelet-gombokat és a
 * kommenteket is, még akkor is, ha a BuddyPress egy jövőbeli
 * frissítése új elemet ad ide. Csak a fejlécet emeljük ki ez alól,
 * hogy a profilkép mellé, az 1. sorba kerüljön. */
.activity-list .activity-content > * {
	grid-column: 1 / -1;
}

.activity-list .activity-header {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
}

.activity-list .activity-header p {
	margin: 0;
	font-size: 14px;
	color: #1f2430;
}

.activity-list .activity-header a {
	color: #2c3e91;
	font-weight: 700;
	text-decoration: none;
}

.activity-list .activity-header a:hover {
	text-decoration: underline;
}

.activity-list .activity-header .time-since {
	color: #9a9fb5;
	font-weight: 400;
	font-size: 12.5px;
}

/* A natív BuddyPress "X létrehozta a fiókját" (new_member) aktivitás
 * mellé a BuddyPress automatikusan egy kis tag-előnézet kártyát
 * (avatar, név, felhasználónév, "View Profile" gomb) rak be — ezt a
 * kártyát a design szerint nem szeretnénk megjeleníteni, ezért a
 * markup módosítása nélkül, CSS-sel elrejtjük.
 *
 * A kártyát a téma saját (tőlünk független) csomagoló dobozba teszi
 * (jellemzően `.activity-inner`), aminek van saját háttérszíne — ha
 * csak magát a kártyát rejtenénk el, ez a csomagoló üresen,
 * háttérszínnel "lógna" a fejléc alatt. Ezért a `:has()` szelektorral
 * azt a — bármilyen nevű — közvetlen `.activity-content` gyermeket is
 * elrejtjük, amelyik a kártyát tartalmazza. */
.activity-list .bp-member-activity-preview {
	display: none;
}

.activity-list .activity-content > *:has(.bp-member-activity-preview) {
	display: none;
}

/* Kommentelés / kedvencnek jelölés / törlés — lekerekített, halvány
 * ikon-gombok a kártya alján. */
.activity-list .activity-meta.action {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.activity-list .activity-meta.action .generic-button a.button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #e2e2e6;
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: 600;
	color: #6b7290;
	background: #fff;
	text-decoration: none;
}

.activity-list .activity-meta.action .generic-button a.button:hover {
	border-color: #2c3e91;
	color: #2c3e91;
}

.activity-list .activity-meta.action .generic-button a.button[aria-pressed="true"] {
	border-color: #22b578;
	color: #22b578;
	background: #eafff3;
}

.activity-list .activity-meta.action .generic-button a.delete-activity {
	border-color: #f3c9c9;
	color: #c0416a;
}

.activity-list .activity-meta.action .generic-button a.delete-activity:hover {
	border-color: #c0416a;
	background: #fdeef2;
}

/* "Mark as Favorite" / "Remove from Favorites" (kedvencnek jelölés /
 * mentés) gomb — a natív BuddyPress/téma csillag ikon lecserélése
 * könyvjelző (bookmark) ikonra.
 *
 * A natív csillagot a téma (BuddyBoss Platform) állapotfüggő
 * pszeudo-elem-szabályokkal rajzolja, amit nem lehetett megbízhatóan,
 * egyetlen CSS-szabállyal felülírni. Ehelyett:
 *
 * 1. `all: unset` + `display: none` a gomb MINDKÉT pszeudo-elemén —
 *    ez elnyomja a téma összes, pszeudo-elemen beállított
 *    tulajdonságát (tartalom, pozíció, szín, opacitás stb.).
 * 2. A tényleges bookmark ikont egy VALÓDI, a DOM-ba beszúrt inline
 *    `<svg class="ld-ice-fav-icon">` elem adja (lásd
 *    `assets/js/favorite-icon.js`), nem pszeudo-elem — ez elkerüli a
 *    pszeudo-elemek körüli specificitási "versenyfutást" a témával.
 *
 * FONTOS: a natív "Mark as Favorite" gomb NEM az `aria-pressed`
 * attribútummal jelzi az elmentett állapotot — a BuddyPress a teljes
 * linket lecseréli, és az elemet `fav` osztályról `unfav` osztályra
 * (és vissza) váltja mentéskor/eltávolításkor. Ezért mindkét osztályt
 * (`a.fav` ÉS `a.unfav`) külön-külön kell lefedni ugyanazzal a
 * doboz-mérettel és ikon-logikával — az SVG kitöltését (elmentett
 * állapot) a `.unfav` osztály kapcsolja be, nem az `aria-pressed`.
 */
.activity-list .activity-meta.action .generic-button a.fav,
.activity-list .activity-meta.action .generic-button a.unfav {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	background-image: none !important;
}

.activity-list .activity-meta.action .generic-button a.fav:before,
.activity-list .activity-meta.action .generic-button a.fav:after,
.activity-list .activity-meta.action .generic-button a.fav:hover:before,
.activity-list .activity-meta.action .generic-button a.fav:hover:after,
.activity-list .activity-meta.action .generic-button a.unfav:before,
.activity-list .activity-meta.action .generic-button a.unfav:after,
.activity-list .activity-meta.action .generic-button a.unfav:hover:before,
.activity-list .activity-meta.action .generic-button a.unfav:hover:after {
	all: unset !important;
	content: none !important;
	display: none !important;
}

.activity-list .activity-meta.action .generic-button a.unfav {
	border-color: #22b578;
	color: #22b578;
	background: #eafff3;
}

.activity-list .activity-meta.action .generic-button a.unfav:hover {
	border-color: #1a8f5e;
	color: #1a8f5e;
	background: #d9ffec;
}

.activity-list .activity-meta.action .generic-button a.fav .ld-ice-fav-icon,
.activity-list .activity-meta.action .generic-button a.unfav .ld-ice-fav-icon {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0;
	pointer-events: none;
}

.activity-list .activity-meta.action .generic-button a.fav .ld-ice-fav-icon path,
.activity-list .activity-meta.action .generic-button a.unfav .ld-ice-fav-icon path {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	transition: fill 0.15s ease;
}

/* Elmentett állapot: kitöltött bookmark ikon. */
.activity-list .activity-meta.action .generic-button a.unfav .ld-ice-fav-icon path {
	fill: currentColor;
}

.activity-comments {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f4;
}

/* A komment/válasz doboz alapból rejtve marad, és csak a "Comment"
 * gombra kattintva jelenik meg. A láthatóságot teljes egészében a
 * plugin saját JS-e (assets/js/comment-toggle.js) vezérli a
 * "ld-ice-open" osztály ki-/bekapcsolásával — nem a BuddyPress belső
 * (verziónként eltérő) megoldására támaszkodik. Az !important
 * biztosítja, hogy ez érvényesüljön akkor is, ha a BuddyPress saját
 * szkriptje közben megpróbál inline stílust írni az elemre. */
.activity-comments .ac-form {
	display: none !important;
}

.activity-comments .ac-form.ld-ice-open {
	display: flex !important;
	gap: 10px;
	align-items: flex-start;
}

.activity-comments .ac-reply-avatar img.avatar {
	width: 36px;
	height: 36px;
	border-radius: 10px;
}

.activity-comments .ac-reply-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.activity-comments .ac-textarea {
	flex: 1 1 100%;
}

/* -----------------------------------------------------------------
 * Reszponzív (mobil) igazítások
 *
 * Container query-vel dolgozunk (@container), NEM media query-vel:
 * a #buddypress doboz saját, ténylegesen renderelt szélességéhez
 * igazodik (lásd a `container-type` deklarációt a fájl elején), nem
 * a böngészőablak szélességéhez. Ez azért számít, mert a téma
 * "boxed" tartalmi elrendezésénél / oldalsávnál / eltérő content
 * width beállításnál a doboz szélessége eltér a viewport
 * szélességétől — egy fix `@media (max-width: ...px)` érték emiatt
 * csak véletlenszerűen, egy-egy konkrét beállításnál/felbontáson
 * találna, máshol nem.
 * --------------------------------------------------------------- */

@container ld-ice-activity ( max-width: 782px ) {
	/* "Mi újság?" posztoló kártya: kevesebb belső térköz. */
	#bp-nouveau-activity-form {
		padding: 16px !important;
		border-radius: 16px !important;
	}

	#whats-new-textarea textarea#whats-new {
		width: calc( 100% - 34px ) !important;
		margin-left: 17px !important;
		margin-right: 17px !important;
	}

	#buddypress .bp-feedback {
		margin-left: 17px !important;
		margin-right: 17px !important;
	}

	/* Fülek: vízszintesen görgethetők maradnak (nem törnek több
	 * sorba), hogy a sorrendjük és a méretük is stabil legyen. */
	.activity-type-navs .component-navigation {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px !important;
		scrollbar-width: none;
	}

	.activity-type-navs .component-navigation::-webkit-scrollbar {
		display: none;
	}

	.activity-type-navs .component-navigation li {
		flex-shrink: 0 !important;
	}

	.activity-type-navs .component-navigation li a {
		padding: 7px 14px !important;
		font-size: 13px !important;
	}

	/* Keresés + szűrő sor: egymás alá kerülnek, mindkettő teljes
	 * szélességű. */
	.subnav-filters.filters {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	.dir-search.bp-search {
		width: 100% !important;
	}

	.dir-search.bp-search #dir-activity-search {
		min-width: 0 !important;
		width: 100% !important;
	}

	#activity-filter-select,
	#activity-filter-select .select-wrap {
		width: 100% !important;
	}

	#activity-filter-select .select-wrap select {
		width: 100% !important;
	}

	/* Aktivitás-kártyák: kevesebb belső térköz, kisebb avatar. */
	.activity-list.item-list {
		gap: 10px !important;
	}

	.activity-list .activity-item {
		gap: 8px !important;
		padding: 14px !important;
		border-radius: 14px !important;
	}

	.activity-list .activity-avatar img.avatar {
		width: 42px !important;
		height: 42px !important;
		border-radius: 12px !important;
	}

	.activity-list .activity-item div.item-avatar {
		width: 42px !important;
	}

	.activity-list .activity-header p {
		font-size: 13.5px !important;
	}

	/* Művelet-gombok (Hozzászólás / Mentés / Kedvelés / Törlés): a
	 * gombok maguk maradnak kompaktak, de a sor tördelése és térköze
	 * kényelmesebb érintéshez igazodik. */
	.activity-list .activity-meta.action {
		gap: 6px !important;
	}

	.activity-list .activity-meta.action .generic-button a.button,
	.activity-list .activity-meta.action .ld-ice-wall__like {
		padding: 7px 12px !important;
		font-size: 12.5px !important;
	}

	/* Komment-doboz: avatar + mező egymás alá kerül, hogy a beviteli
	 * mező teljes szélességet kapjon és ne szoruljon össze. */
	.activity-comments .ac-form.ld-ice-open {
		flex-wrap: wrap !important;
	}

	.activity-comments .ac-reply-content {
		flex: 1 1 100% !important;
	}

	.ac-reply-content textarea.ac-input {
		padding: 10px 12px !important;
	}

	.ac-reply-cancel,
	.ac-form input[type="submit"],
	.ac-form button[type="submit"] {
		padding: 8px 14px !important;
		font-size: 12.5px !important;
	}
}

@container ld-ice-activity ( max-width: 480px ) {
	/* Nagyon keskeny (telefon) nézeten a "Mi újság?" doboz avatarja és
	 * mezője is egymás alá kerül, hogy a mezőnek maradjon hely. */
	#bp-nouveau-activity-form .activity-form {
		flex-wrap: wrap !important;
	}

	#whats-new-avatar img.avatar {
		width: 38px !important;
		height: 38px !important;
	}

	#whats-new-content {
		flex: 1 1 100% !important;
	}

	#whats-new-textarea textarea#whats-new {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#buddypress .bp-feedback {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* -----------------------------------------------------------------
 * "Kedvelés" (Like) gomb — a zárt csoportok Faliújságán már meglévő
 * `.ld-ice-wall__like` gomb 1:1 másolata (lásd `group-wall.css`),
 * ide szánt, önálló szabályokként, mert ez a fájl a `/kozosseg` és a
 * BuddyPress profil oldalakon töltődik be, ahol a group-wall.css
 * nincs enqueue-olva. A markupot a `class-ld-ice-activity-like.php`
 * adja hozzá minden aktivitás alá a `bp_activity_entry_meta` hookon.
 *
 * Szándékosan NEM a natív "Mark as Favorite" (Mentés) mechanizmusára
 * épül — az a `.generic-button a.fav` / `a.unfav` gomb, a "Kedvelés"
 * ettől teljesen független állapotot tárol (lásd
 * `class-ld-ice-activity-like.php`).
 * --------------------------------------------------------------- */

/* A saját Kedvelés gombot a natív BuddyPress/téma `.generic-button`
 * dobozába csomagoljuk (`class-ld-ice-activity-like.php`), hogy a
 * többi natív gombbal (Hozzászólás, Mentés, Törlés) egy sorban,
 * ugyanazzal a térközzel jelenjen meg. A téma viszont a
 * `.generic-button` dobozra saját (a natív, kisebb `a.button`
 * gombokhoz méretezett) betűméretet/sortávot/térközt állít be, ami —
 * mivel a doboz `font-size`-ja öröklődne a benne lévő elemekre is —
 * összébb húzza a mi gombunkat is, ezért itt kikényszerítjük a doboz
 * saját box-modelljét, és a gomb kulcsfontosságú méretezését
 * `!important`-tal védjük, hogy a mérete 1:1 megegyezzen a zárt
 * csoport Faliújságán lévő (nem `.generic-button`-be csomagolt)
 * párjával. */
.activity-list .activity-meta.action .generic-button.ld-ice-like-wrap {
	order: -1;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 1 !important;
}

.activity-list .activity-meta.action .ld-ice-wall__like {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	appearance: none;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 999px !important;
	cursor: pointer;
	padding: 6px 14px !important;
	font-size: 12px !important;
	font-weight: 600;
	color: #6b7290;
	line-height: 1.2 !important;
	font-family: inherit;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}


.activity-list .activity-meta.action .ld-ice-wall__like:hover {
	border-color: #e0839a;
	color: #c0416a;
}

.activity-list .activity-meta.action .ld-ice-wall__like.is-liked {
	background: #fdeef2;
	border-color: #f3b9cb;
	color: #c0416a;
}

.activity-list .activity-meta.action .ld-ice-wall__like:disabled {
	opacity: 0.6;
	cursor: default;
}

.activity-list .activity-meta.action .ld-ice-wall__like-icon {
	font-size: 13px !important;
	line-height: 1;
}

.activity-list .activity-meta.action .ld-ice-wall__like-count {
	font-size: 12px !important;
	font-weight: 700;
}