/*
Theme Name: Textilmerchandiser
Theme URI: 
Author: 4D Magic GmbH & Co KG
Author URI: 
Description: Another wonderful WordPress Theme
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tmd
Tags: 
*/

:root {
  overscroll-behavior: none;
}

header.is-style-fixed {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: 999;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 40px;
	height: 40px;
}

.wp-block-navigation .wp-block-navigation-item {
	border-bottom: 2px solid transparent;
}
.wp-block-navigation .wp-block-navigation-item.current-menu-ancestor,
.wp-block-navigation .wp-block-navigation-item.current-menu-item {
	border-color: var(--wp--preset--color--white);
}

.wp-block-navigation .wp-block-navigation-item:hover {
	border-color: var(--wp--preset--color--grey);
}

/* mobile */
.has-modal-open .wp-block-site-logo {
	z-index: 2;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--black);
	z-index: 1;
	animation: none !important;
}

.wp-block-navigation__responsive-container-close {
	top: 5px;
}

.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
	padding-top: 6rem;
}

.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.wp-block-navigation-item {
	align-items: center;
	font-size: var(--wp--preset--font-size--medium) !important;
}

@media (max-width: 960px) {
	.wp-block-navigation__container:only-child,
	.wp-block-page-list:only-child {
		flex-direction: column;
	}

	.wp-block-navigation-link a {
		width: 100%;
	}

	footer .wp-block-navigation__container:only-child,
	footer .wp-block-page-list:only-child {
		flex-direction: row;
	}
}

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
		.is-menu-open
	) {
	display: none !important;
}

@media (min-width: 961px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	body
		.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
			.is-menu-open
		) {
		display: block !important;
	}
}

/* - - - Blocks - - - */

/* Button */
.wp-element-button:hover {
	filter: brightness(1.2);
}

.wp-element-button[href^='tel:'] {
	padding-left: 2.25em;
	background-image: url('assets/images/btn-phone.svg');
	background-repeat: no-repeat;
	background-position: left 0.75em center;
}

/* Social */
.wp-block-social-link-anchor[href*='xing'] svg {
	display: none;
}

.wp-block-social-link-anchor[href*='xing'] {
	width: 1em;
	height: 1em;
	background: url('assets/images/btn-xing.svg') no-repeat center;
}

/* Query */
.wp-block-read-more {
	color: var(--wp--preset--color--white);
	padding: 0.25em 1em;
	background-color: var(--wp--preset--color--black);
	border-radius: 1em;
}

.wp-block-read-more:hover {
	filter: invert(15%) brightness(200%);
}


.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--white);
	padding: 0.5em 1.0em;
	text-decoration: none;
	border-radius: 0.5em;
	background: var(--wp--preset--color--black);
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover {
	filter: invert(15%) brightness(200%);
}

.wp-block-query-pagination .page-numbers.current {
	color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--white);
}

/* Quote */
.wp-block-quote {
	border-left: none;
	margin: 0;
	padding: 0;
}

/* Image */
.wp-block-image img {
	width: 100%;
}