/*
Theme Name: MS-ProduktionTheme
Text Domain: 	   ms-produktion-theme
Version:            2.4.0
Tested up to:       7.1
Requires at least:  6.6
Requires PHP:       8.2
Author:             MS-Produktion
Description:        Eigenständiges WooCommerce-Theme von MS-Produktion für konfigurierbare Produkte und den 3D-Druck-Produktkatalog, mit responsiven Layouts und modularen Plugin-Schnittstellen.
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */
 
 .iconbox:hover a {
    color: #fff;
}

.iconbox a {
    text-decoration: none;
	color: var(--wf-secondary-color);
}

/* First-party plugin workspaces and product configurators. */
.ms-produktion-product-tools {
	clear: both;
	margin-block: 1.5rem;
}

.ms-produktion-plugin-workspace #wf-sidebar {
	display: none;
}

.ms-produktion-plugin-workspace #wf-main {
	flex: 0 0 100%;
	max-width: 100%;
}

.ms-produktion-plugin-workspace .wf_pagetitle,
.ms-produktion-plugin-workspace #wf-sidebar,
.ms-produktion-plugin-workspace .sidebar {
	display: none;
}

.ms-produktion-plugin-workspace :where(.container, .wf-container, .site-content) {
	max-width: min(100%, 1600px);
}

:root {
	--ms-color-primary: var(--wf-primary-color, #005f73);
	--ms-color-accent: var(--wf-secondary-color, #ee9b00);
	--ms-color-surface: #ffffff;
	--ms-color-text: #1f2933;
	--ms-radius: 12px;
	--ms-shadow: 0 12px 32px rgb(15 23 42 / 10%);
	--ms-content-wide: 1600px;
}

.ms-produktion-product-tools {
	container-type: inline-size;
}

@media (max-width: 782px) {
	.ms-produktion-plugin-workspace :where(.container, .wf-container, .site-content) {
		padding-inline: 12px;
	}
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.owl-carousel .owl-video-play-icon {
	border: 3px solid #fff;
	border-radius: 50%;
}

.owl-carousel .owl-video-play-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 52%;
	border-block: 12px solid transparent;
	border-left: 18px solid #fff;
	transform: translate(-40%, -50%);
}