/*
Theme Name: SFK
Theme URI: https://www.sollefteaflygklubb.se/
Description: Barntema till Twenty Twenty-Five för Sollefteå Flygklubb: ordmärke, klubbens färger och typsnitt samt mönster för startsidan.
Author: Helsoft
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: sfk
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ---------- Ordmärke ---------- */
.sfk-wm {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	color: inherit;
	text-decoration: none;
	line-height: 1;
}
.sfk-wm:hover,
.sfk-wm:focus { color: inherit; text-decoration: none; }
.sfk-wm__plan {
	flex: none;
	width: 52px;
	height: 23px;
	fill: var(--wp--preset--color--accent-2);
}
.sfk-wm__text {
	display: flex;
	flex-direction: column;
	font-family: var(--wp--preset--font-family--barlow);
	text-transform: uppercase;
}
.sfk-wm__namn { font-weight: 700; font-size: 1.2rem; letter-spacing: 0.12em; }
.sfk-wm__klubb { font-weight: 500; font-size: 0.66rem; letter-spacing: 0.6em; margin-top: 0.3rem; opacity: 0.8; }

/* ---------- Sidhuvud ---------- */
.sfk-header { position: relative; z-index: 20; }
.sfk-header .wp-block-navigation {
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 600;
	letter-spacing: 0.02em;
}
.sfk-header .wp-block-navigation-item__content,
.sfk-header .wp-block-button__link { white-space: nowrap; }
/* Rullgardinsmenyerna på stor skärm (inte i den uppfällda mobilmenyn) */
.sfk-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 0;
	border-radius: 10px;
	padding: 0.4rem 0;
	box-shadow: 0 18px 40px -12px rgba(11, 31, 56, 0.35);
	min-width: 230px;
}
.sfk-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container a { color: inherit; }
.sfk-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.55rem 1.1rem; }
.sfk-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-1); background: var(--wp--preset--color--accent-5); }
.sfk-header .wp-block-button__link { padding: 0.6rem 1.2rem; font-size: 0.95rem; }
/* Uppfälld mobilmeny: vänsterställd och med luft */
.sfk-header .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
	padding: 1.5rem 2rem 2rem;
	font-size: 1.15rem;
}
.sfk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; }
.sfk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { font-size: 1rem; opacity: 0.85; }
/* Sex menyval och knappen får inte plats under 1080 px: visa hamburgermenyn redan där */
@media (min-width: 600px) and (max-width: 1080px) {
	.sfk-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.sfk-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* Startsidan: sidhuvudet ligger ovanpå den stora bilden */
body.home .wp-site-blocks { position: relative; }
body.home .wp-site-blocks > header.wp-block-template-part {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}
body.home .sfk-header.has-background {
	background-color: transparent !important;
	background-image: linear-gradient(180deg, rgba(11, 31, 56, 0.65) 0%, rgba(11, 31, 56, 0) 100%);
}
body.home .wp-site-blocks > footer { margin-block-start: 0; }

/* Rubriker ärver färgen i mörka sektioner */
.wp-block-cover:not(.is-light) :is(h1, h2, h3, h4, h5, h6),
.has-text-color :is(h1, h2, h3, h4, h5, h6) { color: inherit; }

/* ---------- Hero ---------- */
.sfk-hero > .wp-block-cover__background {
	opacity: 1 !important;
	background: linear-gradient(100deg, rgba(11, 31, 56, 0.85) 0%, rgba(11, 31, 56, 0.5) 45%, rgba(11, 31, 56, 0.08) 78%) !important;
}
.sfk-kicker {
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 600;
	font-size: 0.85rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #ffb48f;
}
.sfk-hero__rubrik { font-size: clamp(2.4rem, 5.5vw, 4rem) !important; }
.wp-block-cover .is-style-outline > .wp-block-button__link {
	color: var(--wp--preset--color--base);
	border-color: rgba(255, 255, 255, 0.85);
}

/* ---------- Kort ---------- */
.sfk-card {
	background: var(--wp--preset--color--base);
	border: 1px solid #dce3ec;
	border-radius: 12px;
	overflow: hidden;
}
.sfk-card > * { margin-block-start: 0 !important; }
.sfk-card .wp-block-image { margin: 0; }
.sfk-card__text { padding: 1.1rem 1.3rem 1.4rem; }
.sfk-card__text p { color: var(--wp--preset--color--accent-4); }
.sfk-tag {
	display: inline-block;
	background: #fde7dc;
	color: #9a3a10 !important;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.35rem 0.55rem;
	border-radius: 4px;
	margin-bottom: 0;
}
.sfk-mer a { font-weight: 600; text-decoration: none; }
.sfk-rund img { border-radius: 12px; }

/* ---------- Så blir du pilot ---------- */
.sfk-steps {
	list-style: none;
	counter-reset: sfk-steg;
	padding-left: 0;
}
.sfk-steps > li {
	counter-increment: sfk-steg;
	position: relative;
	padding: 0.9rem 0 0.9rem 3.4rem;
	border-bottom: 1px solid #dce3ec;
	color: var(--wp--preset--color--accent-4);
}
.sfk-steps > li:last-child { border-bottom: 0; }
.sfk-steps > li::before {
	content: counter(sfk-steg);
	position: absolute;
	left: 0;
	top: 0.75rem;
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	color: var(--wp--preset--color--accent-2);
}
.sfk-steps > li strong {
	display: block;
	font-family: var(--wp--preset--font-family--barlow);
	font-size: 1.2rem;
	color: var(--wp--preset--color--accent-1);
}

/* ---------- Kommande ---------- */
.sfk-event {
	gap: 1rem;
	padding: 0.8rem 0;
	border-bottom: 1px solid #dce3ec;
}
.sfk-event > * { margin: 0; }
.sfk-date {
	flex: none;
	width: 3.6rem;
	padding: 0.7rem 0;
	border-radius: 8px;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	text-align: center;
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.1;
}
.sfk-event__text { line-height: 1.4; color: var(--wp--preset--color--accent-4); font-size: 0.95rem; }
.sfk-event__text strong {
	font-family: var(--wp--preset--font-family--barlow);
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--wp--preset--color--natt);
}
.sfk-galleri.wp-block-gallery.has-nested-images figure.wp-block-image { aspect-ratio: 1; }
.sfk-galleri.wp-block-gallery.has-nested-images figure.wp-block-image img { height: 100%; object-fit: cover; border-radius: 8px; }

/* ---------- Dagens bokningar (myWebLog) ---------- */
.sfk-bokningar {
	border: 1px solid #dce3ec;
	border-radius: 10px;
	overflow: hidden;
	background: var(--wp--preset--color--base);
}
.sfk-bokningar > * { margin: 0 !important; }
.sfk-bokningar__rubrik {
	font-size: 0.85rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4) !important;
	background: var(--wp--preset--color--accent-5);
	padding: 0.6rem 1rem;
}
.sfk-bokningar__tabell table {
	width: 100% !important;
	border: 0 !important;
	border-collapse: collapse;
	font-family: inherit !important;
	font-size: 0.9rem !important;
	color: inherit !important;
	background: transparent !important;
}
.sfk-bokningar__tabell tr:first-child,
.sfk-bokningar__tabell tr:last-child { display: none; }
.sfk-bokningar__tabell td {
	padding: 0.5rem 1rem !important;
	border: 0 !important;
	border-top: 1px solid #dce3ec !important;
	background: transparent !important;
	text-align: left !important;
}
.sfk-bokningar__tabell tr:nth-child(2) td {
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}
.sfk-bokningar__not {
	padding: 0.6rem 1rem;
	border-top: 1px solid #dce3ec;
	font-size: 0.85rem;
	color: var(--wp--preset--color--accent-4);
}

/* ---------- Flygfältet ---------- */
.sfk-falt > .wp-block-cover__background {
	opacity: 1 !important;
	background: linear-gradient(0deg, rgba(11, 31, 56, 0.94) 0%, rgba(11, 31, 56, 0.6) 50%, rgba(11, 31, 56, 0.1) 100%) !important;
}
.sfk-chips { gap: 0.5rem; }
.sfk-chips > .sfk-chip {
	margin: 0;
	padding: 0.3rem 0.8rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.14);
	font-size: 0.85rem;
}

/* ---------- Sidfot ---------- */
.sfk-footer__rubrik {
	font-size: 0.85rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--base);
}
.sfk-footer__lankar { list-style: none; padding-left: 0; }
.sfk-footer__lankar li { margin: 0 0 0.3rem; }
.sfk-footer__lankar a { text-decoration: none; }
.sfk-footer__lankar a:hover { text-decoration: underline; }
.sfk-footer p { color: #c9d6e6; }
.sfk-footer__copy { border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 1rem; }

@media (max-width: 781px) {
	.sfk-wm__plan { width: 42px; height: 19px; }
	.sfk-wm__namn { font-size: 1rem; }
	.sfk-wm__klubb { font-size: 0.56rem; }
	.sfk-header .wp-block-button__link { padding: 0.5rem 0.9rem; font-size: 0.85rem; }
}