/**
 * Layout overrides for products pages – neutralize conflicting block styles,
 * use reference breakpoints (768px, 1280px) instead of WP block (782px).
 * Also: top bar single-line layout, cookie bar hide when accepted.
 */

/* Top bar: tkr.lt uses ul.topbar-links – keep in one horizontal line */
body.tkr-reference-layout .header-top .wrapper .flex {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
}
body.tkr-reference-layout .header-top ul.topbar-links {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex-direction: row !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 13px !important;
}
body.tkr-reference-layout .header-top ul.topbar-links li {
	display: inline !important;
}

/* Cookie bar: tkr.lt uses custom .cookie-banner – ensure it hides when user accepts */
body.tkr-reference-layout .cookie-banner {
	position: fixed !important;
	bottom: 20px !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 999 !important;
	padding: 0 20px !important;
}
body.tkr-reference-layout .cookie-banner .cookie-inner {
	background: #fff !important;
	color: #1e252b !important;
	padding: 20px !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
body.tkr-reference-layout .cookie-banner.hidden {
	display: none !important;
}

/* Neutralize wp-block wrappers so reference layout applies */
body.tkr-reference-layout .wp-block-group,
body.tkr-reference-layout .wp-block-group__inner-container,
body.tkr-reference-layout .wp-block-columns,
body.tkr-reference-layout .wp-block-column {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
}

body.tkr-reference-layout .wp-block-columns {
	flex-wrap: wrap !important;
}

body.tkr-reference-layout .wp-block-column {
	flex-basis: 100% !important;
}

@media (min-width: 768px) {
	body.tkr-reference-layout .wp-block-columns.is-layout-flex {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 2em;
	}
	body.tkr-reference-layout .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1 !important;
	}
}

/* Override global-styles and wp-block vars that can conflict */
body.tkr-reference-layout {
	--wp--preset--color--black: var(--primary-color, #000);
	--wp--preset--color--white: var(--white-color, #fff);
}
