/* Internet-XS-CI für listmonk-Login- und öffentliche Seiten
 * (Subscribe/Unsubscribe/Bestätigung — laden /public/custom.css).
 * HANDGEPFLEGT: /public/static/style.css ist winzig (~3,5 KB, fest
 * eingetragene Farben, kein Dark Mode — auch nicht in v7).
 * Wird von scripts/new-tenant.sh in appearance.public.custom_css
 * injiziert; Logo/Favicon kommen aus app.logo_url / app.favicon_url
 * (zeigen auf /_ixs/internet-xs.svg). Gilt für v6 und v7.
 * Dark Mode wie im v7-Admin: folgt der Systemeinstellung, Grautöne aus
 * den Admin-Tokens, damit Login und Admin zusammenpassen.
 * Farbwelt: #fbba00, Hover #e0a800, Text auf Gelb #000. */

:root {
	color-scheme: light dark;
	--ixs-yellow: #fbba00;
	--ixs-bg: light-dark(#f9f9f9, #0a0b0d);
	--ixs-card: light-dark(#fff, #14161a);
	--ixs-border: light-dark(#eee, #2d3139);
	--ixs-text: light-dark(#111, #f7f8f8);
	--ixs-label: light-dark(#444, #c9ccd1);
	--ixs-muted: light-dark(#888, #8a8f98);
	--ixs-input: light-dark(#fff, #212429);
	--ixs-input-border: light-dark(#ddd, #3a3e47);
	--ixs-shadow: light-dark(#f3f3f3, transparent);
	/* ALTCHA-Widget (Captcha auf den Anmeldeseiten) */
	--altcha-color-base: var(--ixs-input);
	--altcha-color-text: var(--ixs-text);
	--altcha-color-border: var(--ixs-input-border);
	--altcha-color-border-focus: var(--ixs-yellow);
}

body {
	background: var(--ixs-bg);
	color: var(--ixs-text);
}
.wrap {
	background: var(--ixs-card);
	border-color: var(--ixs-border);
	box-shadow: 2px 2px 0 var(--ixs-shadow);
}
.header,
.unsub-all {
	border-color: var(--ixs-border);
}
hr {
	background: var(--ixs-border);
}
label {
	color: var(--ixs-label);
}
.lists .description,
.archive .date,
footer.container,
footer a {
	color: var(--ixs-muted);
}
footer a:hover {
	color: var(--ixs-text);
}

a {
	color: var(--ixs-text);
	text-decoration-color: var(--ixs-yellow);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
a:hover {
	color: var(--ixs-text);
	text-decoration-color: #e0a800;
}

input[type="text"],
input[type="email"],
input[type="password"],
select {
	background: var(--ixs-input);
	color: var(--ixs-text);
	border-color: var(--ixs-input-border);
	box-shadow: 2px 2px 0 var(--ixs-shadow);
}
input:focus {
	border-color: var(--ixs-yellow) !important;
	outline: none;
}

.button {
	background: var(--ixs-yellow);
	color: #000;
}
.button:hover {
	background: #e0a800;
	color: #000;
}
.button.button-outline {
	background: var(--ixs-card);
	border-color: var(--ixs-yellow);
	color: var(--ixs-text);
}
.button.button-outline:hover {
	background: rgb(251 186 0 / 0.15);
	border-color: var(--ixs-yellow);
	color: var(--ixs-text);
}

/* „Passwort vergessen" ausblenden: Unsere Logins sind Usernamen, die
   hinterlegten E-Mails sind Platzhalter ohne Postfach (Admin
   <user>@listmonk, Kunde <slug>-<hex>@<absender-domain>). listmonk kann
   den Reset nicht abschalten, /admin/forgot bleibt erreichbar, ist ohne
   echte Adresse aber nutzlos. */
.login p:has(> a[href$="/admin/forgot"]) {
	display: none;
}

h1, h2, h3, h4, b, strong {
	font-weight: 500;
}
/* Logo = app.logo_url = Kundenlogo (scripts/set-tenant-logo.sh, sonst
   transparenter Platzhalter) — gilt für die An-/Abmeldeseiten der
   Abonnenten. Auf verträgliche Größe begrenzen. */
.header .logo img {
	max-height: 60px;
	width: auto;
}
/* Login-Seiten (Login, 2FA, Passwort-Setup) gehören zum IXS-Produkt:
   dort das IXS-Logo statt des Kundenlogos */
body:has(section.login) .header .logo img {
	display: none;
}
body:has(section.login) .header .logo a {
	display: block;
	height: 60px;
	background: url("/_ixs/internet-xs.svg") left center / contain no-repeat;
}
/* „Unterstützt von listmonk" — der Fuß enthält nichts anderes */
footer.container {
	display: none;
}

/* Generiert (brand_css in scripts/lib.sh): Firmenname, solange kein
   Kundenlogo gesetzt ist */
body:not(:has(section.login)) .header .logo img[src*="/public/static/logo"] {
	display: none;
}
body:not(:has(section.login)) .header .logo a:has(img[src*="/public/static/logo"]) {
	text-decoration: none;
}
body:not(:has(section.login)) .header .logo a:has(img[src*="/public/static/logo"])::after {
	content: "multipass KG";
	font-size: 1.5em;
	font-weight: 500;
	color: var(--ixs-text);
}