/*
Theme Name: ATDT Bostadsforum.se
Theme URI: https://www.bostadsforum.se/
Description: GeneratePress-barntema för bostadsforum.se. Identitet: seriös debattredaktion för boendefrågor. Ljust pergament, crimson accent, skifferblå, Fraunces + 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. Ljust tema. */

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(--atdt-accent-2); }

/* Sidhuvud */
.site-header {
	background: var(--atdt-bg);
	border-bottom: 1px solid var(--atdt-neutral);
}
.site-logo .header-image.is-logo-image {
	height: 46px;
	width: auto;
	max-width: 100%;
}
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 700; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Navigationen pa ljus bakgrund */
.main-navigation,
.main-navigation .main-nav ul,
.main-navigation ul ul {
	background: var(--atdt-bg);
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items { color: var(--atdt-ink); }
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: var(--atdt-bg); color: var(--atdt-accent);
}
.main-navigation ul ul { border: 1px solid var(--atdt-neutral); }

/* Innehallsbredd for lasbar loptext */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Inline-kod */
.entry-content code { font-family: var(--atdt-font-mono); }

/* Sidfot i skifferblatt */
.site-footer,
.site-info {
	background: var(--atdt-accent-2);
	color: #fff;
}
.site-footer a,
.site-info a { color: #fff; }
.site-info a:hover { color: var(--atdt-neutral); }

/* Artikeltabeller */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent-2); color: #fff;
	font-family: var(--atdt-font-display);
}