/*
Theme Name: Ecomall Child
Theme URI: https://demo.theme-sky.com/ecomall/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: ecomall
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ecomall-child
*/

/* Microbiome header - tema sticky JS .header-sticky ile çalışır */
.microbiome-header.has-sticky .header-sticky {
	position: relative;
	width: 100%;
}
/* Sticky olduğunda üstte sabit kalsın ve her zaman görünsün */
.sticky-wrapper.is-sticky .microbiome-header .header-sticky {
	z-index: 994;
}
/* Tema sticky durumda normal logoyu gizliyor; bizde hep normal logo görünsün */
.sticky-wrapper.is-sticky .microbiome-header .header-sticky img.normal-logo {
	display: inline-block !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky img.sticky-logo {
	display: none !important;
}

/* Sticky iken siyah hafif saydam arka plan (tema stillerini ezmek için !important) */
.sticky-wrapper.is-sticky .microbiome-header .header-sticky {
	background: rgba(0, 0, 0, 0.88) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main {
	background: rgba(0, 0, 0, 0.88) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top-left .top-bar-menu a,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top-right .header-phone,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top-right .header-email,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top-right .social-icon {
	color: #ffffff !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-top-left .top-bar-sep {
	color: rgba(255, 255, 255, 0.6) !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-center .main-menu a {
	color: #ffffff !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-right .my-account-wrapper a,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-right .my-account-wrapper .account-control > a,
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-right .shopping-cart-wrapper a {
	color: #ffffff !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-right .my-account-wrapper .account-control > a:before {
	color: #ffffff !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .header-main-left .logo-wrapper img {
	filter: brightness(0) invert(1) !important;
}
.sticky-wrapper.is-sticky .microbiome-header .header-sticky .ts-mobile-icon-toggle .icon:before {
	color: #ffffff !important;
	background: transparent !important;
}

/* Sticky header: siyah, hafif saydam arka plan ve beyaz yazılar (ana sayfa hariç) */
body:not(.home) .microbiome-header .header-top,
body:not(.home) .microbiome-header .header-main {
	background: rgba(0, 0, 0, 0.88);
	border-color: rgba(255, 255, 255, 0.12);
}
body:not(.home) .microbiome-header .header-main {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
body:not(.home) .microbiome-header .header-top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body:not(.home) .microbiome-header .header-top-left .top-bar-menu a,
body:not(.home) .microbiome-header .header-top-left .top-bar-menu a:hover,
body:not(.home) .microbiome-header .header-top-right .header-phone,
body:not(.home) .microbiome-header .header-top-right .header-email,
body:not(.home) .microbiome-header .header-top-right .header-email:hover,
body:not(.home) .microbiome-header .header-top-right .social-icon,
body:not(.home) .microbiome-header .header-top-right .social-icon:hover {
	color: #ffffff;
}
body:not(.home) .microbiome-header .header-top-left .top-bar-sep {
	color: rgba(255, 255, 255, 0.6);
}
body:not(.home) .microbiome-header .header-main-center .main-menu a,
body:not(.home) .microbiome-header .header-main-center .main-menu a:hover {
	color: #ffffff;
}
body:not(.home) .microbiome-header .header-main-center .main-menu > ul > li > a::before {
	opacity: 0.8;
}
body:not(.home) .microbiome-header .header-main-right .my-account-wrapper a,
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper a {
	color: #ffffff;
}
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper .ic-cart:before,
body:not(.home) .microbiome-header .header-main-right .my-account-wrapper .ic-user:before,
body:not(.home) .microbiome-header .header-main-right .my-account-wrapper .account-control > a:before {
	color: #ffffff;
}
/* Logo koyu arka planda beyaz (görsel için filter) */
body:not(.home) .microbiome-header .header-main-left .logo-wrapper img {
	filter: brightness(0) invert(1);
}
body:not(.home) .microbiome-header .ts-mobile-icon-toggle .icon:before {
	color: #ffffff !important;
	background: transparent !important;
}

/* Microbiome header - birebir aynı yapı ve stil */
.microbiome-header .header-top {
	display: block !important; /* Eczane Portalı vb. her zaman görünsün (masaüstünde) */
	font-size: 12px;
	line-height: 1.3;
	padding: 5px 0;
	min-height: 0;
	background: #f7f7f7;
	border-bottom: 1px solid #e0e0e0;
}

.microbiome-header .header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Üst bar sol içeriği kenardan biraz içeri (ortaya yakın) */
.microbiome-header .header-top-left {
	padding-left: 24px;
}

/* Üst bar sol: Eczane Portalı | Kataloglar | Faydalı Yazılar */
.microbiome-header .header-top-left .top-bar-menu,
.microbiome-header .header-top-left .top-header-menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.microbiome-header .header-top-left .top-bar-menu a,
.microbiome-header .header-top-left .top-header-menu a {
	color: #555555;
	text-decoration: none;
}

.microbiome-header .header-top-left .top-bar-menu a:hover,
.microbiome-header .header-top-left .top-header-menu a:hover {
	color: #e8e8e8;
}

/* Tüm üst bar ikonları - Microbiome ile aynı boyut ve stil */
.microbiome-header .header-top-left .top-bar-menu a i,
.microbiome-header .header-top-left .top-header-menu a i {
	margin-right: 6px;
	opacity: 0.85;
	font-size: 12px;
	width: 1em;
	text-align: center;
	vertical-align: middle;
}

.microbiome-header .header-top-left .top-bar-sep {
	color: #999;
	margin: 0 2px;
}

.microbiome-header .header-top-left .top-header-menu ul {
	display: flex;
	align-items: center;
	gap: 0 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.microbiome-header .header-top-left .top-header-menu li + li::before {
	content: "|";
	color: #999;
	margin-right: 6px;
}

/* Üst bar sağ: telefon + e-posta + sosyal ikonlar */
.microbiome-header .header-top-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.microbiome-header .header-top-right .header-phone,
.microbiome-header .header-top-right .header-email {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.microbiome-header .header-top-right .header-phone i,
.microbiome-header .header-top-right .header-email i {
	font-size: 12px;
	opacity: 0.85;
	width: 1em;
	text-align: center;
}

.microbiome-header .header-top-right .header-phone {
	color: #555555;
}

.microbiome-header .header-top-right .header-email {
	color: #555555;
	text-decoration: none;
}

.microbiome-header .header-top-right .header-email:hover {
	color: #222222;
}

.microbiome-header .header-top-right .social-icon {
	margin-left: 4px;
	color: #555555;
}
.microbiome-header .header-top-right .social-icon i {
	font-size: 13px;
	opacity: 0.9;
}

.microbiome-header .header-top-right .social-icon:hover {
	color: #222222;
}

.microbiome-header .header-main {
	padding: 12px 0;
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
}

.microbiome-header .header-main .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.microbiome-header .header-main-left .logo-wrapper {
	display: flex;
	align-items: center;
}

/* Logo daima beyaz */
.microbiome-header .header-main-left .logo-wrapper img {
	filter: brightness(0) invert(1) !important;
}

.microbiome-header .header-main-center .main-menu > ul {
	display: flex;
	gap: 24px;
}

.microbiome-header .header-main-center .main-menu a {
	font-weight: 500;
	color: #222222;
}

.microbiome-header .header-main-center .main-menu a:hover {
	color: #007cba;
}

/* Ana menü linkleri: altta koyu yeşil çizgi, hover’da soldan sağa çizilir */
.microbiome-header .header-main-center .main-menu > ul > li > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	position: relative;
	padding-bottom: 6px;
}
.microbiome-header .header-main-center .main-menu > ul > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	background: #50b033;
	width: 0;
	transition: width 0.3s ease;
}
.microbiome-header .header-main-center .main-menu > ul > li > a:hover::after,
.microbiome-header .header-main-center .main-menu > ul > li.current-menu-item > a::after {
	width: 100%;
}

/* Ana menü: ok ikonu kaldırıldı, her öğede kendi ikonu (PHP ile eklenen .menu-item-icon) */
.microbiome-header .header-main-center .main-menu > ul > li > a::before {
	display: none;
}
.microbiome-header .header-main-center .main-menu > ul > li > a .menu-item-icon {
	font-size: 14px;
	opacity: 0.9;
}

.microbiome-header .header-main-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* Sepet yazısı (label + tutar) Giriş Yap ile aynı özelliklerde: aynı font boyutu ve rengi */
.microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total,
.microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total .label {
	font-size: var(--ts-menu-font-size, 1rem) !important;
	font-weight: var(--ts-menu-font-weight, 500) !important;
	color: inherit !important;
}

/* Ana sayfa + diğer sayfalar + sticky: sepet metni ve ikonu beyaz */
.home .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control,
.home .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total,
.home .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total .label,
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control,
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total,
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total .label,
.sticky-wrapper.is-sticky .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control,
.sticky-wrapper.is-sticky .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total,
.sticky-wrapper.is-sticky .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .cart-total .label {
	color: #ffffff !important;
}
.home .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .ic-cart:before,
body:not(.home) .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .ic-cart:before,
.sticky-wrapper.is-sticky .microbiome-header .header-main-right .shopping-cart-wrapper .cart-control .ic-cart:before {
	color: #ffffff !important;
}

/* Ana sayfada header'ı slider'ın üstüne bindir */
.home .microbiome-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: transparent;
	box-shadow: none;
}

/* Ana sayfada header tamamen transparan ve beyaz metinli olsun */
.home .microbiome-header .header-top,
.home .microbiome-header .header-main {
	background: transparent;
	border-bottom: none;
}

.home .microbiome-header .header-top-left span,
.home .microbiome-header .header-top-left a,
.home .microbiome-header .header-top-right .header-phone,
.home .microbiome-header .header-top-right .header-email,
.home .microbiome-header .header-top-right .social-icon,
.home .microbiome-header .header-main-center .main-menu a,
.home .microbiome-header .header-main-right .my-account-wrapper a,
.home .microbiome-header .header-main-right .my-account-wrapper .account-control > a {
	color: #ffffff;
}
.home .microbiome-header .header-main-right .my-account-wrapper .account-control > a:before {
	color: #ffffff;
}

.home .microbiome-header .header-top-right .social-icon:hover,
.home .microbiome-header .header-main-center .main-menu a:hover {
	color: #f0f0f0;
}

/* Ana sayfada gövdeyi yukarı itme (header boşluk bırakmasın) */
.home #page {
	padding-top: 0;
}
/* Ana sayfada slider'ın üst boşluğunu sıfırla */
.home .wrapper,
.home .page-container,
.home .site-main,
.home #main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Revolution Slider kullanıyorsan üst marjı kaldır */
.home .rev_slider_wrapper,
.home .rev_slider {
	margin-top: 0 !important;
}

/* Ana sayfa: slider'ın solunda ve altında beyaz boşluk kalmasın (tam genişlik, alt boşluk yok) */
.home #main > .page-container,
.home #main > .site-main {
	overflow: visible;
}
.home #main .elementor .elementor-section:first-child,
.home #main .elementor > .elementor-section:first-child,
.home #main > .page-container > .elementor > .elementor-section:first-child,
.home #main > .page-container > .elementor-section:first-child {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box;
}
/* SR7 (Slider Revolution 7) içeren bölüm de tam genişlik */
.home #main .elementor-section:has(sr7-module) {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}
.home #main .elementor-section:has(sr7-module) .elementor-container,
.home #main .elementor-section:has(sr7-module) .elementor-column-wrap,
.home #main .elementor-section:has(sr7-module) .elementor-widget-wrap {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.home sr7-module,
.home [data-alias="slider-2"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}
/* SR7 arka plan katmanı soldaki boşluğu kaldır (left: 75.7px → 0) */
.home #SR7_7_1-20-1,
.home sr7-module sr7-slide sr7-img:first-of-type {
	left: 0 !important;
}
.home #main .rev_slider_wrapper,
.home #main .rev_slider {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: calc(-50vw + 50%) !important;
	margin-bottom: 0 !important;
}
body.home {
	overflow-x: hidden;
}

/* Footer altındaki sayfa listesini kaldır */
#colophon .wp-block-page-list,
#colophon .elementor-widget-wp-widget-pages,
#colophon .widget_pages,
#colophon .wp-block-navigation,
.footer-container .wp-block-page-list,
.footer-container .elementor-widget-wp-widget-pages,
.footer-container .widget_pages,
.footer-container .wp-block-navigation,
.footer-area .wp-block-page-list,
.footer-area .elementor-widget-wp-widget-pages,
body .footer-container .elementor-widget-wp-widget-pages,
body .footer-area .elementor-widget-wp-widget-pages {
	display: none !important;
}

/* Footer altında görünen mbh bloğunu tamamen kaldır (mevcut header'ı etkilemez) */
#mbh,
header#mbh,
.mbh {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/* ========== MOBİL UYUMLULUK (Microbiome.com.tr tarzı) ========== */

/* Hamburger menü - sadece masaüstünde gizle */
.microbiome-header .microbiome-mobile-toggle {
	display: none;
}

/* Tablet ve mobil: menü çubuğu yerine hamburger */
@media only screen and (max-width: 991px) {
	.microbiome-header .header-main-center {
		display: none !important;
	}
	.microbiome-header .microbiome-mobile-toggle {
		display: inline-block !important;
	}
	.microbiome-header .header-main .container {
		gap: 12px;
	}
	.microbiome-header .header-main {
		padding: 10px 0;
	}
}

/* Mobil: üst bar gizle, tek satır logo + ikonlar (Microbiome gibi) */
@media only screen and (max-width: 767px) {
	.microbiome-header .header-top {
		display: none !important;
	}
	.microbiome-header .header-main {
		padding: 10px 0;
		border-top: none;
	}
	.microbiome-header .header-main .container {
		padding-left: 12px;
		padding-right: 12px;
		gap: 8px;
	}
	.microbiome-header .header-main-left .logo-wrapper img {
		max-height: 36px;
		width: auto;
		height: auto;
	}
	.microbiome-header .header-main-right {
		gap: 10px;
	}
	/* Hamburger ikonu boyutu */
	.microbiome-header .ts-mobile-icon-toggle .icon:before {
		font-size: 1.35rem;
	}
}

/* Çok küçük ekranlar */
@media only screen and (max-width: 480px) {
	.microbiome-header .header-main .container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.microbiome-header .header-main-left .logo-wrapper img {
		max-height: 32px;
	}
}

/* Ana sayfa + mobil: şeffaf header'da hamburger ve ikonlar beyaz */
@media only screen and (max-width: 991px) {
	.home .microbiome-header .ts-mobile-icon-toggle .icon:before {
		color: #ffffff !important;
		background: transparent !important;
	}
}
@media only screen and (max-width: 767px) {
	.home .microbiome-header .header-main-right .my-account-wrapper a,
	.home .microbiome-header .header-main-right .shopping-cart-wrapper a {
		color: #ffffff;
	}
	.home .microbiome-header .header-main-right .shopping-cart-wrapper .ic-cart:before,
	.home .microbiome-header .header-main-right .my-account-wrapper .ic-user:before,
	.home .microbiome-header .header-main-right .my-account-wrapper .account-control > a:before {
		color: #ffffff;
	}
}

/* ==========================================================================
   Uçuşan yapraklar - site genelinde, içeriğin üzerinde (mobil dahil)
   ========================================================================== */
.floating-leaves {
	position: fixed;
	inset: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 9998;
	overflow: hidden;
}

.floating-leaves .leaf {
	position: absolute;
	top: -5%;
	color: #50b033;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	animation: floating-leaf linear infinite;
	will-change: transform;
}

.floating-leaves .leaf svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

@keyframes floating-leaf {
	0% {
		transform: translateY(-10%) translateX(0) rotate(0deg);
	}
	25% {
		transform: translateY(25vh) translateX(15px) rotate(90deg);
	}
	50% {
		transform: translateY(50vh) translateX(-10px) rotate(180deg);
	}
	75% {
		transform: translateY(75vh) translateX(20px) rotate(270deg);
	}
	100% {
		transform: translateY(110vh) translateX(0) rotate(360deg);
	}
}