/*
Theme Name: Futurio Storefront Custom
Description: Update-safe child theme containing the site-specific presentation and WooCommerce behavior for 3.de.
Author: 3.de
Template: futurio-storefront
Version: 1.0.0
Text Domain: futurio-storefront-custom
*/

/* Kopfbereich */
.home .head-bread {
	display: none !important;
}

.site-header .heading-row .menu-account-hook,
.site-header .heading-row .menu-cart-hook {
	display: none !important;
}

.main-menu .icons-menu-right {
	display: flex;
	align-items: center;
	gap: 18px;
}

.main-menu .icons-menu-right .menu-account-hook,
.main-menu .icons-menu-right .menu-cart-hook,
.main-menu .icons-menu-right .menu-account,
.main-menu .icons-menu-right .menu-cart,
.main-menu .icons-menu-right .top-search-icon,
.main-menu .icons-menu-right .menu-account a,
.main-menu .icons-menu-right .menu-cart a.cart-contents,
.main-menu .icons-menu-right .top-search-icon button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.main-menu .icons-menu-right .menu-account a,
.main-menu .icons-menu-right .menu-cart a.cart-contents,
.main-menu .icons-menu-right .menu-cart {
	position: relative;
}

.main-menu .icons-menu-right .menu-account i,
.main-menu .icons-menu-right .menu-cart a.cart-contents i,
.main-menu .icons-menu-right .top-search-icon i {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #000;
	font-size: 18px;
	line-height: 22px;
}

.main-menu .icons-menu-right .menu-account i {
	position: relative;
	top: 1px;
	font-size: 18px;
}

.main-menu .icons-menu-right .top-search-icon button {
	border: 0;
	background: transparent;
}

.main-menu .icons-menu-right .menu-cart a.cart-contents .count {
	top: -8px;
	right: -9px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 9px;
	line-height: 14px;
}

.main-menu .icons-menu-right .menu-cart ul.site-header-cart {
	top: calc(100% + 8px);
	right: 0;
	left: auto;
	z-index: 9999;
	min-width: 320px;
	max-width: min(90vw, 360px);
	margin-top: 0;
}

/* Fußbereich */
#content-footer-section {
	padding-top: 22px !important;
	padding-bottom: 12px !important;
	background: #e6e6e6 !important;
	color: #222 !important;
}

#content-footer-section > .container {
	padding-top: 0;
}

#content-footer-section .widget,
#content-footer-section .widget-title h3,
#content-footer-section .footer-widget h4,
#content-footer-section .footer-widget,
#content-footer-section a,
#content-footer-section .footer-widget a,
#content-footer-section .wp-block-search__label {
	background: transparent;
	color: #222;
}

#content-footer-section .wp-block-search__button {
	border-color: #222;
	background: transparent;
	color: #222;
}

#content-footer-section .wp-block-search__input {
	border-color: #bdbdbd;
	background: #fff;
	color: #222;
}

.footer-credits,
.footer-credits-text,
.footer-credits-text.text-center,
#colophon.elementor-footer-credits {
	background: #b3b3b3 !important;
	color: #222 !important;
}

.footer-credits-text a,
.footer-credits a {
	color: #222;
}

#content-footer-section .widget,
#content-footer-section .widget_block {
	margin-top: 0;
}

#content-footer-section .footer-widget ul li a {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
}

#content-footer-section .footer-contact-plain h2,
#content-footer-section .footer-widget h4,
#content-footer-section .widget-title h3 {
	margin: 0 0 14px;
	padding: 0;
	color: #222;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	text-transform: none;
}

#content-footer-section .footer-contact-plain p {
	margin: 0 0 12px;
	color: #444;
	font-size: 12px;
	line-height: 1.6;
}

.top-footer-badges-wrap {
	margin: 0;
	padding: 6px 0 0;
	background: transparent;
}

.top-footer-badges {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
}

.top-footer-badges__image {
	display: block;
	width: min(100%, 210px);
	max-width: 210px;
	height: auto;
	margin: 0;
}

@media (min-width: 992px) {
	#content-footer-section > .container > .widget.col-md-3:nth-of-type(1) {
		width: 34%;
	}

	#content-footer-section > .container > .widget.col-md-3:nth-of-type(2),
	#content-footer-section > .container > .widget.col-md-3:nth-of-type(3) {
		width: 23%;
	}

	#content-footer-section > .container > .widget.col-md-3:nth-of-type(4) {
		width: 20%;
	}
}

@media (max-width: 767.98px) {
	.main-menu .icons-menu-right {
		gap: 14px;
	}

	.main-menu .icons-menu-right .menu-account i,
	.main-menu .icons-menu-right .menu-cart a.cart-contents i,
	.main-menu .icons-menu-right .top-search-icon i {
		font-size: 17px;
		line-height: 20px;
	}

	.main-menu .icons-menu-right .menu-account i {
		font-size: 19px;
	}

	.main-menu .icons-menu-right .menu-cart a.cart-contents .count {
		top: -7px;
		right: -8px;
		width: 14px;
		height: 14px;
		font-size: 8px;
		line-height: 12px;
	}

	#content-footer-section .footer-contact-plain h2 {
		text-align: center;
	}

	#content-footer-section .footer-contact-plain h2,
	#content-footer-section .footer-widget h4,
	#content-footer-section .widget-title h3 {
		font-size: 17px;
	}

	#content-footer-section .footer-contact-plain p {
		font-size: 11px;
		line-height: 1.55;
	}

	#content-footer-section .footer-widget ul li a {
		font-size: 14px;
		line-height: 1.4;
	}

	.top-footer-badges-wrap {
		padding-top: 0;
	}

	.top-footer-badges {
		align-items: center;
		justify-content: center;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}