/*
 * CSS for registered block styles.
 * See inc/register-block-styles.php.
 */

/* Flat button */
.is-style-laserbeest-new-flat-button .wp-block-button__link,
.is-style-laserbeest-new-flat-button .wp-block-button__link:hover,
.is-style-laserbeest-new-flat-button .wp-block-button__link:focus,
.is-style-laserbeest-new-flat-button .wp-block-button__link:active,
.is-style-laserbeest-new-flat-button .wp-block-button__link:visited {
	box-shadow: none;
	border-radius: 0;
	margin-top: initial;
	margin-bottom: initial;
}

/* Box shadow */
.is-style-laserbeest-new-box-shadow {
	box-shadow: var(--wp--preset--shadow--natural);
}

/* Lists */
.is-style-laserbeest-new-list-underline li {
	border-bottom: 1px solid currentcolor;
}

.is-style-laserbeest-new-list-underline ul {
	border-top: 1px solid currentcolor;
}

.is-style-laserbeest-new-list-underline ul li {
	border: none;
}

details.is-style-laserbeest-new-plus > summary {
	list-style-type: "+ ";
}

details[open].is-style-laserbeest-new-plus > summary {
	list-style-type: "- ";
}

details.is-style-laserbeest-new-plus > summary::marker {
	font-weight: 700;
	font-size: 1em;
	font-family: var(--wp--preset--font-family--monospace);
}

/* Uitgelicht / Case Study Box */
.is-style-laserbeest-new-casestudy-box {
	margin: 30px 0;
	padding: 20px 20px 21px;
	background: #ded6cd;
	font-size: 1.2em;
}

/* Uitgelicht label */
p.is-style-laserbeest-new-casestudy-label {
	color: #fff;
	background: var(--wp--preset--color--primary);
	display: inline-block;
	padding: 0 1em;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	font-family: var(--wp--preset--font-family--heading);
}

p.is-style-laserbeest-new-casestudy-label + .wp-block-heading {
	margin-top: 5px;
}

/* WooCommerce: On-sale badge */
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale,
.woocommerce span.onsale {
	background-color: var(--wp--preset--color--primary);
	border: none;
	border-radius: 100%;
	color: var(--wp--preset--color--contrast);
	font-size: 1rem;
	height: 3.7rem;
	line-height: 3.236;
	text-align: center;
	text-transform: capitalize;
	width: 3.7rem;
}

/* ── Instructie header: styled heading from classic theme ─────────────── */

h2.instructie_header {
	clear: both;
	border-bottom: 1px solid #333;
	margin-bottom: 18px;
	padding-bottom: 10px;
	padding-top: 18px;
	color: var(--wp--preset--color--primary, #c30);
}

/* ── Tekst intro: intro paragraph from classic theme ─────────────────── */

p.tekst-intro {
	font-size: 1.2em;
}

@media screen and (max-width: 720px) {
	p.tekst-intro {
		font-size: 1em;
	}
}

/* Footer sitemap */
.footer-sitemap {
	list-style: none;
	padding-left: 0;
}

/* Diensten grid: make thumbnails fill their column */
.is-layout-grid .wp-block-image {
	align-self: stretch;
}

.is-layout-grid .wp-block-image img {
	width: 100%;
}

/* Nieuws grid: reset default ul/li spacing */
.grid_container {
	padding-left: 0;
	margin-left: 0;
}

._nieuws_post_container {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

li._nieuws_post {
	padding-left: 0;
}

/* WooCommerce: Stock status */
.woocommerce div.product .stock {
	color: var(--wp--preset--color--primary);
}