/*
Theme Name:   Art of Event
Theme URI:    https://artofevent.se
Description:  Art of Event / Art of Sound™. GT-designen (videohero, sidledsscroll, flikar, parallax) i mörkt utförande, byggt på GeneratePress.
Author:       Art of Event
Template:     generatepress
Version:      1.3.1
Text Domain:  artofevent
*/

/* ---------- Färger och typsnitt ---------- */
:root {
	--aoe-bg: #0a0a0b;
	--aoe-bg-2: #141416;
	--aoe-line: #2a2a2e;
	--aoe-ink: #f5f3ef;
	--aoe-muted: #bdb8b0;
	--aoe-blue: #5aa9e6;
	--aoe-orange: #f2a043;
	--aoe-purple: #a57ddf;
	--aoe-accent: var(--aoe-orange);
	--aoe-serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--aoe-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--aoe-max: 1200px;
	--aoe-gutter: clamp(16px, 4vw, 40px);
}

/* ---------- Grund (alla sidor) ---------- */
html { scroll-behavior: smooth; }
body {
	background: var(--aoe-bg);
	color: var(--aoe-ink);
	font-family: var(--aoe-sans);
	font-size: 17px;
	line-height: 1.65;
}
h1, h2, h3, h4 { font-family: var(--aoe-serif); font-weight: 600; color: var(--aoe-ink); line-height: 1.15; }
a { color: var(--aoe-blue); }
a:hover, a:focus { color: var(--aoe-ink); }
:focus-visible { outline: 2px solid var(--aoe-orange); outline-offset: 3px; }

.site-header, .main-navigation, .main-navigation ul ul { background: #000; }
.site-header { border-bottom: 1px solid var(--aoe-line); }
.main-title a, .main-navigation .main-nav ul li a, .menu-toggle { color: var(--aoe-ink); }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a { color: var(--aoe-orange); }
.site-logo img, .header-image { max-height: 64px; width: auto; }

.separate-containers .inside-article,
.one-container .container,
.inside-article, .comments-area, .page-header, .sidebar .widget {
	background: var(--aoe-bg-2);
	color: var(--aoe-ink);
}
.entry-meta, .entry-meta a { color: var(--aoe-muted); }
input, textarea, select {
	background: var(--aoe-bg-2); color: var(--aoe-ink); border: 1px solid var(--aoe-line);
}
button, .button, input[type="submit"] {
	background: var(--aoe-orange); color: #000; border-radius: 999px; font-weight: 600;
}
button:hover, .button:hover, input[type="submit"]:hover { background: var(--aoe-ink); color: #000; }

/* ---------- Startsidan: fri bredd, sidhuvud ovanpå videon ---------- */
.home #page.grid-container,
.home .site.grid-container { max-width: none; padding: 0; }
.home .site-content { display: block; padding: 0; }
.home .site-header {
	position: absolute; top: 0; left: 0; right: 0; z-index: 30;
	background: transparent; border-bottom: 0;
}
.admin-bar.home .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar.home .site-header { top: 46px; } }
.home .site-header .inside-header { padding-left: clamp(24px, 6vw, 96px); padding-right: clamp(24px, 6vw, 96px); max-width: none; }
.home .main-navigation, .home .main-navigation ul ul { background: transparent; }
/* Startsidan har egen kontaktrad uppe till höger tills en meny finns. */
.home.aoe-no-menu .main-navigation { display: none; }
.home:not(.aoe-no-menu) #aoe-home .aoe-contact { display: none; }

/* ---------- Sidfot (alla sidor) ---------- */
.aoe-wrap { max-width: var(--aoe-max); margin: 0 auto; padding: 0 var(--aoe-gutter); }
.aoe-footer { background: #000; color: var(--aoe-muted); border-top: 1px solid var(--aoe-line); padding: 56px 0 24px; font-size: 15px; }
.aoe-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; }
.aoe-footer h2 { font-size: 24px; margin: 0 0 12px; }
.aoe-footer address { font-style: normal; }
.aoe-footer a { color: var(--aoe-ink); text-decoration: none; }
.aoe-footer a:hover { color: var(--aoe-orange); }
.aoe-footer ul { list-style: none; margin: 0; padding: 0; }
.aoe-copy { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--aoe-line); font-size: 13px; }
.site-footer .site-info { display: none; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }