/*
Theme Name: Silicia
Author: Jens Drabek
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: silicia
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

strong {
	font-weight: var(--wp--custom--strong-schriftgewicht);
}

:where(ul.wp-block-list, ol.wp-block-list) {
	margin-inline-start: 0;
	padding-inline-start: var(--wp--custom--listeneinzug, 1.25em);
	list-style-position: outside;
}

:where(.wp-block-list li) {
	padding-inline-start: var(--wp--custom--listenpunkt-abstand, 0.25em);
}

.navigation-effekt--none .wp-block-navigation-item__content,
.navigation-effekt--animated-1 .wp-block-navigation-item__content {
	text-decoration: none;
}

.navigation-effekt--underline .wp-block-navigation-item__content:hover,
.navigation-effekt--underline .wp-block-navigation-item__content:focus-visible {
	text-decoration-line: underline;
	text-decoration-color: var(--wp--custom--navigation-text-decoration-farbe);
	text-decoration-thickness: var(--wp--custom--navigation-text-decoration-dicke);
	text-decoration-style: var(--wp--custom--navigation-text-decoration-stil);
	text-underline-offset: var(--wp--custom--navigation-text-underline-abstand);
}

.navigation-effekt--animated-1 .wp-block-navigation-item__content {
	position: relative;
}

.navigation-effekt--animated-1 .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: calc(-1 * var(--wp--custom--navigation-text-underline-abstand));
	left: 0;
	height: var(--wp--custom--navigation-text-decoration-dicke);
	background-color: var(--wp--custom--navigation-text-decoration-farbe);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--wp--custom--navigation-text-decoration-animation-dauer) var(--wp--custom--navigation-text-decoration-animation-kurve);
}

.navigation-effekt--animated-1 .wp-block-navigation-item__content:hover::after,
.navigation-effekt--animated-1 .wp-block-navigation-item__content:focus-visible::after {
	transform: scaleX(1);
}

/* TODO vielleicht raus ? */
.wp-block-button.is-style-outline .wp-block-button__link:hover{
	background-color: var(--wp--custom--button-outline-hover-bg) !important; 
	color: var(--wp--custom--button-outline-hover-text) !important;
	border-color: var(--wp--custom--button-outline-hover-border) !important;
}
.mobile-padding{
	padding-left: var(--wp--preset--spacing--rand-mobile) !important;
	padding-right: var(--wp--preset--spacing--rand-mobile) !important;
}