/*
Theme Name: Agnes Cecilia
Description: Lätt blocktema med videohero för Agnes Cecilia sopsug samfällighetsförening. Byggt för statisk export.
Version: 3.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: agnes-cecilia
License: GPL-2.0-or-later
*/

.wp-site-blocks > * { margin-block-start: 0; }

/* Sidhuvud: logotyp till vänster, meny till höger */
.ac-header { background: var(--wp--preset--color--navy); }
.ac-header-inner { gap: 1rem 2rem; }
.ac-header .wp-block-site-logo img { width: 240px; max-width: 60vw; height: auto; }
.ac-header .wp-block-navigation { font-size: var(--wp--preset--font-size--small); font-weight: 700; }
.ac-header .wp-block-navigation__container { row-gap: 0.4rem; }
.ac-header .wp-block-navigation a { color: var(--wp--preset--color--white); text-decoration: none; }
.ac-header .wp-block-navigation a:hover,
.ac-header .wp-block-navigation .current-menu-item > a {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--green);
	text-decoration-thickness: 3px;
	text-underline-offset: 0.45em;
}

/* Sidhuvudet ligger ovanpå videon på alla sidor */
.ac-site-header {
	position: absolute;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	z-index: 10;
}
.ac-header {
	background: linear-gradient(to bottom, rgba(10, 30, 50, 0.65), rgba(10, 30, 50, 0));
	padding-bottom: 3rem !important;
}

/* Hero */
.ac-hero { color: var(--wp--preset--color--white); }
.ac-hero h1 {
	color: var(--wp--preset--color--white);
	font-size: clamp(1.9rem, 1.2rem + 3.6vw, 4.25rem);
	line-height: 1.12;
	hyphens: auto;
	overflow-wrap: break-word;
	max-width: 16ch;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25);
}
.ac-hero-small h1 { font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3.25rem); max-width: 22ch; }
.ac-hero .wp-block-post-date { color: var(--wp--preset--color--white); opacity: 0.85; }
.ac-hero p { font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem); max-width: 34rem; }
@media (prefers-reduced-motion: reduce) {
	.ac-hero video { display: none; }
}

/* Nyheter */
.ac-news .wp-block-post-featured-image { margin-bottom: 1rem; overflow: hidden; border-radius: 6px; }
.ac-news .wp-block-post-featured-image img { transition: transform 0.4s ease; }
.ac-news .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.ac-news .wp-block-post-date { color: var(--wp--preset--color--blue); }
.ac-news .wp-block-post-title { margin-top: 0.3rem; margin-bottom: 0.5rem; }
.ac-news .wp-block-post-title a { color: var(--wp--preset--color--navy); text-decoration: none; }
.ac-news .wp-block-post-title a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--green); }
.ac-news .wp-block-post-excerpt__more-text { margin-top: 0.6rem; }
.ac-news .wp-block-post-excerpt__more-link { font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--wp--preset--color--green); }
.ac-news .wp-block-post-excerpt__more-link::after { content: " →"; }
@media (prefers-reduced-motion: reduce) {
	.ac-news .wp-block-post-featured-image img { transition: none; }
}

/* Sidfot */
.ac-footer a { color: var(--wp--preset--color--white); }

/* Tillgänglighet */
a:focus-visible, button:focus-visible {
	outline: 3px solid var(--wp--preset--color--green);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Heron: rubrik och text i linje med logotypen */
.ac-hero .wp-block-cover__inner-container {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.ac-hero .wp-block-cover__inner-container > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Menyn alltid vit */
.ac-header .wp-block-navigation .wp-block-navigation-item__content,
.ac-header .wp-block-navigation a {
	color: #fff !important;
}