/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Child-Theme für Blocksy — Anpassungen an style.css, functions.php oder zusätzliche Templates.
Author: Mike & Carlos
Template: blocksy
Requires at least: 6.5
Requires PHP: 7.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child
*/

/* Zusätzliches Frontend-CSS — wird nach Blocksy (ct-main-styles) geladen. */

/*
 * Fancy Product Designer — Theme-Standard-Abstand (Blocksy: --theme-content-spacing).
 */
body.single-product.fancy-product .fpd-product-designer-wrapper {
	display: flow-root;
	box-sizing: border-box;
	margin-block-start: 0;
	padding: var(--theme-content-spacing, 25px);
}

/*
 * Zeile mit FPD + Playlist: Oberkanten der Spalten bündig.
 * GreenShift setzt die linke Spalte oft auf display:inline-block — wirkt als Flex-Kind unstetig;
 * beide Spalten als Flex-Spalten ausrichten und GreenShift per Spezifität/!important übersteuern.
 */
body.single-product.fancy-product
	.gspb_row__content:has(.fpd-product-designer-wrapper):has(.ytpl-card) {
	align-items: flex-start;
}

body.single-product.fancy-product
	.gspb_row__content:has(.fpd-product-designer-wrapper):has(.ytpl-card)
	> .wp-block-greenshift-blocks-row-column:has(.fpd-product-designer-wrapper),
body.single-product.fancy-product
	.gspb_row__content:has(.fpd-product-designer-wrapper):has(.ytpl-card)
	> .wp-block-greenshift-blocks-row-column:has(.ytpl-card) {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	margin-block-start: 0;
	padding-block-start: 0;
	min-height: 0;
}

body.single-product.fancy-product
	.gspb_row__content:has(.fpd-product-designer-wrapper):has(.ytpl-card)
	.fpd-product-designer-wrapper {
	margin-block-start: 0;
	flex: 0 1 auto;
	width: 100%;
}

body.single-product.fancy-product
	.gspb_row__content:has(.fpd-product-designer-wrapper):has(.ytpl-card)
	.ytpl-card {
	margin-block-start: 0;
	flex: 0 1 auto;
	width: 100%;
}

/*
 * Kurzer Absatz um Block-Markup: verschiebt den Designer nach unten — aus dem Flex-Flow nehmen.
 */
body.single-product.fancy-product
	.wp-block-greenshift-blocks-row-column:has(.fpd-product-designer-wrapper)
	> p {
	margin-block: 0;
	display: contents;
}

/*
 * Main content area background from browser preview.
 
#main {
	background-color: var(--theme-palette-color-2);
}
*/

/*
 * Desktop: let this specific Greenshift column paint its background edge-to-edge.
 * Keep content in place, extend only the visual background via pseudo-element.
 */
 /*
@media (min-width: 1025px) {
	#gspb_col-id-gsbp-c6d3716 {
		position: relative;
		z-index: 0;
	}

	#gspb_col-id-gsbp-c6d3716::before {
		content: "";
		position: absolute;
		inset-block: 0;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
		background: inherit;
		z-index: -1;
		pointer-events: none;
	}
}
	*/

/*
 * GreenShift Sticky Header (Home) — unter #wpadminbar, mit Abstand wenn Admin-Bar sichtbar.
 */
body.admin-bar.gspb-bodyfront .stickyheader {
	top: 32px;
	z-index: 99990;
}

@media screen and (max-width: 782px) {
	body.admin-bar.gspb-bodyfront .stickyheader {
		top: 46px;
	}
}

/*
 * produkt-katalog.001: Bento-Query-Loop (gsbp-f7e2bento) — alte Demo-Sektionen ausblenden.
 * Konfiguration bleibt im Reusable Block (wp_block 3812); nur Frontend-Sicht.
 */
body.tax-product_cat .gspbgrid_id-gsbp-b08479a,
body.tax-product_cat .gsbp-d12298a,
body.woocommerce-archive .gspbgrid_id-gsbp-b08479a,
body.woocommerce-archive .gsbp-d12298a {
	display: none !important;
}

/*
 * produkt-katalog.001 / gsbp-f7e2bento: Bento-Karten wie Grid Photos (Vollbild + Titel unten).
 * GreenShift kompiliert sonst 180px + scale-down — dann sind nur Wishlist-Herzen sichtbar.
 */
.gspbgrid_id-gsbp-f7e2bento .grid-photo-btns_item.gsbp-5e25836,
.gspbgrid_id-gsbp-f7e2bento .grid-photo-btns_item {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	min-height: 100% !important;
	height: 100% !important;
	padding: 26px !important;
	overflow: hidden !important;
	color: #fff !important;
}

.gspbgrid_id-gsbp-f7e2bento .gspb-product-featured-image.grid-photo-btns_image,
.gspbgrid_id-gsbp-f7e2bento .gspb_id-gsbp-1ac0481 {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: initial !important;
}

.gspbgrid_id-gsbp-f7e2bento .gspb-product-featured-image.grid-photo-btns_image a,
.gspbgrid_id-gsbp-f7e2bento .gspb_id-gsbp-1ac0481 a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.gspbgrid_id-gsbp-f7e2bento .gspb-product-featured-image.grid-photo-btns_image img,
.gspbgrid_id-gsbp-f7e2bento .gspb_id-gsbp-1ac0481 img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	min-height: 100% !important;
	object-fit: cover !important;
	vertical-align: top !important;
}

.gspbgrid_id-gsbp-f7e2bento .grid-photo-btns_overlay {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 35%,
		rgba(0, 0, 0, 0.45) 100%
	) !important;
}

.gspbgrid_id-gsbp-f7e2bento .grid-photo-btns_content,
.gspbgrid_id-gsbp-f7e2bento .gsbp-eb2b7c6 {
	position: relative !important;
	z-index: 2 !important;
}

.gspbgrid_id-gsbp-f7e2bento .gsbp-c79e443 {
	z-index: 3 !important;
}