/*
Theme Name: Kalium Child — graffitikünstler.net
Theme URI: https://graffitikünstler.net
Description: Korrekte Portfolio-Klickstruktur für das Selected-Work-Grid (ein Permalink-Link pro Karte).
Author: Coloured Boulevard
Template: kalium
Version: 1.0.6
Text Domain: kalium-child
*/

/* Like- und Kategorie-Leiste außerhalb des Haupt-Permalinks positionieren */
.portfolio-holder .portfolio-item .thumb > .likes {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 5;
}

.portfolio-holder .portfolio-item .thumb > .portfolio-item-terms {
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 40px;
	z-index: 5;
	margin: 0;
}

.portfolio-holder .portfolio-item .thumb > .portfolio-item-terms .terms {
	margin: 0;
}

/*
 * Kalium main.min.js: Klick-Handler auf [data-portfolio-item-id] .thumb prüft
 * .hover-state opacity und fängt Klicks ab, bevor der Permalink-Link greift.
 * pointer-events: none auf dem Hover-Layer → Klick landet auf dem umschließenden <a>.
 */
.portfolio-holder .portfolio-item .thumb > a.item-link .hover-state,
.portfolio-holder .portfolio-item .thumb > a.item-link .hover-state * {
	pointer-events: none;
}

/*
 * DE-Startseite: Karten-CSS liegt primär in cb-graffitikunstler-core (wp_head).
 * Hier als Fallback, falls Child-Theme-Stylesheet geladen wird.
 */
.page-id-11 .cb-home-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.page-id-11 .cb-home-card-media {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	position: relative;
	background: #1a1a1a;
	line-height: 0;
}
.page-id-11 .cb-home-card-media img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center center;
	display: block;
	position: absolute;
	inset: 0;
}

/* =============================================================================
   Portfolio Single — Side Portfolio (type-1)
   Primär: ACF item_description_alignment = left → Kalium setzt col-md-offset-1.
   CSS-Fallback nur, wenn die Galeriespalte den Offset-Klassenmarker nicht hat.
   Keine zusätzlichen px — exakt Bootstrap col-md-offset-1 (8.33333333 %).
   ============================================================================= */

@media (min-width: 992px) {
	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .gallery-column-env.col-md-7:not(.col-md-offset-1) {
		margin-left: 8.33333333%;
	}

	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .details.col-md-4 .post-formatting {
		max-width: 34em;
	}

	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .title.section-title {
		margin-bottom: 1.6rem;
	}

	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .project-description {
		margin-bottom: 1.5rem;
	}
}

@media (max-width: 991px) {
	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .gallery-column-env.col-md-7:not(.col-md-offset-1) {
		margin-left: 0;
	}

	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .gallery-column-env {
		margin-top: 2.25rem;
	}

	body.single-portfolio .single-portfolio-holder.portfolio-type-1 .details.col-md-4 .post-formatting {
		max-width: none;
	}
}

/* Type-3: Vollbreite-Portfolio — Textblock mit ruhigerem Weißraum */
@media (min-width: 768px) {
	body.single-portfolio .single-portfolio-holder.portfolio-type-3 .project-description {
		margin-bottom: 2rem;
		max-width: 42em;
	}
}

/* =============================================================================
   Portfolio Single — Editorial Weißraum (Content)
   Nur Lesegefühl: Zeilenhöhe, Absatz-, Überschriften- und Listenabstände.
   Keine Änderung an Schriftart, Schriftgröße oder Spaltenbreite.
   ============================================================================= */

body.single-portfolio .single-portfolio-holder .post-formatting,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper {
	line-height: 1.78;
}

body.single-portfolio .single-portfolio-holder .post-formatting p,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > p {
	margin-top: 0;
	margin-bottom: 1.45em;
	line-height: 1.78;
}

body.single-portfolio .single-portfolio-holder .post-formatting h2,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h2 {
	margin-top: 2.1em;
	margin-bottom: 0.65em;
	line-height: 1.3;
}

body.single-portfolio .single-portfolio-holder .post-formatting h3,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h3 {
	margin-top: 1.85em;
	margin-bottom: 0.55em;
	line-height: 1.35;
}

body.single-portfolio .single-portfolio-holder .post-formatting h2:first-child,
body.single-portfolio .single-portfolio-holder .post-formatting h3:first-child,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h2:first-child,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h3:first-child {
	margin-top: 0;
}

body.single-portfolio .single-portfolio-holder .post-formatting ul,
body.single-portfolio .single-portfolio-holder .post-formatting ol,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > ul,
body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > ol {
	margin-top: 0.35em;
	margin-bottom: 1.45em;
	padding-left: 1.25em;
	line-height: 1.78;
}

body.single-portfolio .single-portfolio-holder .post-formatting li {
	margin-bottom: 0.45em;
	line-height: 1.78;
}

body.single-portfolio .single-portfolio-holder .post-formatting li:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	body.single-portfolio .single-portfolio-holder .post-formatting,
	body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper {
		line-height: 1.75;
	}

	body.single-portfolio .single-portfolio-holder .post-formatting p,
	body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > p {
		margin-bottom: 1.35em;
		line-height: 1.75;
	}

	body.single-portfolio .single-portfolio-holder .post-formatting h2,
	body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h2 {
		margin-top: 1.9em;
	}

	body.single-portfolio .single-portfolio-holder .post-formatting h3,
	body.single-portfolio .single-portfolio-holder .post-formatting .wpb_wrapper > h3 {
		margin-top: 1.7em;
	}
}