/*
Theme Name: Akuthuset
Author: Human Senze ApS
Description: Blok-tema til akuthuset.dk – akutte soloprojekter for børn og unge. Bygget på Human Senze-designsystemet (Newsreader + Source Sans 3, petrol/grøn/paper).
Version: 0.1.12
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akuthuset
*/

/* Finjusteringer ud over theme.json */

/* WP's globale overflow-wrap: break-word knækker ellers ord hårdt uden
   bindestreg ("Sammenbru/d") — del i stedet grammatisk efter dansk ordbog */
h1, h2, h3, h4 {
	-webkit-hyphens: auto;
	hyphens: auto;
}

.akut-kicker {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}

.akut-label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.akut-chip {
	display: inline-block;
	background: #ffffff;
	border: 1px solid #c7d6c9;
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 13.5px;
	font-weight: 600;
	color: #1c4854;
}

.akut-logo { margin: 0; }
.akut-logo img { height: 56px; width: auto; }

.akut-card {
	background: #f7f5f0;
	border: 1px solid #e4dfd5;
	border-radius: 10px;
}

.akut-infoboks {
	background: #ffffff;
	border: 1px solid #e4dfd5;
	border-radius: 10px;
}

.akut-telefonknap a {
	border-radius: 999px !important;
}

.akut-brand-tagline {
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Header-navigationens links */
.akut-header a {
	text-decoration: none;
	font-weight: 600;
}

/* Editor-gyldige hjælpeklasser */
.akut-chip { margin: 0; }
.akut-avatar, .akut-avatar-lg { margin: 0; }
.akut-avatar img { width: 64px; height: 64px; object-fit: cover; border-radius: 999px; }
.akut-avatar-lg img { width: 88px; height: 88px; object-fit: cover; border-radius: 999px; }

/* Telefonknappens styling ejes af temaet, så blokken er editor-kanonisk */
.akut-telefonknap .wp-block-button__link {
	font-size: 15px;
	font-weight: 700;
	padding: 11px 20px;
}

/* Footerens links skal have god kontrast på den lyse mint-baggrund */
.akut-footer a {
	color: #1c4854;
}

/* Blødt lyst skær bag hero-teksten, så den står roligt oven på billedet */
.akut-hero h1,
.akut-hero p {
	text-shadow:
		0 1px 2px rgba(255, 255, 255, 0.9),
		0 0 12px rgba(255, 255, 255, 0.85),
		0 0 32px rgba(233, 240, 235, 0.8);
}

/* ---- Hero på små skærme: mindre sidepadding og mindre overskrift ---- */
@media (max-width: 781px) {
	.akut-hero.wp-block-cover {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	.akut-hero h1.has-hero-font-size {
		font-size: 40px !important;
	}
}
@media (max-width: 599px) {
	.akut-hero h1.has-hero-font-size {
		font-size: 33px !important;
	}
	.akut-hero .has-large-font-size {
		font-size: 18px !important;
	}
}

/* ---- Mobilmenu (WP's overlay-brudpunkt er 600 px) ---- */

/* Tre streger i burgeren i stedet for WP's to-stregs-ikon */
.wp-block-navigation__responsive-container-open svg {
	display: none;
}
.wp-block-navigation__responsive-container-open {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}
.wp-block-navigation__responsive-container-open::before {
	content: "";
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
	box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor;
}

@media (max-width: 599px) {
	/* Burgeren yderst i øverste højre hjørne (efter telefonknappen) */
	.akut-header .wp-block-navigation {
		order: 10;
	}
	.akut-header .wp-block-group {
		gap: 14px;
	}
	.akut-logo img {
		height: 44px;
	}

	/* Overlay: mørkt lag med centreret, luftigt indhold.
	   Farverne ejes af blok-attrs (overlayBackgroundColor/overlayTextColor);
	   !important-fallback fordi core-overlayets egne regler ellers vinder. */
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #14343d !important;
		color: #ffffff;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
		color: #ffffff;
		font-family: Newsreader, Georgia, serif;
		font-size: 27px;
		font-weight: 500;
		text-align: center;
	}
	.wp-block-navigation__responsive-container-close {
		color: #ffffff;
	}
}

@media (max-width: 599px) and (prefers-reduced-motion: no-preference) {
	.wp-block-navigation__responsive-container.is-menu-open {
		animation: akut-menu-ind 0.28s ease-out;
	}
}
@keyframes akut-menu-ind {
	from { transform: translateX(100%); }
	to { transform: translateX(0); }
}