/*
Theme Name: ATDT Mailer.se
Theme URI: https://www.mailer.se/
Description: GeneratePress-barntema för mailer.se. Identitet: vänlig SaaS för e-postmarknadsföring. Indigo accent, kuvert-motiv, Space Grotesk + Inter. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens i tokens.css, komponenter i atdt-theme-kit. */

body { background: var(--atdt-bg); color: var(--atdt-ink); font-family: var(--atdt-font-body); }

h1, h2, h3, h4, h5, h6, .entry-title {
	font-family: var(--atdt-font-display); font-weight: 700; color: var(--atdt-ink); letter-spacing: -0.01em;
}

a { color: var(--atdt-accent); }
a:hover { color: var(--mail-pink); }

.site-header { background: var(--atdt-bg); border-bottom: 1px solid var(--atdt-neutral); }
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 600; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

.entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > h2, .entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

.site-footer { background: var(--atdt-accent-2); color: #fff; }
.site-footer a { color: #fff; }

/* Kuvert-motiv: tunn flik-linje ovanför sidfoten */
.atdt-motif-rule {
	height: 14px; border-bottom: none;
	background-image: linear-gradient(135deg, transparent 49%, var(--atdt-accent) 49% 51%, transparent 51%),
		linear-gradient(225deg, transparent 49%, var(--atdt-accent) 49% 51%, transparent 51%);
	background-size: 28px 14px; background-repeat: repeat-x; opacity: .7;
}

/* Ämnesrads-testare */
.mail-subject {
	background: #fff; border: 1px solid var(--atdt-neutral); border-radius: var(--atdt-radius);
	padding: 1.4rem; margin: 1.5rem 0; max-width: 720px;
}
.mail-subject h3 { margin-top: 0; }
.mail-subject input[type="text"] {
	width: 100%; box-sizing: border-box; padding: .7rem .8rem; font-size: 1.05rem;
	border: 1px solid var(--atdt-neutral); border-radius: 8px; color: var(--atdt-ink); background: var(--atdt-bg);
}
.mail-subject button {
	margin-top: .9rem; padding: .65rem 1.4rem; border: none; cursor: pointer;
	background: var(--atdt-accent); color: #fff; border-radius: 8px;
	font-family: var(--atdt-font-display); font-weight: 700; font-size: 1rem;
}
.mail-subject .mail-result { margin-top: 1.2rem; }
.mail-subject .mail-score { font-family: var(--atdt-font-display); font-weight: 700; font-size: 1.3rem; }
.mail-subject .mail-score .s-good { color: var(--atdt-positive); }
.mail-subject .mail-score .s-warn { color: #B45309; }
.mail-subject .mail-score .s-bad { color: var(--atdt-negative); }
.mail-subject ul.mail-findings { list-style: none; padding: 0; margin: .8rem 0 0; }
.mail-subject ul.mail-findings li { padding: .35rem 0 .35rem 1.6rem; position: relative; border-top: 1px solid var(--atdt-neutral); }
.mail-subject ul.mail-findings li::before { position: absolute; left: 0; }
.mail-subject li.ok::before { content: "OK"; color: var(--atdt-positive); font-size: .7rem; font-weight: 700; top: .5rem; }
.mail-subject li.warn::before { content: "!"; color: #B45309; font-weight: 700; }
.mail-subject li.bad::before { content: "x"; color: var(--atdt-negative); font-weight: 700; }