/*
 * Bluemchen-Statusicons
 * Die Bluemchen aus dem alten Style blackLevel als Forum- und Themen-Statusicons.
 * Die PNGs sind Masken (weiss auf transparent); die Farbe kommt per CSS,
 * damit sie in hellen und dunklen Styles passt (damaio hell/dunkel, prosilver).
 */

html {
	--bi-unread: var(--main-color1, #105289);
	--bi-read: var(--text-color-1, #8f8f8f);
}

/* damaio: Dunkelmodus (System-Einstellung oder Umschalter) */
@media (prefers-color-scheme: dark) {
	html.damaio:not([data-theme="light"]) {
		--bi-unread: var(--main-color2, #1e91fc);
	}
}

html.damaio[data-theme="dark"] {
	--bi-unread: var(--main-color2, #1e91fc);
}

/* Original-Bild (prosilver) ausblenden und Platz fuer das Icon schaffen */
html dl.row-item.forum_read,
html dl.row-item.forum_read_locked,
html dl.row-item.forum_read_subforum,
html dl.row-item.forum_unread,
html dl.row-item.forum_unread_locked,
html dl.row-item.forum_unread_subforum,
html dl.row-item.topic_read,
html dl.row-item.topic_read_hot,
html dl.row-item.topic_read_hot_mine,
html dl.row-item.topic_read_locked,
html dl.row-item.topic_read_locked_mine,
html dl.row-item.topic_read_mine,
html dl.row-item.topic_unread,
html dl.row-item.topic_unread_hot,
html dl.row-item.topic_unread_hot_mine,
html dl.row-item.topic_unread_locked,
html dl.row-item.topic_unread_locked_mine,
html dl.row-item.topic_unread_mine,
html dl.row-item.pm_read,
html dl.row-item.pm_unread {
	background-image: none;
	position: relative;
}

/* Das Icon selbst (ersetzt in damaio das FontAwesome-Symbol) */
html dl.row-item.forum_read::before,
html dl.row-item.forum_read_locked::before,
html dl.row-item.forum_read_subforum::before,
html dl.row-item.forum_unread::before,
html dl.row-item.forum_unread_locked::before,
html dl.row-item.forum_unread_subforum::before,
html dl.row-item.topic_read::before,
html dl.row-item.topic_read_hot::before,
html dl.row-item.topic_read_hot_mine::before,
html dl.row-item.topic_read_locked::before,
html dl.row-item.topic_read_locked_mine::before,
html dl.row-item.topic_read_mine::before,
html dl.row-item.topic_unread::before,
html dl.row-item.topic_unread_hot::before,
html dl.row-item.topic_unread_hot_mine::before,
html dl.row-item.topic_unread_locked::before,
html dl.row-item.topic_unread_locked_mine::before,
html dl.row-item.topic_unread_mine::before,
html dl.row-item.pm_read::before,
html dl.row-item.pm_unread::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	font-size: 0;
	line-height: 0;
	border-radius: 0;
	background-color: var(--bi-read);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 30px 30px;
	mask-size: 30px 30px;
	pointer-events: none;
}

/* Ungelesen: Akzentfarbe */
html dl.row-item.forum_unread::before,
html dl.row-item.forum_unread_locked::before,
html dl.row-item.forum_unread_subforum::before,
html dl.row-item.topic_unread::before,
html dl.row-item.topic_unread_hot::before,
html dl.row-item.topic_unread_hot_mine::before,
html dl.row-item.topic_unread_locked::before,
html dl.row-item.topic_unread_locked_mine::before,
html dl.row-item.topic_unread_mine::before,
html dl.row-item.pm_unread::before {
	background-color: var(--bi-unread);
}

/* Gelesen: wie im alten Style etwas zurueckgenommen */
html dl.row-item.forum_read::before,
html dl.row-item.forum_read_locked::before,
html dl.row-item.forum_read_subforum::before,
html dl.row-item.topic_read::before,
html dl.row-item.topic_read_hot::before,
html dl.row-item.topic_read_hot_mine::before,
html dl.row-item.topic_read_locked::before,
html dl.row-item.topic_read_locked_mine::before,
html dl.row-item.topic_read_mine::before,
html dl.row-item.pm_read::before {
	opacity: 0.6;
}

/* damaio-Markierung "eigener Beitrag" abschalten, die Bluemchen haben ihr eigenes Zeichen */
html dl.row-item.topic_read_hot_mine::after,
html dl.row-item.topic_read_locked_mine::after,
html dl.row-item.topic_read_mine::after,
html dl.row-item.topic_unread_hot_mine::after,
html dl.row-item.topic_unread_locked_mine::after,
html dl.row-item.topic_unread_mine::after {
	content: none;
}

/* Masken je Status */
html dl.row-item.forum_read::before               { -webkit-mask-image: url("./images/forum_read.png"); mask-image: url("./images/forum_read.png"); }
html dl.row-item.forum_read_locked::before        { -webkit-mask-image: url("./images/forum_read_locked.png"); mask-image: url("./images/forum_read_locked.png"); }
html dl.row-item.forum_read_subforum::before      { -webkit-mask-image: url("./images/forum_read_subforum.png"); mask-image: url("./images/forum_read_subforum.png"); }
html dl.row-item.forum_unread::before             { -webkit-mask-image: url("./images/forum_unread.png"); mask-image: url("./images/forum_unread.png"); }
html dl.row-item.forum_unread_locked::before      { -webkit-mask-image: url("./images/forum_unread_locked.png"); mask-image: url("./images/forum_unread_locked.png"); }
html dl.row-item.forum_unread_subforum::before    { -webkit-mask-image: url("./images/forum_unread_subforum.png"); mask-image: url("./images/forum_unread_subforum.png"); }
html dl.row-item.topic_read::before               { -webkit-mask-image: url("./images/topic_read.png"); mask-image: url("./images/topic_read.png"); }
html dl.row-item.topic_read_hot::before           { -webkit-mask-image: url("./images/topic_read_hot.png"); mask-image: url("./images/topic_read_hot.png"); }
html dl.row-item.topic_read_hot_mine::before      { -webkit-mask-image: url("./images/topic_read_hot_mine.png"); mask-image: url("./images/topic_read_hot_mine.png"); }
html dl.row-item.topic_read_locked::before        { -webkit-mask-image: url("./images/topic_read_locked.png"); mask-image: url("./images/topic_read_locked.png"); }
html dl.row-item.topic_read_locked_mine::before   { -webkit-mask-image: url("./images/topic_read_locked_mine.png"); mask-image: url("./images/topic_read_locked_mine.png"); }
html dl.row-item.topic_read_mine::before          { -webkit-mask-image: url("./images/topic_read_mine.png"); mask-image: url("./images/topic_read_mine.png"); }
html dl.row-item.topic_unread::before             { -webkit-mask-image: url("./images/topic_unread.png"); mask-image: url("./images/topic_unread.png"); }
html dl.row-item.topic_unread_hot::before         { -webkit-mask-image: url("./images/topic_unread_hot.png"); mask-image: url("./images/topic_unread_hot.png"); }
html dl.row-item.topic_unread_hot_mine::before    { -webkit-mask-image: url("./images/topic_unread_hot_mine.png"); mask-image: url("./images/topic_unread_hot_mine.png"); }
html dl.row-item.topic_unread_locked::before      { -webkit-mask-image: url("./images/topic_unread_locked.png"); mask-image: url("./images/topic_unread_locked.png"); }
html dl.row-item.topic_unread_locked_mine::before { -webkit-mask-image: url("./images/topic_unread_locked_mine.png"); mask-image: url("./images/topic_unread_locked_mine.png"); }
html dl.row-item.topic_unread_mine::before        { -webkit-mask-image: url("./images/topic_unread_mine.png"); mask-image: url("./images/topic_unread_mine.png"); }
html dl.row-item.pm_read::before                  { -webkit-mask-image: url("./images/topic_read.png"); mask-image: url("./images/topic_read.png"); }
html dl.row-item.pm_unread::before                { -webkit-mask-image: url("./images/topic_unread.png"); mask-image: url("./images/topic_unread.png"); }