/*
Theme Name: Elegant shop Child
Theme URI: https://fiyat.burada.cc
Template: elegant-shop
Author: BuradaCC
Author URI: https://burada.cc
Tags: e-commerce,WooCommerce
Version: 1.0.7.1723575297
Updated: 2024-08-13 18:54:43
Text Domain: elegant-shop-child
Description: Elegant Shop is a free ecommerce solution.
*/
/* 
--shop-secondary-color: #38BC9E; > #2D5695
--shop-primary-color: #E55749; > #E11500 > #AA2618
--shop-primary-color: #E55749; > #DD3627 > #A81000
 */
:root {
	--shop-primary-color: #AA2618;
	--shop-primary-rgb: 170, 38, 24;
	--shop-secondary-color: #2D5695;
	--shop-secondary-rgb: 45, 86, 149;
}
  
/* hide */
.widget.widget_block.widget_search .wp-block-search__button.has-icon .search-icon /* left widget search icon */
,.woocommerce-cart .wp-block-product-new.wc-block-product-new .wc-block-grid__product-add-to-cart
,.woocommerce-cart .wp-block-product-new.wc-block-product-new .yith-wcwl-add-to-wishlist
{
	display: none;
}
.overflowinit{overflow: initial;}

/* top menu bar */
@media screen and (min-width: 1199px) {
	.site-header.layout-three .site-branding {
		width: 5%;
	}
}
.site-header.layout-three .right {
	width: 9%;
	/*background: darkgoldenrod;*/
	flex: 9% 1 1;
}
.site-header.layout-three .main-navigation {
	flex: 70% 1 1;
	width: 70%;
}
.site-header .site-branding { /* sol logo */
	margin-right: 0; /* 35px */
}
.site-header .main-navigation .primary-menu-container ul a { /* top menu bar - ana menü - kök öğeler arası mesafe */
	padding: 14px 18px;
}
.site-header .right > div + div { /* top menu bar - ana menü - sağ - ikonlar arası mesafe */
	margin-left: 14px;
}
@media screen and (min-width: 1440px) {
	.site-header .main-navigation .primary-menu-container ul a { /* top menu bar - ana menü - kök öğeler arası yatay mesafe */
		padding: 13.5px 20px; /* 25px; > 18px; */
	}
	.site-header .main-navigation .primary-menu-container ul ul { /* top menu bar - ana menü - alt öğeler genişlik */
		width: 226px;
	}
	.site-header .right > div + div { /* top menu bar - ana menü - sağ - ikonlar arası mesafe */
		margin-left: 20px;
	}
  }
@media screen and (min-width: 1199px) {
	.site-header .right .user-block-popup { /* top menu bar - ana menü - sağ - hesabım ikonu arası mesafe */
		margin-left: 5px;
	}
}
.site-header .main-navigation .primary-menu-container ul ul li a
,.site-header .main-navigation .primary-menu-container ul ul li.menu-item:last-child a
{
  padding: 7px 25px; /* top menu bar - ana menü - alt öğeler arası dikey mesafe */
}


/* tooltip */
.tooltipWrapper {
	display: inline-block;
	color: #555;
	cursor: help;
	position: relative;
	-webkit-transform: translateZ(0);
	/* webkit flicker fix */
	-webkit-font-smoothing: antialiased;
	/* webkit text rendering fix */
	z-index: 3;
}
.tooltipWrapper .tooltipContent {
	background: #fff;
	bottom: 100%;
	/* color: #fff; */
	display: block;
	left: -140px;
	margin-bottom: 5px;
	opacity: 0;
	padding: 20px;
	pointer-events: none;
	position: absolute;
	width: 300px;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltipWrapper .tooltipContent:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}
/* CSS Triangles - see Trevor's post */
.tooltipWrapper .tooltipContent:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #fff 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}
.tooltipWrapper:hover .tooltipContent {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/* shop layout */
@media screen and (min-width: 1440px) {
	.woocommerce-page .content-area .site-main ul.products {
		grid-gap: 20px;
	}
}
@media screen and (min-width: 767px),print {
	.woocommerce-page.rightsidebar .content-area .site-main ul.products.columns-4,
	.woocommerce-page.leftsidebar .content-area .site-main ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (min-width: 1199px) {
	#secondary { /* rigth sidebar widget, 30.977% > 20.977% */
		-ms-flex: 0 0 20.977%;
		flex: 0 0 20.977%;
		max-width: 20.977%;
	}
}
.woocommerce-page .content-area .site-main ul.products .price{ /* shop layout - prices line */
	margin-right: 0;
	padding-right: 0;
}
.woocommerce-page .content-area .site-main ul.products .price bdi{ /* shop layout - prices line */
	font-size: initial;
}
/* price 1,00 ₺ – [_] 2,00 ₺ */
.price > span.amount + span.amount {
	margin-left: 0;
}
/* price discount/raise */
ul.products li.product span.percent{top:26px}
.percent.discount i{color: #53ff53}
.percent.raise i{color: #ffacac}


