/* ============ Category pages (archive, heroes, SEO description) ============
   Moved out of inline <style> blocks in category.php and the category-hero
   partials into the <head> so pages validate. All static CSS — no PHP values. */

/* ---- Category hero variant 3: full-text intro, tidy on phones ---- */
.category-hero-intro { text-wrap:pretty; }
.category-hero-intro br { display:none; } /* kill forced breaks from the source text */
@media (max-width:640px){
	.cat-hero-3{ min-height:0 !important; }
	.cat-hero-3 .cat-hero-3__inner{ padding-top:1.75rem !important; padding-bottom:1.75rem !important; }
	.cat-hero-3 h1{ font-size:2rem !important; margin-bottom:.55rem !important; }
	.category-hero-intro{ font-size:13.5px; line-height:1.55; margin-bottom:1rem; text-align:center; }
}

/* ---- Sportisti hero: collage as background on mobile, text overlaid ---- */
.ld-sph { position:relative; }
.ld-sph__bg { display:none; }
@media (max-width:1023px){
	.ld-sph__bg{ display:block; position:absolute; inset:0; z-index:0; overflow:hidden; }
	.ld-sph__bg img, .ld-sph__bg picture{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
	.ld-sph__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(6,8,13,.72) 0%, rgba(6,8,13,.82) 55%, rgba(6,8,13,.94) 100%); }
	.ld-sph__inner{ position:relative; z-index:1; }
	.ld-sph__side{ display:none; }
	.ld-sph .category-hero-intro{ font-size:13.5px; line-height:1.55; }
	.ld-sph .category-hero-intro br{ display:none; }
}

/* ---- Category SEO description block ---- */
.category-description { margin-top: 3rem; max-width: none !important; }
.category-description p,
.category-description h2,
.category-description h3 { max-width: none !important; }
.category-description h2 { font-size: 1.35rem; font-weight: 700; color: #e5e7eb; margin: 2rem 0 0.75rem; }
.category-description h2:first-child { margin-top: 0; }
.category-description h3 { font-size: 1.15rem; font-weight: 600; color: #d1d5db; margin: 1.75rem 0 0.5rem; }
.category-description p { color: #9ca3af; font-size: 0.95rem; line-height: 1.8; margin: 0 0 1rem; }
.category-description a { color: #3b82f6; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.2s; }
.category-description a:hover { text-decoration-color: #3b82f6; }
.category-description strong { color: #e5e7eb; font-weight: 600; }
.category-description ul,
.category-description ol { color: #9ca3af; font-size: 0.95rem; line-height: 1.8; padding-left: 1.5rem; margin: 0.5rem 0 1rem; }
.category-description li { margin-bottom: 0.25rem; }
