/*
Theme Name: Footwear
Theme URI: https://footwear.se
Author: Mikael Linder
Description: Blocktema för footwear.se – fakta, guider och verktyg om skor. Från stålhätta till sneakers.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: footwear
*/

/* ---------- Länkar och fokus ---------- */

a {
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	text-decoration-color: var(--wp--preset--color--varselgul);
}

a:hover {
	text-decoration-color: currentColor;
}

:focus-visible {
	outline: 3px solid var(--wp--preset--color--varselgul);
	outline-offset: 2px;
}

::selection {
	background: var(--wp--preset--color--varselgul);
	color: var(--wp--preset--color--black);
}

img {
	height: auto;
}

/* ---------- Signaturdetalj: gul etikett (kicker) ---------- */

.fw-kicker {
	display: inline-block;
	background: var(--wp--preset--color--varselgul);
	color: var(--wp--preset--color--black);
	font-family: var(--wp--preset--font-family--rubrik);
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0.3em 0.65em;
}

/* ---------- Artikelkort ---------- */

.fw-kort {
	overflow: hidden;
}

.fw-kort .wp-block-post-title a {
	text-decoration: none;
}

.fw-kort .wp-block-post-title a:hover {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--varselgul);
}

.fw-kort .wp-block-post-terms a {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 700;
	font-size: 0.75rem;
	color: var(--wp--preset--color--black-ljus);
}

/* ---------- Annonszoner ----------
   Zonerna reserverar höjd för att undvika layouthopp (CLS) den dag
   riktiga banners aktiveras. I fas 1 innehåller de en egen puff.
   VID AKTIVERING AV BANNERS: höj värdena nedan till bannerformatets
   höjd (topp: 250px, artikel: 280px) så att sidan inte hoppar. */

.fw-adzon {
	--fw-adzon-h: 90px;
	min-height: var(--fw-adzon-h);
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px dashed var(--wp--preset--color--linje);
	border-bottom: 1px dashed var(--wp--preset--color--linje);
}

.fw-adzon--topp { --fw-adzon-h: 90px; }
.fw-adzon--artikel { --fw-adzon-h: 120px; }
.fw-adzon--fot { --fw-adzon-h: 90px; }

@media (max-width: 600px) {
	.fw-adzon--topp { --fw-adzon-h: 60px; }
}

.fw-adzon-text {
	margin: 0;
	color: var(--wp--preset--color--black-ljus);
}

/* ---------- Sidfot ---------- */

footer.wp-block-group a {
	color: var(--wp--preset--color--yta);
}

.fw-dim {
	opacity: 0.72;
}