/*
Theme Name: YE Munich
Theme URI: http://konte.uix.store/
Author: UIX Themes
Author URI: https://uix.store
Description: A Konte child theme for the YE Munich site
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: konte
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: konte
*/

/* :root {
	--color-dark: #161619;
	--color-gray: #838889;
	--color-light: #cdcfd0;
	--color-lighter: #e3e7e8;
	--color-white: #fff;
} */

/** Color Scheme Dark */
.color-scheme-dark {
	--wcboost-swatches-color-tooltip: var(--color-light);
	--wcboost-swatches-color-tooltip-text: var(--color-dark);
	--wcboost-swatches-color-border: rgba(255, 255, 255, 0.2);
	--wcboost-swatches-color-border-selected: var(--color-white);

	background-color: var(--color-dark);
}

.color-scheme-dark :where(.site-content) {
	color: var(--color-white);
}

.color-scheme-dark :where(.site-content) :where(
	a,
	h1, .h1,
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5,
	h6, .h6,
) {
	color: var(--color-white);
}

.color-scheme-dark :where(.site-content) :is(
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	input[type=search],
	input[type=number],
	input[type=tel],
	input[type=range],
	input[type=date],
	input[type=month],
	input[type=week],
	input[type=time],
	input[type=datetime],
	input[type=datetime-local],
	input[type=color],
	textarea
) {
	color: var(--color-white);
	background-color: transparent;
}

.color-scheme-dark .form-row input.input-text:hover,
.color-scheme-dark .select2 .select2-selection--single:hover {
	border-color: var(--color-white);
}

.color-scheme-dark :where(.site-content) :is(
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.wp-element-button
) {
	color: var(--color-black);
	background-color: var(--color-white);
}

.color-scheme-dark :is(
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error
) .button {
	color: var(--color-white);
	background-color: transparent;
}

.color-scheme-dark :is(
	.woocommerce .quantity,
	.woocommerce .quantity:hover,

) {
	border-color: var(--color-white);
}

.color-scheme-dark :is(
	.woocommerce .quantity .qty-button:hover,
	table.cart .actions .button,
	table.cart a.remove:hover,
	table.shop_attributes th
) {
	color: var(--color-white);
}

/** Mobile menu with dark color scheme */
.mobile-menu-panel .panel {
	color: var(--color-white);
	background-color: var(--color-dark);
}

.mobile-menu-panel a {
	color: var(--color-white);
}

.mobile-menu-panel .divider {
	background-color: var(--color-gray);
}

.mobile-menu-panel .counter {
	color: var(--color-dark);
	background-color: var(--color-white);
}

.mobile-menu-panel .header-mobile {
	display: block; /* show the header temporary */
	background-color: transparent;
}

.mobile-menu-panel .header-mobile .logo-light,
.mobile-menu-panel .shopping-cart-icon--image .icon-light {
	opacity: 1;
}

.mobile-menu-panel .header-mobile .logo-dark,
.mobile-menu-panel .shopping-cart-icon--image .icon-dark {
	opacity: 0;
}

.mobile-menu-panel .header-mobile .hamburger-inner {
	background-color: currentColor;
}

.mobile-menu__search-form .search-field {
	color: var(--color-white);
	border-color: var(--color-gray);
	background-color: transparent;
}

.mobile-menu__search-form .search-field:focus {
	border-color: var(--color-white);
}

.mobile-menu-panel .list-dropdown ul {
	color: var(--color-white);
	background-color: var(--color-black);
}

.mobile-menu-panel .list-dropdown ul a {
	color: var(--color-white);
}

.mobile-menu-panel .list-dropdown ul a:hover {
	background-color: var(--color-dark);
}

/** Cart panel with dark color scheme */
.cart-panel .panel {
	color: var(--color-white);
	background-color: var(--color-dark);
}

.cart-panel a,
.cart-panel .widget_shopping_cart_content .woocommerce-mini-cart-item__name a,
.cart-panel .widget_shopping_cart_content a.remove:hover,
.cart-panel .widget_shopping_cart_content .quantity .qty-dropdown,
.cart-panel .widget_shopping_cart_content .total {
	color: var(--color-white);
}

.cart-panel .hamburger-menu .hamburger-box .hamburger-inner {
	background-color: currentColor;
}

.cart-panel .widget_shopping_cart_content .quantity-dropdown .qty-options {
	border: 1px solid var(--color-gray);
	background-color: var(--color-dark);
}

.cart-panel .widget_shopping_cart_content .quantity-dropdown .qty-options ul li:hover,
.cart-panel .widget_shopping_cart_content .quantity-dropdown .qty-options ul li.active {
	background-color: var(--color-black);
}

.cart-panel .widget_shopping_cart_content .buttons .button:not(.checkout) {
	color: var(--color-white);
}

.cart-panel .widget_shopping_cart_content .buttons .button:not(.checkout):hover {
	color: var(--color-dark);
	border-color: var(--color-white);
	background-color: var(--color-white);
}

.cart-panel .widget_shopping_cart_content .buttons .button.checkout {
	color: var(--color-dark);
	background-color: var(--color-white);
}

.cart-panel .widget_shopping_cart_content .buttons .button.checkout:hover {
	color: var(--color-dark);
	background-color: var(--color-light);
}

/** Product page with dark color scheme */
p.out-of-stock {
	padding-left: 20px;
	padding-right: 20px;
}

.color-scheme-dark div.product .stock.in-stock {
	color: var(--color-white);
}

.color-scheme-dark div.product button.single_add_to_cart_button {
	color: var(--color-dark);
	background-color: var(--color-white);
}

.color-scheme-dark div.product.layout-v4 button.single_add_to_cart_button .shopping-cart-icon--image .icon-light {
	opacity: 0;
}

.color-scheme-dark div.product.layout-v4 button.single_add_to_cart_button .shopping-cart-icon--image .icon-dark {
	opacity: 1;
	vertical-align: -0.35em;
}

.color-scheme-dark div.product :where(
	.wcboost-wishlist-button,
	.add-to-wishlist-button
) {
	color: var(--color-white) !important;
}

.color-scheme-dark .quantity .qty-button:active::before {
	background-color: var(--color-black);
}

.color-scheme-dark div.product .quantity-dropdown .qty-options {
	border: 1px solid var(--color-gray);
	background-color: var(--color-dark);
	box-shadow: 1px 2px 10px 0 rgba(255, 255, 255, 0.1);
}

.color-scheme-dark div.product .quantity-dropdown .qty-options ul li:hover,
.color-scheme-dark div.product .quantity-dropdown .qty-options ul li.active {
	background-color: var(--color-black);
}

.color-scheme-dark div.product .wcboost-variation-swatches--default:not(.wcboost-variation-swatches--button) .selected .wcboost-variation-swatches__name {
	color: var(--color-white);
}

.color-scheme-dark .woocommerce-tabs.panels-offscreen .panel {
	background-color: var(--color-dark);
	box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.15);
}

.color-scheme-dark .woocommerce-tabs.panels-offscreen .hamburger-menu .hamburger-box .hamburger-inner {
	background-color: var(--color-white);
}

.color-scheme-dark .panels-offscreen .woocommerce-Reviews #review_form_wrapper {
	background-color: transparent;
}

.color-scheme-dark .panels-offscreen .woocommerce-Reviews .cancel-review a:hover {
	color: var(--color-white);
}

.single-product .site-content {
	padding-top: 0;
}

@media (max-width: 991px) {
	.woocommerce.single-product div.product.layout-v4 .woocommerce-tabs {
		padding-bottom: 28px;
	}
}

@media (max-width: 767px) {
	.woocommerce div.product.layout-v4 .single_add_to_cart_button {
		width: 100%;
	}

	.color-scheme-dark div.product.layout-v4 .quantity--dropdown .qty {
		border-bottom: 0;
	}

	.color-scheme-dark div.product .woocommerce-tabs .tabs li a {
		color: var(--color-white);
	}
}

/** Cart page with dark color scheme */
.color-scheme-dark .wc-block-cart-items tr {
	border-color: var(--color-gray);
}

.color-scheme-dark :is(
	table.cart .coupon .input-text:hover,
	table.cart .coupon .input-text:focus
) {
	border-color: var(--color-white);
}

.color-scheme-dark :is(
	.cart-collaterals,
	.cart-collaterals .shop_table,
) {
	border-color: var(--color-light);
}

.color-scheme-dark :is(
	.cart-collaterals .shop_table th,
	.cart-collaterals .shop_table td
) {
	border-color: var(--color-gray);
}

.color-scheme-dark :is(
	.cart-collaterals .checkout-button
) {
	color: var(--color-black);
	background-color: var(--color-white);
}

.color-scheme-dark .shipping ul label {
	color: var(--color-white);
}

.color-scheme-dark .shipping ul label:before {
	background-color: transparent;
}

.color-scheme-dark .shipping ul :checked+label,
.color-scheme-dark .shipping ul input[type=hidden]+label {
	color: var(--color-white);
}

.color-scheme-dark .shipping ul :checked+label:before,
.color-scheme-dark .shipping ul input[type=hidden]+label:before {
	border-color: var(--color-white);
	background-color: var(--color-white);
}

.color-scheme-dark .cart-empty-media svg {
	fill: currentColor;
}

/** Change the direction of variation swatches */
.woocommerce .wcboost-variation-swatches__wrapper {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
}

/** Fix hidden product in the last row */
@media (max-width: 767px) {
	.konte-product-grid li.product:nth-child(2n+1):last-child {
		display: block !important;
	}
}

/** Dark mode for the product grid (requires custom CSS class `.has-dark-background` */
:where(.has-dark-background) ul.products .product-inner:not(:hover) :where(
	.product-summary,
	.product-summary a,
	.product-summary .button,
	.woocommerce-loop-product__title,
	.woocommerce-loop-product__title a,
) {
	color: var(--color-white);
}
