/*
Theme Name: Sökarpodden Astra Child
Template: astra
Description: Child theme för Sökarpodden.se — anpassad CSS och funktioner ovanpå Astra.
Version: 1.0.2
Text Domain: sokarpodden-astra-child
*/

/* ==========================================================================
   Mobil-hero (max 600px) — skopat till startsidans hero (.sp-hero)
   H1 och padding renderas som inline-stilar av Gutenberg → kräver !important.
   ========================================================================== */
@media (max-width: 600px) {

	/* Mindre, responsiv H1 som inte tar för mycket höjd */
	.sp-hero h1 {
		font-size: clamp(2.1rem, 11vw, 2.7rem) !important;
		line-height: 1.1 !important;
	}

	/* Ta bort högerpadding på textkolumnen vid stackning */
	.sp-hero .sp-hero-text {
		padding-right: 0 !important;
	}

	/* Rimlig vänster/höger-luft för hela hero på mobil */
	.sp-hero {
		padding-left: 6vw !important;
		padding-right: 6vw !important;
	}

	/* Låt knapparna radbryta/stapla snyggt */
	.sp-hero .wp-block-buttons {
		flex-wrap: wrap;
	}
}

/* ==========================================================================
   Header site title (Astra) — hindra ordbrytning, gör storleken responsiv.
   Skopat till .ast-site-identity .site-title a (headern), RÖR EJ hero-H1.
   ========================================================================== */
.ast-site-identity .site-title a {
	white-space: nowrap;
	word-break: keep-all;
	overflow-wrap: normal;
	font-size: clamp(1.1rem, 5vw, 1.5rem);
}


/* ==========================================================================
   Featured image på enskilda avsnitt (single post) — visa i naturligt
   (kvadratiskt) format, inte 16:9. Astra tvingar aspect-ratio:16/9 +
   height:100% på 'header.entry-header .post-thumb img' via dynamisk CSS,
   vilket sträcker en kvadratisk bild. Vi återställer förhållandet och
   begränsar storleken. Skopat till body.single-post → påverkar INTE
   startsida, Om-sida, hero eller bilder i inläggstexten.
   ========================================================================== */
body.single-post .entry-header .post-thumb-img-content {
	max-width: 620px;
	margin: 0 auto 2rem auto;
	overflow: visible;
}

body.single-post .entry-header .post-thumb-img-content img.wp-post-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	aspect-ratio: auto !important;
	object-fit: contain;
	margin: 0 auto;
}

/* ==========================================================================
   Arkiv-/blogglistans featured image (/avsnitt/) — visa kvadratiskt, inte
   utträckt 16:9. Astra tvingar aspect-ratio:16/9 på
   '.ast-article-post .post-thumb-img-content img' vilket sträcker en
   kvadratisk bild. Skopat till .ast-article-post (LISTOBJEKT) — single post
   använder .ast-article-single och påverkas INTE. Rör ej hero/startsida/Om.
   ========================================================================== */
.ast-article-post .post-thumb-img-content img {
	aspect-ratio: 1 / 1 !important;
	object-fit: cover;
	height: auto;
}