/*
Theme Name:   ATDT drivingschool.nu
Theme URI:    https://www.drivingschool.nu/
Description:  Barntema till GeneratePress for drivingschool.nu. Vagvisningens uttryck: motorvagsgront sidhuvud, skyltgula etiketter och korfaltets streckade mittlinje. Fungerar utan atdt-theme-kit.
Author:       ATDT
Template:     generatepress
Version:      1.0.1
Text Domain:  atdt-gp-drivingschool-nu
*/

/* Grund */
body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
	font-size: 1.0625rem;
	line-height: 1.65;
}
h1, h2, h3, h4, h5, h6,
.main-title {
	font-family: var(--atdt-font-display);
	color: var(--atdt-ink);
	letter-spacing: -0.01em;
	line-height: 1.2;
}
h1 { font-size: clamp(1.9rem, 1.4rem + 2vw, 2.6rem); font-weight: 700; }
h2 { font-size: clamp(1.45rem, 1.2rem + 1vw, 1.8rem); font-weight: 700; }
h3 { font-size: 1.25rem; font-weight: 600; }
a { color: var(--atdt-accent); text-underline-offset: 0.18em; }
a:hover, a:focus { color: var(--atdt-ink); }
:focus-visible { outline: 3px solid var(--atdt-sign); outline-offset: 2px; }

/* Sidhuvud: en vagskylt med korfaltets mittlinje under */
.site-header {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
	position: relative;
}
.site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: repeating-linear-gradient(90deg, var(--atdt-sign) 0 28px, transparent 28px 48px);
}
.inside-header { padding-top: 18px; padding-bottom: 22px; }
.main-title { font-size: 1.35rem; font-weight: 700; }
.main-title a,
.main-title a:hover { color: var(--atdt-on-accent); text-decoration: none; }
.site-description { color: var(--atdt-on-accent); }
.main-navigation,
.main-navigation ul ul { background: transparent; }
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--atdt-on-accent);
	font-family: var(--atdt-font-display);
	font-weight: 600;
	font-size: 0.98rem;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--atdt-ink);
	background: var(--atdt-sign);
}
.main-navigation ul ul { background: var(--atdt-accent); }
.main-navigation.toggled .main-nav > ul { background: var(--atdt-accent); }

/* Innehall: textytan som ett blad pa vagkanten */
.site-content { padding-top: 32px; padding-bottom: 48px; }
.one-container .site-content { padding: 0; }
.separate-containers .inside-article,
.one-container .inside-article,
.inside-article {
	background: var(--atdt-surface);
	border-radius: var(--atdt-radius);
	padding: clamp(20px, 4vw, 48px);
}
.one-container .container { background: transparent; }
.site-main { margin: 32px 0 48px; }
.single .entry-content,
.page .entry-content,
.single .entry-header,
.page .entry-header,
.single .entry-meta {
	max-width: var(--atdt-maxwidth);
	margin-left: auto;
	margin-right: auto;
}
.entry-title { margin-bottom: 0.4em; }
.entry-meta { color: var(--atdt-muted); font-size: 0.92rem; }
.entry-meta a { color: var(--atdt-muted); }
.entry-content h2 {
	margin-top: 1.8em;
	padding-left: 14px;
	border-left: 5px solid var(--atdt-sign);
}
.entry-content blockquote {
	border-left: 4px solid var(--atdt-accent);
	background: var(--atdt-lane);
	padding: 16px 20px;
	font-style: normal;
}
hr, .wp-block-separator { border: 0; border-top: 2px dashed var(--atdt-neutral); }

/* Utvald bild och fotokredit: begransad hojd sa att rubriken syns */
.featured-image.page-header-image-single,
.single .featured-image {
	max-width: var(--atdt-maxwidth);
	margin-left: auto;
	margin-right: auto;
}
.featured-image img {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	border-radius: var(--atdt-radius);
}
.drv-featured { margin: 0 0 24px; }
.drv-featured img { border-radius: var(--atdt-radius); display: block; width: 100%; height: auto; }
.atdt-fotocred,
.wp-block-image figcaption,
figcaption {
	color: var(--atdt-muted);
	font-size: 0.85rem;
	margin-top: 6px;
}

/* Tabeller */
.entry-content table {
	border-collapse: collapse;
	width: 100%;
	font-variant-numeric: tabular-nums;
	background: var(--atdt-surface);
}
.entry-content th {
	background: var(--atdt-neutral);
	color: var(--atdt-ink);
	text-align: left;
	font-family: var(--atdt-font-display);
	font-weight: 600;
}
.entry-content th,
.entry-content td { border: 1px solid var(--atdt-neutral); padding: 8px 10px; vertical-align: top; }
.wp-block-table { margin-bottom: 1.6em; }
@media (max-width: 768px) {
	.entry-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}
}

/* Knappar */
.wp-block-button__link,
button,
input[type="submit"] {
	background: var(--atdt-accent);
	color: var(--atdt-on-accent);
	border-radius: var(--atdt-radius);
	font-family: var(--atdt-font-display);
	font-weight: 600;
}

/* Generatorsidorna: startsidan och skolsidorna bar egen ram och layout.
   Temat ger dem full bredd, vit yta och ingen egen utfyllnad. */
.drv-generated { background: var(--atdt-surface); }
.drv-generated .site.grid-container,
.drv-generated .site-content.grid-container,
.drv-generated .container.grid-container { max-width: none; }
.drv-generated .site-main { margin: 0; }
.drv-generated .inside-article { padding: 0; background: transparent; border-radius: 0; }
.drv-generated .entry-content { max-width: none; margin: 0; }
.drv-generated .entry-content h2 { border-left: 0; padding-left: 0; }

/* Sidfot: guideband, meny och copyright pa tryckfargen */
.site-footer {
	background: var(--atdt-ink);
	color: var(--atdt-bg);
}
.site-footer .site-info,
.site-footer .inside-site-info,
.site-footer .footer-bar {
	background: transparent;
	color: var(--atdt-bg);
}
.site-footer a,
.site-footer a:visited { color: var(--atdt-footer-link); }
.site-footer a:hover,
.site-footer a:focus { color: var(--atdt-bg); }
.drv-footer-band { position: relative; padding: 40px 20px 8px; }
.drv-footer-band::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: repeating-linear-gradient(90deg, var(--atdt-sign) 0 28px, transparent 28px 48px);
}
.drv-footer-band__inner { max-width: 1180px; margin: 0 auto; }
.drv-guides__title {
	color: var(--atdt-bg);
	font-size: 1.2rem;
	margin: 0 0 14px;
}
.drv-guides__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 10px 28px;
}
.drv-guides__item { margin: 0; line-height: 1.4; }
.drv-footer-menu { margin-top: 26px; padding-top: 14px; border-top: 1px solid rgba(241, 244, 238, 0.25); }
.drv-footer-menu__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.drv-footer-menu__list li { margin: 0; }
.inside-site-info { padding: 16px 20px 28px; font-size: 0.9rem; }

/* Sidfoten star kvar i nederkant pa korta sidor */
body { min-height: 100vh; display: flex; flex-direction: column; }
.site.grid-container { flex: 1 0 auto; width: 100%; }