/**
 * Zárt csoport "Faliújság" fül stílusa, `.ld-ice-wall` prefix alatt, hogy
 * ne ütközzön a host alkalmazás / téma CSS-ével.
 *
 * A kártya-dizájn (lekerekítés, árnyék, pirula gombok, márkaszínek)
 * szándékosan az `activity-directory-style.css`-ben már kialakított
 * /kozosseg design nyelvet követi 1:1, hogy a két felület (zárt csoport
 * Faliújság vs. natív BuddyPress aktivitás-folyam) vizuálisan
 * megkülönböztethetetlen legyen:
 *   - Navy   (#2c3e91) — fókusz, linkek, Hozzászólás gomb hover
 *   - Zöld   (#22b578) — elsődleges (posztolás/hozzászólás) pirula gomb
 *   - Rózsaszín (#c0416a) — Kedvelés (Like) aktív állapota
 *   - Szürke (#6b7290 / #e2e2e6) — másodlagos szöveg / szegély
 */

.ld-ice-wall {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	color: #1f2430;
}

.ld-ice-wall * {
	box-sizing: border-box;
}

.ld-ice-wall--unavailable {
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 18px;
	font-size: 13.5px;
	color: #6b7290;
}

.ld-ice-wall--unavailable p {
	margin: 0;
}

/* -----------------------------------------------------------------
 * Composer ("Írj valamit a csoportnak…")
 * --------------------------------------------------------------- */

.ld-ice-wall__composer {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(31, 36, 48, 0.05);
}

.ld-ice-wall__avatar {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(31, 36, 48, 0.12);
}

.ld-ice-wall__composer-body {
	flex: 1;
	min-width: 0;
}

.ld-ice-wall__textarea {
	width: 100%;
	min-height: 64px;
	resize: vertical;
	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;
}

.ld-ice-wall__textarea::placeholder {
	color: #9a9fb5;
}

.ld-ice-wall__textarea:focus {
	outline: none;
	border-color: #2c3e91;
	background: #fff;
}

.ld-ice-wall__composer-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 8px;
}

.ld-ice-wall__error,
.ld-ice-wall__comment-error {
	flex: 1;
	font-size: 12px;
	color: #c0392b;
}

.ld-ice-wall__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;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(34, 181, 120, 0.35);
	transition: transform 0.1s ease, box-shadow 0.15s ease;
}

.ld-ice-wall__submit:hover {
	box-shadow: 0 4px 12px rgba(34, 181, 120, 0.45);
	transform: translateY(-1px);
}

.ld-ice-wall__submit:disabled {
	opacity: 0.6;
	cursor: default;
	box-shadow: none;
	transform: none;
}

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

.ld-ice-wall__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ld-ice-wall__empty {
	padding: 16px 18px;
	background: #fff;
	border: 1px dashed #d7d9e4;
	border-radius: 18px;
	font-size: 13.5px;
	color: #6b7290;
	text-align: center;
}

.ld-ice-wall__item {
	display: flex;
	gap: 14px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 18px;
	box-shadow: 0 2px 8px rgba(31, 36, 48, 0.04);
}

.ld-ice-wall__item-body {
	flex: 1;
	min-width: 0;
}

.ld-ice-wall__item-head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 4px;
}

.ld-ice-wall__author {
	font-size: 14px;
	font-weight: 700;
	color: #1f2430;
}

.ld-ice-wall__time {
	font-size: 12.5px;
	color: #9a9fb5;
	font-weight: 400;
}

.ld-ice-wall__delete {
	margin-left: auto;
	appearance: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0 2px;
	font-size: 16px;
	line-height: 1;
	color: #9a9fb5;
}

.ld-ice-wall__delete:hover {
	color: #c0416a;
}

.ld-ice-wall__content {
	font-size: 13.5px;
	line-height: 1.6;
	color: #444;
	overflow-wrap: break-word;
}

.ld-ice-wall__content a {
	color: #2c3e91;
}

/* -----------------------------------------------------------------
 * Művelet-sor: Kedvelés / Hozzászólás / Mentés — közös pirula-gomb
 * alap, ugyanaz mint az activity-directory-style.css
 * `.activity-meta.action .generic-button a.button` szabálya.
 * --------------------------------------------------------------- */

.ld-ice-wall__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

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

.ld-ice-wall__comment-toggle:hover {
	border-color: #2c3e91;
	color: #2c3e91;
}

.ld-ice-wall__comment-toggle[aria-expanded="true"] {
	border-color: #2c3e91;
	color: #2c3e91;
	background: #eef0fb;
}

.ld-ice-wall__like:hover {
	border-color: #e0839a;
	color: #c0416a;
}

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

.ld-ice-wall__like:disabled,
.ld-ice-wall__comment-toggle:disabled {
	opacity: 0.6;
	cursor: default;
}

.ld-ice-wall__like-icon {
	font-size: 13px;
	line-height: 1;
}

/* A "Hozzászólás" gomb ikonja — ugyanaz a kontúros SVG-stílus, mint a
 * "Mentés" (bookmark) gombé, hogy a művelet-sor mindhárom gombja
 * (Kedvelés, Hozzászólás, Mentés) vizuálisan egységes ikon-nyelvet
 * használjon szöveges felirat helyett. */
.ld-ice-wall__comment-icon {
	display: block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	pointer-events: none;
}

.ld-ice-wall__like-count,
.ld-ice-wall__comment-count {
	font-weight: 700;
}

/* "Mentés" (könyvjelző) gomb — ugyanaz az ikon-only, 30x30-as kör alakú
 * gomb és bookmark SVG, mint a natív /kozosseg oldalon (lásd
 * `favorite-icon.js` / `activity-directory-style.css`), így a két
 * felület Mentés gombja képpontra egyezik. */
.ld-ice-wall__save {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	appearance: none;
	width: 30px;
	height: 30px;
	padding: 0;
	background: #fff;
	border: 1px solid #e2e2e6;
	border-radius: 999px;
	cursor: pointer;
	color: #6b7290;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.ld-ice-wall__save:hover {
	border-color: #2c3e91;
	color: #2c3e91;
	background: #f4f5fb;
}

.ld-ice-wall__save.is-saved {
	border-color: #22b578;
	color: #22b578;
	background: #eafff3;
}

.ld-ice-wall__save.is-saved:hover {
	border-color: #1a8f5e;
	color: #1a8f5e;
	background: #d9ffec;
}

.ld-ice-wall__save.is-saved .ld-ice-wall__save-icon path {
	fill: currentColor;
}

.ld-ice-wall__save:disabled {
	opacity: 0.6;
	cursor: default;
}

.ld-ice-wall__save-icon {
	display: block;
	width: 16px;
	height: 16px;
	pointer-events: none;
}

/* -----------------------------------------------------------------
 * Hozzászólások
 * --------------------------------------------------------------- */

.ld-ice-wall__comments {
	margin-top: 12px;
}

.ld-ice-wall__comment-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ld-ice-wall__comment-list:not(:empty) {
	margin-bottom: 10px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f4;
}

.ld-ice-wall__comment {
	display: flex;
	gap: 10px;
}

.ld-ice-wall__comment-avatar {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	object-fit: cover;
}

.ld-ice-wall__comment-body {
	flex: 1;
	min-width: 0;
	background: #fafafc;
	border: 1px solid #ececf2;
	border-radius: 14px;
	padding: 8px 12px;
}

.ld-ice-wall__comment-head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 2px;
}

.ld-ice-wall__comment-author {
	font-size: 13px;
	font-weight: 700;
	color: #1f2430;
}

.ld-ice-wall__comment-time {
	font-size: 11.5px;
	color: #9a9fb5;
}

.ld-ice-wall__comment-delete {
	margin-left: auto;
	appearance: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0 2px;
	font-size: 14px;
	line-height: 1;
	color: #9a9fb5;
}

.ld-ice-wall__comment-delete:hover {
	color: #c0416a;
}

.ld-ice-wall__comment-content {
	font-size: 13px;
	line-height: 1.5;
	color: #444;
	overflow-wrap: break-word;
}

.ld-ice-wall__comment-content a {
	color: #2c3e91;
}

/* A hozzászólás-form alapból rejtve marad, és csak a "Hozzászólás"
 * gombra kattintva jelenik meg — ugyanaz az elv, mint a /kozosseg
 * oldal `.ac-form` togglejánál (lásd `comment-toggle.js` mintáját,
 * itt a group-wall.js saját JS-e vezérli). */
.ld-ice-wall__comment-form {
	display: none;
	gap: 10px;
	align-items: flex-start;
}

.ld-ice-wall__comment-form.ld-ice-open {
	display: flex;
}

.ld-ice-wall__comment-form .ld-ice-wall__comment-avatar {
	margin-top: 2px;
}

.ld-ice-wall__comment-form-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.ld-ice-wall__comment-input {
	flex: 1 1 100%;
	width: 100%;
	min-height: 38px;
	resize: vertical;
	border: 1px solid #e2e2e6;
	border-radius: 14px;
	padding: 9px 14px;
	font-size: 13px;
	font-family: inherit;
	line-height: 1.4;
	color: #1f2430;
	background: #fafafc;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ld-ice-wall__comment-input::placeholder {
	color: #9a9fb5;
}

.ld-ice-wall__comment-input:focus {
	outline: none;
	border-color: #2c3e91;
	background: #fff;
}

.ld-ice-wall__comment-submit {
	appearance: none;
	border: none;
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 13px;
	font-weight: 700;
	color: #08351f;
	background: linear-gradient(180deg, #4be3a0 0%, #22b578 100%);
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
}

.ld-ice-wall__comment-submit:hover {
	box-shadow: 0 4px 12px rgba(34, 181, 120, 0.45);
}

.ld-ice-wall__comment-submit:disabled {
	opacity: 0.6;
	cursor: default;
	box-shadow: none;
}

@media ( max-width: 480px ) {
	.ld-ice-wall__composer {
		flex-direction: column;
	}

	.ld-ice-wall__item {
		flex-direction: column;
	}
}

/* -----------------------------------------------------------------
 * "Mentett faliújság bejegyzések" a /mentett ([ld_ice_saved_posts])
 * oldalon — lásd class-ld-ice-group-wall.php
 * render_saved_wall_posts_section(). Ugyanazokat a `.ld-ice-wall__*`
 * osztályokat használja újra, mint maga a Faliújság, csak egy extra
 * csoport-név linkkel egészül ki, mivel ez a lista több csoportból is
 * tartalmazhat bejegyzést.
 * --------------------------------------------------------------- */

.ld-ice-saved-wall-posts {
	margin: 0 0 32px;
}

.ld-ice-saved-wall-posts__group-link {
	display: inline-block;
	margin: 2px 0 8px;
	font-size: 12px;
	font-weight: 600;
	color: #2c3e91;
	text-decoration: none;
}

.ld-ice-saved-wall-posts__group-link:hover {
	text-decoration: underline;
}