/* =========================================================
   POSTBIT – EMBERS REMAIN
   ========================================================= */

.embers-post {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);

	width: 100%;
	margin: 0 0 34px;

	background: #302d2f;

	border-top: 1px solid rgba(154,129,105,.35);
	border-bottom: 1px solid rgba(154,129,105,.18);

	box-sizing: border-box;
}

/* =========================================================
   AUTORSPALTE
   ========================================================= */

.embers-post-author {
	padding: 22px 14px 18px;

	background: #292627;

	border-right: 1px solid rgba(154,129,105,.18);

	box-sizing: border-box;

	text-align: center;
}


/* Charaktername */

.embers-post-charaname {
	margin-bottom: 3px;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	font-style: italic;
	line-height: 1.1;

	color: #d8b49b;
}

.embers-post-charaname a,
.embers-post-charaname a * {
	color: #d8b49b !important;

	text-decoration: none !important;
}

.embers-post-charaname a:hover,
.embers-post-charaname a:hover * {
	color: #c98a68 !important;
}


/* kleiner Titel darunter */

.embers-post-subtitle {
	margin-bottom: 13px;

	font-size: 8px;
	letter-spacing: .8px;
	text-transform: uppercase;

	color: #817976;
}


/* =========================================================
   AVATAR
   ========================================================= */

.embers-post-avatar {
	margin: 0 auto 6px;

	width: 100%;
}

.embers-post-avatar img {
	display: block;

	width: 100% !important;
	height: auto !important;

	margin: 0 !important;

	object-fit: cover;

	border: 1px solid rgba(154,129,105,.28);

	filter: saturate(.82);

	box-sizing: border-box;
}


/* zweites Bild */

.embers-post-characterimage {
	margin-top: 6px;
}

.embers-post-characterimage img {
	display: block;

	width: 100%;
	height: 105px;

	object-fit: cover;

	border: 1px solid rgba(154,129,105,.22);

	filter: saturate(.78);

	box-sizing: border-box;
}


/* =========================================================
   SPIELERNAME
   ========================================================= */

.embers-post-player {
	margin-top: 10px;
	padding: 8px 5px;

	border-top: 1px solid rgba(154,129,105,.18);
	border-bottom: 1px solid rgba(154,129,105,.18);

	font-size: 8px;
	letter-spacing: .7px;
	text-transform: uppercase;

	color: #8f8783;
}


/* =========================================================
   KURZBESCHREIBUNG
   ========================================================= */

.embers-post-summary {
	max-height: 180px;

	margin-top: 12px;
	padding: 10px 9px 10px 11px;

	overflow-y: auto;

	background: rgba(255,255,255,.015);

	border-left: 2px solid rgba(154,129,105,.38);

	color: #aaa19b;

	font-size: 9px;
	line-height: 1.65;

	text-align: justify;

	scrollbar-width: thin;
}


/* =========================================================
   RECHTE SEITE
   ========================================================= */

.embers-post-main {
	min-width: 0;

	box-sizing: border-box;
}


/* =========================================================
   POSTKOPF
   ========================================================= */

.embers-post-head {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 18px;

	min-height: 40px;

	padding: 0 18px;

	background: #292627;

	border-bottom: 1px solid rgba(154,129,105,.18);

	box-sizing: border-box;
}

.embers-post-date {
	font-size: 8px;
	letter-spacing: .4px;

	color: #817976;
}

.embers-post-wordcount {
	margin-left: 8px;

	color: #9f8d80;
}

.embers-post-edited {
	margin-left: 8px;

	color: #6d6663;
}

.embers-post-number {
	font-size: 8px;

	color: #9f8d80;
}


/* =========================================================
   CHARAKTERINFORMATIONEN OBEN
   ========================================================= */

.embers-post-infos {
	padding: 18px 30px 12px;

	text-align: center;

	box-sizing: border-box;
}


/* Facts Grid */

.embers-post-facts-grid {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		110px
		minmax(0, 1fr);

	align-items: center;

	gap: 20px;

	max-width: 720px;

	margin: 0 auto;
}


/* linke / rechte Facts */

.embers-post-facts-side {
	display: flex;
	flex-direction: column;

	gap: 5px;
}

.embers-post-fact {
	padding: 6px 10px;

	background: rgba(255,255,255,.012);

	border: 1px solid rgba(154,129,105,.10);

	font-size: 9px;
	color: #aaa19b;

	box-sizing: border-box;
}


/* Gruppenbild */

.embers-post-groupimage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.embers-post-groupimage img {
	display: block;

	max-width: 95px;
	max-height: 95px;

	width: auto;
	height: auto;
}


/* =========================================================
   CHARAKTERZITAT
   ========================================================= */

.embers-post-quote {
	margin: 14px auto 0;

	max-width: 720px;

	font-size: 7px;
	letter-spacing: 1.8px;
	text-transform: uppercase;

	color: #8f8783;
}


/* =========================================================
   THREADTITEL
   ========================================================= */

.embers-post-threadtitle {
	position: relative;

	margin: 8px auto 0;
	padding-bottom: 14px;

	max-width: 720px;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	font-style: italic;

	color: #d8b49b;
}

.embers-post-threadtitle::after {
	content: "";

	position: absolute;

	left: 50%;
	bottom: 0;

	transform: translateX(-50%);

	width: 80px;
	height: 1px;

	background: rgba(154,129,105,.38);
}


/* =========================================================
   POSTTEXT
   ========================================================= */

.embers-post-content {
	padding: 18px 34px 0;

	box-sizing: border-box;
}

.embers-post-body {
	min-height: 320px;

	padding-bottom: 30px;

	font-size: 12px;
	line-height: 1.85;

	color: #c8c0bb;

	text-align: justify;

	overflow-wrap: break-word;
}

.embers-post-body a {
	color: #c8ad94 !important;

	text-decoration: none;
}

.embers-post-body a:hover {
	color: #c98a68 !important;
}


/* =========================================================
   SIGNATUR
   ========================================================= */

.embers-post-content .signature {
	margin-top: 25px;
	padding-top: 20px;

	border-top: 1px solid rgba(154,129,105,.14);

	text-align: center;
}

.embers-post-content .signature img {
	max-width: 100%;
	height: auto;
}


/* =========================================================
   META
   ========================================================= */

.embers-post-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 10px;

	padding: 10px 0;

	border-top: 1px solid rgba(255,255,255,.035);

	font-size: 8px;

	color: #6e6764;
}


/* =========================================================
   CONTROLS
   ========================================================= */

.embers-post-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;

	gap: 10px;

	padding: 10px 18px;

	background: #292627;

	border-top: 1px solid rgba(154,129,105,.16);

	box-sizing: border-box;
}

.embers-post-controls-author,
.embers-post-controls-manage {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 5px;
}

.embers-post-controls a {
	text-decoration: none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 900px) {

	.embers-post {
		grid-template-columns: 210px minmax(0, 1fr);
	}

	.embers-post-facts-grid {
		grid-template-columns:
			minmax(0, 1fr)
			80px
			minmax(0, 1fr);
	}

}


@media screen and (max-width: 650px) {

	.embers-post {
		display: block;
	}

	.embers-post-author {
		border-right: 0;
		border-bottom: 1px solid rgba(154,129,105,.18);
	}

	.embers-post-avatar {
		max-width: 220px;
	}

	.embers-post-characterimage {
		max-width: 220px;

		margin-left: auto;
		margin-right: auto;
	}

	.embers-post-facts-grid {
		grid-template-columns: 1fr;
	}

	.embers-post-groupimage {
		order: -1;
	}

	.embers-post-content {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* =========================================================
   SHOWTHREAD – THREADKOPF IM KATEGORIESTIL
   ========================================================= */

.showthread-heading-cell {
	padding: 0 !important;

	background: transparent !important;
	border: 0 !important;
}


/* gesamter Kopf */

.showthread-heading {
	position: relative;

	width: 100%;

	padding: 18px 20px 15px;

	background: transparent;

	box-sizing: border-box;
}


/* Threadtitel */

.showthread-heading-title {
	font-family: Georgia, "Times New Roman", serif;

	font-size: 27px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2;

	text-align: center;

	color: #d8b49b;
}


/* Deko-Linie */

.showthread-heading-line {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 8px;

	width: 100%;

	margin: 9px auto 10px;
}

.showthread-heading-line span {
	display: block;

	width: 38%;
	height: 1px;

	background: rgba(154,129,105,.42);
}

.showthread-heading-line i {
	display: block;

	width: 6px;
	height: 6px;

	background: #c77854;

	transform: rotate(45deg);

	box-shadow: 0 0 0 3px #282529;
}


/* Baumstrukturmodus / Threadnotizen */

.showthread-heading-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	gap: 6px 12px;

	min-height: 14px;

	font-size: 8px;
	letter-spacing: .8px;
	text-transform: uppercase;

	color: #817976;
}

.showthread-heading-actions a {
	color: #9f8d80 !important;

	text-decoration: none !important;

	transition: color .18s ease;
}

.showthread-heading-actions a:hover {
	color: #c98a68 !important;
}

.showthread-heading-actions strong,
.showthread-heading-actions span {
	font-weight: normal;
}

/* =========================================================
   POSTBIT – ALLE STANDARD-BLAUEN LINKS ÜBERSCHREIBEN
   ========================================================= */

.embers-post a,
.embers-post a:link,
.embers-post a:visited {
	color: #d8b49b !important;
	text-decoration: none !important;
}

.embers-post a:hover,
.embers-post a:active {
	color: #c98a68 !important;
	text-decoration: none !important;
}


/* Postnummer #1, #2 usw. */

.embers-post-number,
.embers-post-number a,
.embers-post-number a:link,
.embers-post-number a:visited {
	color: #a9907e !important;
}

.embers-post-number a:hover {
	color: #c98a68 !important;
}


/* Charaktername behält seine größere Schrift */

.embers-post-charaname a,
.embers-post-charaname a:link,
.embers-post-charaname a:visited {
	color: #d8b49b !important;
}


/* Links innerhalb des eigentlichen Posts */

.embers-post-body a,
.embers-post-body a:link,
.embers-post-body a:visited {
	color: #c8ad94 !important;
}

.embers-post-body a:hover,
.embers-post-body a:active {
	color: #c98a68 !important;
}

/* =========================================================
   INPLAYZITAT – POSTBIT POPUP
   EMBERS REMAIN
   ========================================================= */

/* äußerer Popup-Bereich */
.ip-quotes-pop {
	position: fixed !important;

	inset: 0;

	display: none;

	align-items: center;
	justify-content: center;

	background: rgba(20,18,19,.72);

	z-index: 9999;
}


/* wenn über :target geöffnet */
.ip-quotes-pop:target {
	display: flex;
}


/* inneres Fenster */
.ip-quotes-popup {
	width: 520px;
	max-width: calc(100vw - 40px);

	padding: 0;

	background: #292627;

	border: 1px solid rgba(154,129,105,.35);

	box-shadow: 0 14px 35px rgba(0,0,0,.45);

	box-sizing: border-box;
}


/* alte Tabelle neutralisieren */
.ip-quotes-popup table {
	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;

	background: transparent !important;

	border-collapse: collapse;
}


/* Kopf */
.ip-quotes-popup .thead {
	padding: 14px 18px !important;

	background: #302d2f !important;

	border: 0 !important;
	border-bottom: 1px solid rgba(154,129,105,.35) !important;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;

	color: #d8b49b !important;
}


/* Inhaltszellen */
.ip-quotes-popup .trow1,
.ip-quotes-popup .trow2 {
	padding: 14px 18px !important;

	background: transparent !important;

	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,.04) !important;

	color: #aaa19b !important;

	font-size: 10px;
	line-height: 1.55;
}


/* Beschreibung */
.ip-quotes-popup .smalltext {
	color: #817976 !important;

	font-size: 8px;
	line-height: 1.5;
}


/* Textarea */
.ip-quotes-popup textarea {
	width: 100% !important;
	min-height: 110px;

	padding: 12px;

	background: #343031 !important;

	border: 1px solid #514b4b !important;
	border-radius: 0 !important;

	color: #cfc8c3 !important;

	font-family: inherit;
	font-size: 11px;
	line-height: 1.6;

	resize: vertical;

	outline: none;

	box-sizing: border-box;
}

.ip-quotes-popup textarea:focus {
	border-color: #9a8169 !important;
}


/* Submit */
.ip-quotes-popup input[type="submit"] {
	height: 34px;

	padding: 0 16px;

	background: #454142 !important;

	border: 1px solid #5c5554 !important;
	border-radius: 0 !important;

	color: #d8b49b !important;

	font-size: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;

	cursor: pointer;
}

.ip-quotes-popup input[type="submit"]:hover {
	background: #504a4b !important;

	border-color: #9a8169 !important;
}


/* Schließen-Fläche */
.ip-quotes-pop .closepop {
	position: fixed;

	inset: 0;

	z-index: -1;
}

.postbit_edit[href^="#ip-quotes-"],
a[href^="#ip-quotes-"] {
	color: #c8ad94 !important;

	font-size: 8px;
	letter-spacing: .8px;
	text-transform: uppercase;

	text-decoration: none !important;
}

a[href^="#ip-quotes-"]:hover {
	color: #c98a68 !important;
}

/* =========================================================
   POSTBIT – BUTTONLEISTE / TOOLS
   ========================================================= */

.embers-post-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;

	gap: 10px 20px;

	padding: 11px 18px;

	background: #292627;

	border-top: 1px solid rgba(154,129,105,.16);

	box-sizing: border-box;
}


/* beide Button-Gruppen */

.embers-post-controls-author,
.embers-post-controls-manage {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 5px 12px;
}


/* MyBB Buttoncontainer neutralisieren */

.embers-post-controls .postbit_buttons,
.embers-post-controls .postbit_buttons a {
	float: none !important;

	margin: 0 !important;
	padding: 0 !important;

	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* alle Tools */

.embers-post-controls a,
.embers-post-controls a:link,
.embers-post-controls a:visited {
	display: inline-flex;
	align-items: center;

	min-height: 22px;

	padding: 0 !important;

	background: none !important;
	border: 0 !important;

	color: #aa9483 !important;

	font-size: 8px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .7px;
	text-transform: uppercase;

	text-decoration: none !important;

	transition: color .18s ease;
}

.embers-post-controls a:hover,
.embers-post-controls a:active {
	color: #c98a68 !important;
}


/* falls MyBB spans innerhalb der Buttons erzeugt */

.embers-post-controls a span {
	color: inherit !important;

	font: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}


/* kleine Trennung der rechten Tools */

.embers-post-controls-manage a + a {
	position: relative;
}

.embers-post-controls-manage a + a::before {
	content: "·";

	margin-right: 10px;

	color: #5f5856;
}


/* linke Gruppe ebenfalls */

.embers-post-controls-author a + a::before {
	content: "·";

	margin-right: 10px;

	color: #5f5856;
}


/* =========================================================
   INPLAYZITAT – LINK SPEZIELL
   ========================================================= */

.embers-post-controls a[href^="#ip-quotes-"] {
	color: #c8ad94 !important;
}

.embers-post-controls a[href^="#ip-quotes-"]:hover {
	color: #c98a68 !important;
}