/*
 * Majaa Tagesfrage – Karte in der Timeline. Mobil zuerst (390 px).
 * Freigegebener Entwurf „Variante B / E“ (27.10.2026): goldene Bühne mit
 * Kamille, darunter Gesprächsvorschau. Farben sind noch nicht als Tokens
 * festgelegt. Die native Like-/Kommentar-/Teilen-Leiste bleibt unverändert.
 */
#buddypress .majaa-tagesfrage {
	--majaa-tf-ink: var(--majaa-color-ink);
	--majaa-tf-aubergine: #45304a;
	--majaa-tf-muted: var(--majaa-color-text);
	--majaa-tf-link: var(--majaa-color-ink);
	--majaa-tf-line: #c9d1c8;
	--majaa-tf-icon-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
	--majaa-tf-icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M20.4 4.7a5.3 5.3 0 0 0-7.5 0l-.9 1-.9-1a5.3 5.3 0 0 0-7.5 7.5L12 21l8.4-8.8a5.3 5.3 0 0 0 0-7.5Z'/%3E%3C/svg%3E");
	--majaa-tf-icon-heart-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.4 4.7a5.3 5.3 0 0 0-7.5 0l-.9 1-.9-1a5.3 5.3 0 0 0-7.5 7.5L12 21l8.4-8.8a5.3 5.3 0 0 0 0-7.5Z'/%3E%3C/svg%3E");
	--majaa-tf-icon-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3C/svg%3E");
	box-sizing: border-box;
	overflow: hidden;
	margin: 4px 0 0 !important;
	border-radius: 18px;
	background: var(--majaa-color-sage);
	color: var(--majaa-tf-ink);
	font: 400 16px/1.5 var(--majaa-font-body);
}
#buddypress .majaa-tagesfrage *,
#buddypress .majaa-tagesfrage *::before,
#buddypress .majaa-tagesfrage *::after { box-sizing: border-box; }

/* ---- Bühne ---- */
#buddypress .majaa-tagesfrage-stage {
	position: relative;
	overflow: hidden;
	padding: 24px 22px 22px;
	background: linear-gradient(160deg, #e2c595 0%, var(--majaa-color-warm) 100%);
	color: var(--majaa-tf-ink);
}
#buddypress .majaa-tagesfrage-stage::after {
	content: "";
	position: absolute;
	right: 14px;
	bottom: 0;
	width: 78px;
	height: 94px;
	background: url("tagesfrage-kamille.svg") right bottom / contain no-repeat;
	opacity: .9;
	pointer-events: none;
}
#buddypress .majaa-tagesfrage-meta {
	position: relative;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 0 !important;
	padding: 0 !important;
	font: 400 12px/1.4 var(--majaa-font-body) !important;
	color: var(--majaa-tf-aubergine) !important;
}
#buddypress .majaa-tagesfrage-icon {
	position: relative;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--majaa-tf-aubergine);
}
#buddypress .majaa-tagesfrage-icon::before {
	content: "";
	position: absolute;
	inset: 7px;
	background: var(--majaa-color-paper);
	-webkit-mask: var(--majaa-tf-icon-question) center / contain no-repeat;
	mask: var(--majaa-tf-icon-question) center / contain no-repeat;
}
#buddypress .majaa-tagesfrage-label {
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
#buddypress .majaa-tagesfrage-date::before { content: "·"; margin-right: 8px; }
@media (max-width: 359px) {
	#buddypress .majaa-tagesfrage-date { flex: 0 0 calc(100% - 42px); margin: -6px 0 0 42px; }
	#buddypress .majaa-tagesfrage-date::before { content: none; }
}
#buddypress .majaa-tagesfrage-question {
	position: relative;
	margin: 18px 0 0 !important;
	padding: 0 72px 0 0 !important;
	font: 400 25px/1.3 var(--majaa-font-heading) !important;
	color: var(--majaa-tf-ink) !important;
	overflow-wrap: anywhere;
}

/* ---- Gespräch ---- */
#buddypress .majaa-tagesfrage-talk { padding: 24px 18px; }
#buddypress .majaa-tagesfrage-count {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font: 400 14px/1.5 var(--majaa-font-body) !important;
	color: var(--majaa-tf-muted) !important;
}
#buddypress .majaa-tf-thread,
#buddypress .majaa-tf-sublist {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
#buddypress .majaa-tf-thread[hidden],
#buddypress .majaa-tf-sublist[hidden],
#buddypress .majaa-tf-status[hidden],
#buddypress .majaa-tagesfrage button.majaa-tagesfrage-all[hidden] { display: none !important; }
#buddypress .majaa-tf-msg {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
#buddypress .majaa-tf-av {
	flex: 0 0 32px;
	width: 32px !important;
	height: 32px !important;
	max-width: none !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #c9b79a;
	object-fit: cover;
}
#buddypress .majaa-tf-bubble {
	flex: 1 1 0;
	min-width: 0;
	padding: 14px 16px 12px;
	border-radius: 4px 18px 18px 18px;
	background: #fff;
}
#buddypress .majaa-tf-name { display: block; font: 700 15px/1.35 var(--majaa-font-body); color: var(--majaa-tf-ink); }
#buddypress .majaa-tf-to { display: block; margin-top: 2px; font: 400 13px/1.35 var(--majaa-font-body); color: var(--majaa-tf-muted); }
#buddypress .majaa-tf-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	margin: 6px 0 10px !important;
	padding: 0 !important;
	font: 400 16px/1.5 var(--majaa-font-body) !important;
	color: var(--majaa-tf-ink) !important;
	overflow-wrap: anywhere;
	white-space: pre-line;
}
#buddypress .majaa-tf-actions {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0 -10px -10px;
	white-space: nowrap;
	font: 400 13px/1.3 var(--majaa-font-body);
	color: var(--majaa-tf-muted);
}
#buddypress .majaa-tagesfrage button.majaa-tf-heart,
#buddypress .majaa-tagesfrage button.majaa-tf-reply,
#buddypress .majaa-tagesfrage button.majaa-tf-toggle {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	width: auto !important;
	min-width: 44px;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 0 !important;
	border-radius: 22px !important;
	background: none !important;
	box-shadow: none !important;
	font: 400 13px/1.3 var(--majaa-font-body) !important;
	color: var(--majaa-tf-muted) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer;
}
#buddypress .majaa-tagesfrage button.majaa-tf-reply,
#buddypress .majaa-tagesfrage button.majaa-tf-toggle { font-weight: 700 !important; color: var(--majaa-tf-link) !important; }
#buddypress .majaa-tagesfrage button.majaa-tf-heart { position: relative; overflow: visible !important; }
#buddypress .majaa-tagesfrage button.majaa-tf-heart:disabled { cursor: default; opacity: 1; }
#buddypress .majaa-tf-heart-icon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: currentColor;
	-webkit-mask: var(--majaa-tf-icon-heart) center / contain no-repeat;
	mask: var(--majaa-tf-icon-heart) center / contain no-repeat;
}
#buddypress .majaa-tf-heart[aria-pressed="true"] { color: #b4475d !important; }
#buddypress .majaa-tf-heart[aria-pressed="true"] .majaa-tf-heart-icon {
	-webkit-mask-image: var(--majaa-tf-icon-heart-filled);
	mask-image: var(--majaa-tf-icon-heart-filled);
}
#buddypress .majaa-tf-time { margin-left: auto; padding: 0 10px 0 4px; overflow: hidden; text-overflow: ellipsis; }
/* Sehr schmale Sprechblasen (320/360 px, Unterantworten): Zeit in eigene Zeile statt abschneiden. */
#buddypress .majaa-tf-bubble { container: majaa-tf-bubble / inline-size; }
@container majaa-tf-bubble (max-width: 250px) {
	#buddypress .majaa-tf-actions { flex-wrap: wrap; }
	#buddypress .majaa-tf-time { flex: 1 0 100%; order: 3; margin: -6px 0 0; padding: 0 10px 10px; }
}

/* Unterantworten: eingeklappt, eingerückt mit Verbindungslinie */
#buddypress .majaa-tf-replies { margin: -8px 0 0 !important; padding: 0 !important; list-style: none !important; }
#buddypress .majaa-tagesfrage button.majaa-tf-toggle { margin-left: 34px !important; padding: 0 10px !important; font-size: 15px !important; }
#buddypress .majaa-tf-sublist { margin: 6px 0 0 28px !important; }
#buddypress .majaa-tf-sub { position: relative; }
#buddypress .majaa-tf-sub::before {
	content: "";
	position: absolute;
	left: -22px;
	top: -14px;
	width: 12px;
	height: 30px;
	border-left: 2px solid var(--majaa-tf-line);
	border-bottom: 2px solid var(--majaa-tf-line);
	border-bottom-left-radius: 12px;
}

/* ---- Eingabe ---- */
#buddypress .majaa-tf-form {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	margin: 24px 0 0 !important;
	padding: 5px 5px 5px 16px !important;
	min-height: 52px;
	border: 1px solid #b7c2b6;
	border-radius: 26px;
	background: #fff;
}
#buddypress .majaa-tf-form:focus-within { border-color: var(--majaa-tf-aubergine); box-shadow: 0 0 0 2px rgba(69, 48, 74, .18); }
#buddypress .majaa-tf-form-inline { flex: 1 0 calc(100% - 44px); margin: 0 0 0 44px !important; }
#buddypress .majaa-tf-form[aria-busy="true"] { opacity: .65; }
#buddypress .majaa-tagesfrage textarea.majaa-tf-field {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	min-height: 40px !important;
	max-height: 140px;
	margin: 0 !important;
	padding: 9px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	resize: none;
	font: 400 16px/1.4 var(--majaa-font-body) !important; /* 16 px: kein Zoom in iOS Safari */
	color: var(--majaa-tf-ink) !important;
}
#buddypress .majaa-tagesfrage textarea.majaa-tf-field::placeholder { color: #7a6f7c; opacity: 1; }
#buddypress .majaa-tagesfrage button.majaa-tf-send {
	flex: 0 0 40px;
	position: relative;
	width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--majaa-tf-aubergine) !important;
	box-shadow: none !important;
	cursor: pointer;
}
/* Trefferfläche 44 px trotz 40-px-Kreis */
#buddypress .majaa-tagesfrage button.majaa-tf-send::after { content: ""; position: absolute; inset: -2px; }
#buddypress .majaa-tagesfrage button.majaa-tf-send::before {
	content: "";
	position: absolute;
	inset: 10px;
	background: var(--majaa-color-paper);
	-webkit-mask: var(--majaa-tf-icon-send) center / contain no-repeat;
	mask: var(--majaa-tf-icon-send) center / contain no-repeat;
}
#buddypress .majaa-tf-status {
	margin: 12px 0 0 !important;
	padding: 0 !important;
	font: 400 14px/1.4 var(--majaa-font-body) !important;
	color: #8c2f3f !important;
}
#buddypress .majaa-tagesfrage button.majaa-tagesfrage-all {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	min-height: 44px !important;
	margin: 10px 0 0 !important;
	padding: 0 4px !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font: 700 16px/1.4 var(--majaa-font-body) !important;
	color: var(--majaa-tf-link) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer;
}
#buddypress .majaa-tagesfrage button:focus-visible,
#buddypress .majaa-tagesfrage textarea:focus-visible { outline: 3px solid var(--majaa-tf-link); outline-offset: 2px; }
#buddypress .majaa-tagesfrage textarea.majaa-tf-field:focus-visible { outline: 0; }

@media (min-width: 600px) {
	#buddypress .majaa-tf-sub::before { left: -28px; width: 14px; }
	#buddypress .majaa-tagesfrage-stage { padding: 32px 36px 30px; }
	#buddypress .majaa-tagesfrage-stage::after { right: 34px; width: 110px; height: 132px; }
	#buddypress .majaa-tagesfrage-question { padding-right: 150px !important; font-size: 34px !important; }
	#buddypress .majaa-tagesfrage-talk { padding: 28px 36px 30px; }
	#buddypress .majaa-tf-sublist { margin-left: 52px !important; }
}