/*
Theme Name:   Meraklı Tilki Kitaplığı Child
Theme URI:    https://www.meraklitilki.com
Description:  Meraklı Tilki Kitaplığı için Hello Elementor alt (child) teması.
Author:       Meraklı Tilki Kitaplığı
Template:     hello-elementor
Version:      1.3.0
Text Domain:  meraklitilki-child
*/

/* =========================================================
 * 1. TASARIM SİSTEMİ (CSS Değişkenleri)
 * ========================================================= */
:root {
	--mt-color-primary: #3E8DC4;
	--mt-color-primary-dark: #2E6D9B;
	--mt-color-accent: #F2871A;
	--mt-color-accent-dark: #D9740F;
	--mt-color-green: #6FAE3E;
	--mt-color-green-dark: #5A8F32;
	--mt-color-cta: #F2871A;
	--mt-color-cta-dark: #D9740F;

	--mt-color-text: #262626;
	--mt-color-muted: #6B6B6B;
	--mt-color-bg-soft: #F7F9FB;
	--mt-color-border: #E3E8ED;

	--mt-font-heading: 'Poppins', sans-serif;
	--mt-font-body: 'Nunito', sans-serif;

	--mt-radius: 14px;
	--mt-radius-sm: 8px;
	--mt-radius-pill: 999px;
	--mt-shadow: 0 4px 16px rgba(22, 35, 61, 0.08);
	--mt-space: 1.25rem;
}

body { font-family: var(--mt-font-body); color: var(--mt-color-text); }
h1, h2, h3, h4, h5, h6 { font-family: var(--mt-font-heading); }
a { color: var(--mt-color-primary); }
a:hover { color: var(--mt-color-accent); }

/* =========================================================
 * 2. HEADER VE MENÜ (Masaüstü & Mobil)
 * ========================================================= */
/* Mega Menu Açılır Liste Köşe Yuvarlaklığı ve Gölgesi */
.e-n-menu-content > .e-con {
	border: 2px solid var(--mt-color-accent) !important;
	border-radius: 4px !important;
	overflow: hidden;
	padding-top: 12px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

@media (max-width: 1024px) {
	/* Mobil Menü Genel Görünüm */
	.e-n-menu-content, .e-n-menu-dropdown, .elementor-nav-menu--dropdown {
		background-color: #ffffff !important;
		z-index: 99999 !important;
	}
	/* Mobil Menü Linkleri */
	.e-n-menu-content a, .e-n-menu-content .e-n-menu-title-text, .elementor-nav-menu--dropdown a {
		color: #262626 !important;
		font-weight: 700 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.e-n-menu-title { border-bottom: 1px solid #eee !important; padding: 12px 20px !important; }
	.e-n-menu-content .e-n-menu-dropdown a { color: var(--mt-color-primary) !important; padding-left: 35px !important; }
	
	/* Hamburger İkonu */
	.e-n-menu-toggle svg, .elementor-menu-toggle svg { fill: #262626 !important; }
}

/* =========================================================
 * 3. ÜRÜN SAYFASI (Tekil Ürün)
 * ========================================================= */
.woocommerce div.product { padding-top: 8px; box-sizing: border-box; }
.woocommerce div.product h1.product_title { font-size: 1.5rem; line-height: 1.3; }

/* Widget Sıralaması */
.woocommerce div.product .elementor-widget-wrap { display: flex; flex-direction: column; }
.woocommerce div.product .elementor-widget-wrap > .elementor-element:has(.mt-book-details--specs) { order: 10; }
.woocommerce div.product .elementor-widget-wrap > .elementor-widget-woocommerce-product-add-to-cart { order: 20; }
.woocommerce div.product .elementor-widget-wrap > .elementor-element:has(.mt-book-details--categories) { order: 30; }
.woocommerce div.product .elementor-widget-container { margin-bottom: 0.9rem; }
.woocommerce div.product .elementor-widget-container:last-child { margin-bottom: 0; }

/* Fiyat */
.woocommerce div.product p.price { font-family: var(--mt-font-heading); color: var(--mt-color-text); font-size: 1.4rem; font-weight: 700; }
.woocommerce div.product p.price del { color: var(--mt-color-muted); font-size: 0.85em; font-weight: 400; opacity: 0.8; }
.woocommerce div.product p.price ins { text-decoration: none; }

/* Sepet Formu ve Miktar Seçici */
.woocommerce div.product form.cart { display: flex; align-items: center; flex-wrap: wrap; gap: 0.9rem; }
.woocommerce div.product form.cart .quantity {
	display: flex; align-items: stretch; height: 48px !important; box-sizing: border-box;
	margin: 0; border: 2px solid var(--mt-color-primary); border-radius: var(--mt-radius-sm); background: #fff;
}
.mt-qty-btn {
	display: flex; align-items: center; justify-content: center; min-width: 44px; height: 100%; box-sizing: border-box;
	background: var(--mt-color-bg-soft); color: var(--mt-color-primary); font-size: 1.2rem; font-weight: 700;
	border: none; cursor: pointer; touch-action: manipulation; transition: all 0.15s ease;
}
.mt-qty-btn:hover { background: var(--mt-color-primary); color: #fff; }
.woocommerce div.product form.cart .quantity .qty {
	width: 50px; height: 100% !important; box-sizing: border-box; border: none; border-radius: 0;
	border-left: 1px solid var(--mt-color-border); border-right: 1px solid var(--mt-color-border); text-align: center;
	-moz-appearance: textfield;
}
.woocommerce div.product form.cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.woocommerce div.product form.cart .single_add_to_cart_button.button {
	height: 48px !important; line-height: 1; margin: 0;
	background-color: var(--mt-color-cta) !important; border-color: var(--mt-color-cta) !important; color: #fff !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button:hover { background-color: var(--mt-color-cta-dark) !important; }

/* Galeri Küçük Resimleri */
.woocommerce div.product div.images .flex-control-thumbs { display: flex !important; flex-wrap: wrap; gap: 10px !important; margin-top: 15px !important; padding: 0 !important; list-style: none !important; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; flex: 0 0 auto !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs li img { display: block !important; width: 70px !important; height: auto !important; max-width: 70px !important; border-radius: var(--mt-radius-sm); border: 2px solid transparent; transition: border-color 0.15s ease; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover { border-color: var(--mt-color-primary); }

/* Sağ Sütun Kutuları (Specs & Kategoriler) */
.mt-book-details { display: flex; flex-direction: column; gap: 0.9rem; }
.mt-spec-box { background: #fff; border: 1px solid var(--mt-color-border); border-radius: var(--mt-radius); box-shadow: var(--mt-shadow); padding: var(--mt-space); }
.mt-spec-box__title { font-family: var(--mt-font-heading); font-size: 1rem; font-weight: 700; color: var(--mt-color-text); margin: 0 0 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; }
.mt-spec-box__list { list-style: none; margin: 0; padding: 0; font-size: 0.9rem; color: var(--mt-color-muted); line-height: 1.8; }
.mt-spec-box__list li strong { color: var(--mt-color-text); font-weight: 600; }

.mt-cat-group__title { display: flex; align-items: center; gap: 0.45rem; font-family: var(--mt-font-heading); font-weight: 700; font-size: 0.9rem; color: var(--mt-color-text); margin: 0 0 0.6rem; }
.mt-cat-group__title::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--mt-color-accent); flex-shrink: 0; }
.mt-cat-group__list { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0; padding: 0; }
.mt-cat-group__list a { display: inline-block; text-decoration: none; background: rgba(242, 135, 26, 0.1); color: var(--mt-color-accent-dark); font-family: var(--mt-font-body); font-size: 0.8rem; font-weight: 600; padding: 0.3em 0.75em; border-radius: var(--mt-radius-pill); transition: all 0.15s ease; }
.mt-cat-group__list a:hover { background: var(--mt-color-accent); color: #fff; }
.mt-cat-group--temalar .mt-cat-group__list a { font-size: 0.72rem; padding: 0.25em 0.65em; }
.mt-cat-group--scrollable .mt-cat-group__list { max-height: 128px; overflow-y: auto; padding: 0.6rem; margin: 0; background: var(--mt-color-bg-soft); border: 1px solid var(--mt-color-border); border-radius: var(--mt-radius-sm); }
.mt-cat-group--scrollable .mt-cat-group__list::-webkit-scrollbar { width: 6px; }
.mt-cat-group--scrollable .mt-cat-group__list::-webkit-scrollbar-thumb { background: var(--mt-color-border); border-radius: var(--mt-radius-pill); }

/* Sınıfa ve Yaşa Göre Özel Grubu */
.mt-cat-group--sinif-yas .mt-cat-group__title::before { background: var(--mt-color-primary); }
.mt-cat-group--sinif-yas .mt-cat-group__list a { background: rgba(62, 141, 196, 0.1); color: var(--mt-color-primary-dark); }
.mt-cat-group--sinif-yas .mt-cat-group__list a:hover { background: var(--mt-color-primary); color: #fff; }

/* Ürün Meta Bilgisi */
.woocommerce div.product .product_meta { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 1.25rem; font-size: 0.85rem; color: var(--mt-color-muted); }
.woocommerce div.product .product_meta a { color: var(--mt-color-primary); text-decoration: none; }
.woocommerce div.product .product_meta a:hover { color: var(--mt-color-accent); text-decoration: underline; }

/* =========================================================
 * 4. MAĞAZA / ARŞİV SAYFALARI (Ürün Kartları)
 * ========================================================= */
.woocommerce ul.products:not(.elementor-grid) {
	display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; margin: 0 !important;
}
.woocommerce ul.products:not(.elementor-grid)::before,
.woocommerce ul.products:not(.elementor-grid)::after { content: none !important; display: none !important; }

.woocommerce ul.products li.product {
	background: #fff; border: 1px solid var(--mt-color-border); border-radius: var(--mt-radius); box-shadow: var(--mt-shadow);
	padding: 1rem !important; box-sizing: border-box; display: flex; flex-direction: column; position: relative;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(22, 35, 61, 0.12); }

.woocommerce ul.products li.product > a:first-of-type,
.woocommerce ul.products li.product .woocommerce-loop-product__link { position: relative; display: block; overflow: hidden; border-radius: var(--mt-radius-sm); margin-bottom: 0.85rem; }
.woocommerce ul.products li.product img { border-radius: var(--mt-radius-sm); display: block; width: 100%; height: auto; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--mt-font-heading); font-size: 0.95rem; font-weight: 600; color: var(--mt-color-text) !important; margin: 0 0 0.4rem; line-height: 1.35;
}

.woocommerce ul.products li.product .price { display: block; margin-bottom: 0.85rem; font-family: var(--mt-font-heading); color: var(--mt-color-text) !important; font-size: 1rem; font-weight: 700; }
.woocommerce ul.products li.product .price del { color: var(--mt-color-muted) !important; font-weight: 400; opacity: 0.8; margin-right: 0.35em; }
.woocommerce ul.products li.product .price ins { color: var(--mt-color-text) !important; text-decoration: none; }

/* Sepete Ekle Butonu */
.woocommerce ul.products li.product a.button {
	margin-top: auto; width: 100%; text-align: center;
	background-color: var(--mt-color-cta) !important; border-color: var(--mt-color-cta) !important; color: #fff !important;
}
.woocommerce ul.products li.product a.button:hover { background-color: var(--mt-color-cta-dark) !important; }

/* =========================================================
 * 5. ROZETLER, FİYAT ÇİZGİLERİ VE PAGINATION
 * ========================================================= */
/* İndirim Rozeti */
.woocommerce span.onsale {
	background-color: var(--mt-color-green); color: #fff; font-family: var(--mt-font-heading); font-weight: 800;
	font-size: 0.8rem !important; border-radius: 6px; padding: 0.3em 0.75em !important; line-height: 1.3; top: 12px; left: 12px; white-space: nowrap;
}
.woocommerce ul.products li.product span.onsale { position: absolute !important; top: 10px !important; left: 10px !important; z-index: 10; }

/* "YENİ!" Rozeti */
.mt-new-badge {
	position: absolute; top: 10px; left: 10px; z-index: 15; display: inline-block;
	background-color: #E33642; color: #fff; font-family: var(--mt-font-heading); font-weight: 800;
	font-size: 0.8rem; line-height: 1.3; padding: 0.3em 0.75em; border-radius: 6px; pointer-events: none;
}
.woocommerce div.product .mt-new-badge--single { top: 12px; left: 12px; font-size: 0.85rem; }
.woocommerce div.product .woocommerce-product-gallery__image { position: relative; }
.woocommerce ul.products li.product .mt-new-badge ~ span.onsale { top: 44px !important; }
.woocommerce div.product:has(.mt-new-badge--single) span.onsale { top: 58px !important; }

/* İndirim Öncesi Fiyat (Uzatılmış Çizgi) */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
ul.wc-block-grid__products > li.wc-block-grid__product .wc-block-grid__product-price del {
	display: inline-block; position: relative; padding: 0 2px; margin-right: 0.55em;
	color: var(--mt-color-muted); font-weight: 500; opacity: 1 !important; text-decoration: none !important;
}
.woocommerce ul.products li.product .price del::after,
.woocommerce div.product p.price del::after,
ul.wc-block-grid__products > li.wc-block-grid__product .wc-block-grid__product-price del::after {
	content: ''; position: absolute; left: -2px; right: -2px; top: 50%; height: 1.5px; background: #000; transform: translateY(-50%); pointer-events: none;
}

/* WooCommerce Pagination (Kenarlıksız) */
.woocommerce-pagination ul.page-numbers { display: flex !important; justify-content: center !important; gap: 0.2rem !important; border: none !important; padding: 0 !important; margin-top: 2rem !important; }
.woocommerce-pagination ul.page-numbers li { border: none !important; margin: 0 !important; }
.woocommerce-pagination ul.page-numbers li .page-numbers {
	display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 38px !important; height: 38px !important;
	padding: 0 0.6rem !important; border: none !important; background: var(--mt-color-bg-soft) !important; color: var(--mt-color-text) !important;
	font-family: var(--mt-font-body) !important; font-size: 0.85rem !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.15s ease !important;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce-pagination ul.page-numbers li .page-numbers:hover { background: var(--mt-color-primary) !important; color: #fff !important; }

/* =========================================================
 * 6. DİĞER BİLEŞENLER (Breadcrumb, Store Notice, Sepet vb.)
 * ========================================================= */
/* Breadcrumb Gizleme */
.woocommerce-breadcrumb, .mt-breadcrumb, .elementor-widget-breadcrumbs, nav[aria-label="breadcrumb"] { display: none !important; }

/* Store Notice */
.woocommerce-store-notice { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.25rem; background-color: var(--mt-color-accent) !important; color: #fff !important; font-weight: 700; padding: 0.6em 1em !important; }
.woocommerce-store-notice > p { margin: 0 !important; }
.woocommerce-store-notice__dismiss-link { color: #fff !important; text-decoration: underline; padding: 0.15em 0.6em; border-radius: 4px; }
.woocommerce-store-notice__dismiss-link:hover { background-color: rgba(255, 255, 255, 0.15); }

/* "Sepetim" Butonu */
.woocommerce a.added_to_cart { display: inline-flex; align-items: center; justify-content: center; gap: 0.35em; align-self: flex-end; margin: 0.6rem 0 0 auto; padding: 0.4em 1em; background-color: var(--mt-color-green) !important; color: #fff !important; font-weight: 700; font-size: 0.75rem; border-radius: 6px; text-decoration: none !important; }
.woocommerce a.added_to_cart::before { content: '🛒'; }
.woocommerce a.added_to_cart:hover { background-color: var(--mt-color-green-dark) !important; }

/* Etkinlik Kitapçığı İndirme Butonu */
.mt-download-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #61CE70; color: #fff !important; font-weight: 600; padding: 0.9em 1.8em; border-radius: var(--mt-radius-sm); text-decoration: none !important; transition: all 0.3s ease; }
.mt-download-btn:hover { background-color: #4CB85B; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(62, 141, 196, 0.4); }

/* =========================================================
 * 7. MOBİL UYUMLULUK (Max 767px)
 * ========================================================= */
@media (max-width: 900px) {
	.woocommerce ul.products:not(.elementor-grid) { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
	.woocommerce div.product p.price { font-size: 1.2rem; }
	.woocommerce div.product form.cart { gap: 0.6rem; }
	.mt-download-btn { width: 100%; padding: 1em 1.5em; font-size: 0.9rem; }
}

/* =========================================================
 * ACİL DÜZELTME PAKETİ (Refactor kaynaklı bozulmalar için)
 * ========================================================= */

/* 1. ÜRÜN KARTLARI (Izgara ve Genişlik Düzeltmesi)
 * Ürünlerin ince uzun şeritler halinde kalmasını engeller. */
.woocommerce ul.products li.product,
ul.wc-block-grid__products > li.wc-block-grid__product {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
}

.woocommerce ul.products:not(.elementor-grid) {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 15px !important; /* Kartlar arası boşluk */
}

/* 2. İNDİRİM ROZETİ (%25 indirim) DÜZELTMESİ
 * Rozetin kartın tamamını kaplamasını engeller, sol üste sabitler. */
.woocommerce ul.products li.product span.onsale,
.woocommerce span.onsale {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: auto !important;
	bottom: auto !important;
	width: max-content !important; /* Rozetin içeriği kadar geniş olmasını sağlar */
	display: inline-block !important;
	align-self: flex-start !important;
	margin: 0 !important;
	z-index: 10 !important;
}

/* 3. BLOG SAYFASI TASARIMI (Tamamen Geri Yüklendi)
 * Görseldeki gibi sol sütun (Son Yazılar) ve sağ sütun (Yazılar) yapısını kurar. */
.mt-blog-page, .mt-blog-page * { box-sizing: border-box; }
.mt-blog-page {
	max-width: 1200px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; overflow-x: hidden;
}
.mt-blog-layout {
	display: flex; align-items: flex-start; gap: 3rem;
}
.mt-blog-sidebar {
	width: 260px; flex-shrink: 0; position: sticky; top: 2rem;
	background: var(--mt-color-bg-soft); border: 1px solid var(--mt-color-border);
	border-radius: var(--mt-radius); padding: 1.5rem;
}
.mt-blog-sidebar__title {
	display: flex; align-items: center; gap: 0.5rem;
	font-family: var(--mt-font-heading); font-size: 1rem; font-weight: 700;
	margin: 0 0 1.1rem; padding-bottom: 0.9rem; border-bottom: 2px solid var(--mt-color-accent);
}
.mt-blog-sidebar__title::before {
	content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--mt-color-accent); flex-shrink: 0;
}
.mt-blog-sidebar__list {
	list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.9rem;
}
.mt-blog-sidebar__item a {
	display: block; font-size: 0.85rem; font-weight: 600; line-height: 1.45;
	color: var(--mt-color-text); text-decoration: none; padding-left: 1rem;
	border-left: 2px solid var(--mt-color-border); transition: all 0.15s ease;
}
.mt-blog-sidebar__item a:hover { color: var(--mt-color-primary); border-left-color: var(--mt-color-primary); }
.mt-blog-main { flex: 1; min-width: 0; }
.mt-blog-post { padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--mt-color-border); }
.mt-blog-post:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.mt-blog-post__thumb { display: block; max-width: 520px; margin: 0 0 1.25rem; border-radius: var(--mt-radius); overflow: hidden; }
.mt-blog-post__thumb img { display: block; width: 100%; height: auto; border-radius: var(--mt-radius); transition: transform 0.2s ease; }
.mt-blog-post__title { margin: 0 0 0.4rem; font-weight: 400; font-size: 1.6rem; line-height: 1.3; }
.mt-blog-post__title a { color: var(--mt-color-primary); text-decoration: none; }
.mt-blog-post__date { margin: 0 0 1.1rem; font-size: 0.85rem; color: var(--mt-color-text); }
.mt-blog-post__excerpt { font-size: 1.05rem; line-height: 1.75; color: var(--mt-color-text); margin-bottom: 1rem; }
.mt-blog-post__readmore { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; font-weight: 700; color: var(--mt-color-accent-dark); text-decoration: none; }

/* 4. MOBİL MENÜ BEYAZ SORUNU KESİN ÇÖZÜMÜ
 * Elementor'un hangi menü widget'ını kullandığınızdan bağımsız olarak,
 * mobilde tüm metinleri zorla koyu renk yapar ve arka planı beyaz tutar. */
@media (max-width: 1024px) {
	/* Tüm mobil menü konteynerleri */
	.e-n-menu-content, 
	.e-n-menu-dropdown, 
	.elementor-nav-menu--dropdown,
	.elementor-nav-menu--dropdown li {
		background-color: #ffffff !important;
	}
	
	/* Tüm menü yazıları (Ana başlıklar ve alt başlıklar) */
	.e-n-menu-content a, 
	.e-n-menu-content span,
	.elementor-nav-menu--dropdown a, 
	.elementor-nav-menu--dropdown span,
	.e-n-menu-title-text {
		color: #262626 !important; /* Zorla koyu gri */
		opacity: 1 !important;
		visibility: visible !important;
		text-shadow: none !important;
	}
	
	/* Alt menülerin rengi (Mavi) */
	.e-n-menu-content ul ul a,
	.elementor-nav-menu--dropdown .sub-menu a {
		color: var(--mt-color-primary) !important; 
	}
	
	/* Blog sayfası mobil düzeni */
	.mt-blog-layout { flex-direction: column; }
	.mt-blog-sidebar { width: 100%; position: static; order: 2; margin-top: 2rem; }
	.mt-blog-main { order: 1; }
	.mt-blog-post__thumb { max-width: 100%; }
}

/* 1. İNDİRİM ROZETİ (ONSALE) BOYUT DÜZELTMESİ
 * Rozetin flex kapsayıcılar içinde aşağı doğru sünmesini engeller. */
.woocommerce span.onsale,
.woocommerce ul.products li.product span.onsale {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: auto !important;
	bottom: auto !important;
	height: max-content !important; /* Boyun uzamasını engeller */
	width: max-content !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.3em 0.75em !important;
	line-height: 1.3 !important;
	z-index: 10 !important;
	margin: 0 !important;
}

/* 2. FİYAT RENGİ DÜZELTMESİ
 * İndirimli (ins) ve normal fiyatların (bdi) mavi olmasını engelleyip siyah yapar. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price bdi {
	color: var(--mt-color-text) !important; /* Siyah */
	text-decoration: none !important;
}
/* Eski (üstü çizili) fiyatın rengi gri kalmalı */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del bdi {
	color: var(--mt-color-muted) !important;
}

/* 3. BUTON KÖŞE YUVARLAKLIĞI (BORDER RADIUS) DÜZELTMESİ
 * Tüm WooCommerce ve Elementor butonlarına standart yuvarlaklık geri verilir. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce ul.products li.product a.button,
.woocommerce div.product form.cart .single_add_to_cart_button.button,
.woocommerce a.added_to_cart {
	border-radius: var(--mt-radius-sm) !important; /* 8px yuvarlaklık */
}

/* 4. TEKİL ÜRÜN SAYFASI ROZET KONUMU (Görsel 4 için)
 * YENİ! ile çakışmaması için aşağıya iter. */
.woocommerce div.product:has(.mt-new-badge--single) span.onsale {
	top: 48px !important; 
}

/* =========================================================
 * İNDİRİM ROZETİ (ONSALE) PADDING VE YÜKSEKLİK DÜZELTMESİ
 * WooCommerce'in varsayılan "min-height" değerini sıfırlar.
 * ========================================================= */
.woocommerce span.onsale,
.woocommerce ul.products li.product span.onsale {
	min-height: 0 !important;      /* WooCommerce'in varsayılan yüksekliğini sıfırla */
	height: auto !important;       /* İçeriğe göre yükseklik */
	line-height: 1.2 !important;   /* Satır yüksekliğini daralt */
	padding: 4px 10px !important;  /* Sağ-sol 10px, Üst-alt 4px (Yeşil alanı daralttık) */
	display: inline-block !important;
	align-self: flex-start !important;
	top: 10px !important;
	left: 10px !important;
	z-index: 10 !important;
}

/* =========================================================
 * FINAL FIX: CLICKABLE WHATSAPP & TRANSPARENT COOKIE CONSENT
 * ========================================================= */

/* 1. Force WhatsApp to the absolute highest layer so it's always clickable */
.elementor-element:has(.joinchat),
.elementor-element:has(.wa-chat-box),
.elementor-element:has(#whatsapp-chat),
.elementor-element:has([class*="whatsapp"]) {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 2147483647 !important; /* Highest possible */
    pointer-events: auto !important; /* Ensure it can be clicked */
}

/* 2. The Cookie Consent full-screen wrapper (Lowered z-index slightly) */
.elementor-element:has(.ue-cookie-consent) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2147483640 !important; /* Just below WhatsApp */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important; /* Allows clicks to pass through */
    transform: none !important; 
}

/* 3. Cookie Consent Popup Box (More Transparent) */
.ue-cookie-consent {
    pointer-events: auto !important;
    max-width: 550px !important; 
    width: 90% !important;
    padding: 30px 40px !important; 
    
    /* Increased Transparency (50% Opaque White) */
    background-color: rgba(255, 255, 255, 0.5) !important; 
    backdrop-filter: blur(15px) !important; /* Higher blur for readability */
    -webkit-backdrop-filter: blur(15px) !important;
    
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 16px !important;
    text-align: center !important;
}

/* 4. Match the Demonstration Image Layout */
/* Center the icon */
.ue-cookie-icon {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
}

/* Put the text inside a solid white box (as seen in your demo) */
.ue-cookie-desc {
    background-color: #ffffff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

.ue-cookie-desc p {
    margin: 0 !important;
    font-size: 18px !important;
    color: #262626 !important;
}

/* Style the 'Tamam' button */
.ue-cookie-button {
    background-color: var(--mt-color-cta) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100% !important; 
    border: none !important;
    transition: background-color 0.2s ease !important;
}

.ue-cookie-button:hover {
    background-color: var(--mt-color-cta-dark) !important;
}

/* Ensure the underlying plugin wrapper is transparent */
.ue-cookie-consent-wrapper {
    background: transparent !important;
}

/* =========================================================
 * MOBİL MENÜ: ALT MENÜ GENİŞLİK VE PADDING DÜZELTMESİ
 * ========================================================= */
@media (max-width: 1024px) {
	
	/* Alt menü kapsayıcılarının tam genişlikte (width: 100%) olmasını sağla */
	.e-n-menu-content .e-con,
	.e-n-menu-content .e-con-inner {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Metin editörü kapsayıcılarını tam genişlik yap */
	.e-n-menu-content .elementor-widget-text-editor {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}

	/* Linklerin ve metinlerin görünümünü düzelt */
	.e-n-menu-content .elementor-widget-text-editor,
	.e-n-menu-content .elementor-widget-text-editor p,
	.e-n-menu-content .elementor-widget-text-editor a {
		/* Yatay padding'i azalt (Sıkışıklığı gider) */
		padding-left: 20px !important; 
		padding-right: 20px !important;
		
		/* Dikey padding'i azalt (Daha kompakt bir liste) */
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		
		/* Genişliği zorla tam yap */
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		
		/* Metni ortala */
		text-align: center !important;
		font-weight: 400 !important; 
		color: #16233D !important; 
		border-bottom: 1px solid #eaeaea !important;
		margin: 0 !important;
		font-size: 15px !important;
		text-decoration: none !important;
	}
}

/* Ürün Detayı kutusu ile altındaki sepet butonu arasına boşluk */
.woocommerce div.product .mt-book-details--specs {
    margin-bottom: 6px !important;
}