/**
* Theme Name: Djewno Child
* Description: This is a child theme of Djewno, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: djewno
* Version: 1.0.8
* Domain Path: /languages
* Text Domain: djewno-child
*/

:root {
	--brand-primary-black: #000000;
	--brand-primary-black-olive: #404040;
	--brand-primary-dark-silver: #707070;
	--brand-primary-spanish-gray: #949494;
	--brand-primary-white: #FFFFFF;
	--brand-secondary-dark: #596D5E;
	--brand-secondary-main: #7F9B86;
	--brand-secondary-light: #A5B9AA;
	--brand-tertiary-dark: #907E5A;
	--brand-tertiary-main: #C8AD7F;
	--brand-tertiary-light: #DDCBA6;
	--bs-heading-color: #000000;
	--theme-heading-font-weight: 600;
	--theme-product-title-font-weight: 600;
}
.site-header .header-main .site-brand img {
	height:auto;
}

@media screen and (min-width: 576px) and (max-width: 767px)  {
	.site-header .header-main .site-brand img {
		max-width: 150px;
	}
}

@media screen and (max-width:575px){
	.site-header .header-main .site-brand img {
		max-width: 100px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.product:hover .site-switcher .site-switcher-wrapper {
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	.site-switcher .site-switcher-wrapper{
		gap:1rem;
	}
}
@media screen and (max-width: 575.98px) {
	.product:hover .site-switcher .site-switcher-wrapper {
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	.site-switcher .site-switcher-wrapper{
		gap:1rem;
	}
}

.product .product-title a:hover span {
	background:none;
}
.site-custom-button.discount h3.entry-title.text-red-800{
	color: var(--brand-tertiary-main) !important;
}
.badge.filled.sale {
	color: var(--brand-primary-black);
	border-color: var(--brand-primary-black);
}
.badge.filled.sold {
	background-color: var(--brand-primary-white);
	color: var(--brand-primary-black);
	border-color: var(--brand-primary-black);
}
.site-mobile-navbar ul li a .count {
	color: var(--brand-primary-white);
	background-color: var(--brand-primary-black);
}
.site-drawer.site-cart-drawer .site-drawer-inner .mini-cart-notice {
	color: var(--brand-primary-black);
	background-color: var(--brand-primary-white);
	border: 1px solid var(--brand-primary-white);
}
.site-drawer.site-cart-drawer .site-drawer-inner .products .product .content-wrapper .price {
	color: var(--brand-primary-black);
}
.price ins {
	color: var(--brand-primary-black);
}
.wishlist-button > a.klbwl-product-in-list {
	color: var(--brand-primary-black);
	border-color: var(--brand-primary-white);
	background-color: var(--brand-primary-white);
}
.product-progress .product-progressbar span {
	background-color: var(--brand-primary-black);
}
.product-countdown.campaign-style .product-countdown-label {
	color: var(--brand-primary-black);
}
.single-product-wrapper .product-detail .product-inventory-wrapper .product-stock.out-of-stock {
	color: var(--brand-primary-black);
}


.elementor-widget-djewno-text-banner .site-banner{
	border-color: var(--brand-primary-white) !important;
}
.elementor-widget-djewno-text-banner h3.entry-title{
	color: var(--brand-primary-black) !important;
}

.klb-post h3,.my-account-page h2, .my-account-page h3, section.up-sells h2,
.cross-sells h2, .entry-title {
	font-weight: 600;
}

.widget-title{
	color: var(--brand-primary-black);
}

.thumbnail-wrapper .thumbnail-buttons .product-action-button.quick-view-button > a,
.products .wishlist-button a,
.thumbnail-wrapper .thumbnail-buttons .product-action-button.quick-view-button > a:hover,
.products .wishlist-button a:hover{
	color: var(--brand-primary-black) !important;
}

.star-rating::before{
	color: var(--brand-tertiary-main);
}

.single-product-wrapper .product-detail .product-inventory-wrapper .product-stock.in-stock {
	color: var(--brand-tertiary-main);
}

.site-category-box.style-1 .category-detail .entry-title {
	color: var(--brand-primary-white);
}

.elementor-widget-djewno-special-product .campaign-block{
	border:1px solid #e5e7eb !important;
}

.site-footer {
	--footer-bg: var(--color-gray-100);
}
