@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&display=swap');

/* ═══════════════════════════════════════════════════════════════ */
/* 🎨 THEME 3: BOLD GEOMETRIC - Güçlü, Keskin, Dramatik */
/* ═══════════════════════════════════════════════════════════════ */

:root {
    --bold-black: #0a0a0a;
    --bold-red: #e63946;
    --bold-orange: #f77f00;
    --bold-yellow: #fcbf49;
    --bold-white: #ffffff;
    --bold-gray: #2b2d42;
    --bold-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    --bold-shadow-hover: 0 15px 60px rgba(230, 57, 70, 0.5);
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Oswald', sans-serif;
    background: linear-gradient(135deg, #0a0a0a 0%, #2b2d42 50%, #0a0a0a 100%);
    background-attachment: fixed;
    min-height: 100vh;
    color: var(--bold-white);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
}

/* Koyu arka planlarda beyaz yazı */
body,
.category-card,
.product-card,
.bg-white.rounded-xl,
.category-panel .bg-white,
.cart-item,
.modal,
.top-bar,
.nav-button,
.nav-button.accent,
.language-selector .language-dropdown,
.bg-red-50,
.bg-blue-50,
.bg-yellow-50,
.bg-orange-50 {
    color: var(--bold-white) !important;
}

/* Beyaz arka planlarda koyu gri yazı */
.product-card h3,
.product-card h4,
.product-card p,
.bg-white.rounded-xl h3,
.bg-white.rounded-xl h4,
.bg-white.rounded-xl p,
.category-panel p,
.text-blue-600,
.text-blue-500,
.text-red-500,
.text-yellow-500,
.text-orange-500,
.text-green-500,
.text-pink-500 {
    color: #2b2d42 !important;
}

/* Ürün kartları beyaz arka plana sahipse koyu yazı */
.product-card,
.bg-white.rounded-xl {
    background: var(--bold-gray) !important;
    color: var(--bold-white) !important;
    border-color: var(--bold-red) !important;
}

.product-card h3,
.product-card h4,
.product-card p,
.bg-white.rounded-xl h3,
.bg-white.rounded-xl h4,
.bg-white.rounded-xl p {
    color: var(--bold-white) !important;
}

/* Ürün isimleri beyaz */
.product-card h3,
.bg-white.rounded-xl h3,
.text-xl.font-bold,
h3.text-xl.font-bold.text-gray-800 {
    color: white !important;
}

/* Alerjenler yazısı beyaz */
.text-xs.font-semibold[data-translate="allergens"],
.text-gray-700[data-translate="allergens"],
.fa-triangle-exclamation + span,
span[data-translate="allergens"] {
    color: white !important;
}

/* Fiyat beyaz */
.text-2xl.font-extrabold,
.text-gray-900.font-extrabold,
.text-gray-900.font-bold,
span.text-2xl.font-extrabold.text-gray-900,
span.text-2xl.font-extrabold.text-red-600,
.text-red-600.font-extrabold {
    color: white !important;
}

/* Tüm text-gray sınıfları ürün kartlarında beyaz */
.product-card .text-gray-800,
.product-card .text-gray-700,
.product-card .text-gray-900,
.product-card .text-gray-600,
.product-card .text-gray-500,
.bg-white.rounded-xl .text-gray-800,
.bg-white.rounded-xl .text-gray-700,
.bg-white.rounded-xl .text-gray-900,
.bg-white.rounded-xl .text-gray-600,
.bg-white.rounded-xl .text-gray-500 {
    color: white !important;
}

/* Ürün açıklamaları da beyaz */
.product-card p,
.bg-white.rounded-xl p,
.text-gray-600 {
    color: rgba(255, 255, 255, 0.9) !important;
}

::selection {
    background: var(--bold-red);
    color: white;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🎯 HERO SECTION - Bold & Dramatic */
/* ═══════════════════════════════════════════════════════════════ */

.hero-section {
    background: linear-gradient(135deg, var(--bold-red) 0%, var(--bold-orange) 100%);
    position: relative;
    overflow: hidden;
    min-height: 280px;
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}

.hero-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(0, 0, 0, 0.1) 10px,
            rgba(0, 0, 0, 0.1) 20px
        );
    pointer-events: none;
    z-index: 1;
}

.hero-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
    mix-blend-mode: multiply;
    filter: contrast(1.3) brightness(0.8);
}

.hero-section > * {
    position: relative;
    z-index: 2;
}

.hero-section h1 {
    font-family: 'Bebas Neue', cursive;
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 400;
    letter-spacing: 0.1em;
    color: white;
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5), 8px 8px 20px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
}

.hero-section p {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
    color: white;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🎨 BUTONLAR - Sharp & Bold */
/* ═══════════════════════════════════════════════════════════════ */

button.theme-bg,
a.theme-bg,
.nav-button.accent,
.bg-blue-500 {
    background: var(--bold-red) !important;
    border: 3px solid white !important;
    border-radius: 0 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 1rem 2.5rem !important;
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.2s ease !important;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

button.theme-bg:hover,
a.theme-bg:hover,
.nav-button.accent:hover,
.bg-blue-500:hover {
    background: var(--bold-orange) !important;
    transform: translate(-3px, -3px) !important;
    box-shadow: 9px 9px 0px rgba(0, 0, 0, 0.5) !important;
}

button.theme-bg:active,
a.theme-bg:active {
    transform: translate(0, 0) !important;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 📦 KARTLAR - Geometric & Sharp */
/* ═══════════════════════════════════════════════════════════════ */

.category-card {
    background: var(--bold-gray) !important;
    border: 4px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: var(--bold-shadow) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.category-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--bold-red) 0%, var(--bold-orange) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.category-card:hover {
    transform: translateY(-8px) rotate(-1deg) !important;
    border-color: var(--bold-orange) !important;
    box-shadow: var(--bold-shadow-hover) !important;
}

.category-card:hover::before {
    opacity: 0.2;
}

.category-card.is-active {
    background: var(--bold-red) !important;
    border-color: var(--bold-yellow) !important;
    box-shadow: 0 0 0 6px rgba(252, 191, 73, 0.3), var(--bold-shadow-hover) !important;
}

.category-card__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.category-card__content {
    position: relative;
    z-index: 2;
}

.category-card__content span {
    font-family: 'Bebas Neue', cursive;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em;
    color: white !important;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🍽️ ÜRÜN KARTLARI - Bold & Sharp */
/* ═══════════════════════════════════════════════════════════════ */

.product-card,
.bg-white.rounded-xl {
    background: var(--bold-white) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    color: #2b2d42 !important;
}

.product-card:hover,
.bg-white.rounded-xl:hover {
    transform: translateY(-6px) rotate(1deg) !important;
    border-color: var(--bold-orange) !important;
    box-shadow: var(--bold-shadow-hover) !important;
}

.product-card img {
    transition: transform 0.4s ease;
    filter: contrast(1.2) brightness(0.9);
}

.product-card:hover img {
    transform: scale(1.1);
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🏷️ ETİKETLER VE BADGE'LER */
/* ═══════════════════════════════════════════════════════════════ */

.absolute.top-2.left-2 span,
.inline-flex.items-center.px-3.py-1\.5 {
    background: var(--bold-red) !important;
    border: 2px solid white !important;
    border-radius: 0 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    padding: 0.5rem 1rem !important;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.absolute.top-2.left-2 span:hover,
.inline-flex.items-center.px-3.py-1\.5:hover {
    background: var(--bold-orange) !important;
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 📋 KATEGORİ PANELİ */
/* ═══════════════════════════════════════════════════════════════ */

.category-panel .bg-white {
    background: var(--bold-gray) !important;
    border: 4px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: var(--bold-shadow-hover) !important;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
    color: var(--bold-white) !important;
}

.category-panel h2 {
    font-family: 'Bebas Neue', cursive;
    font-size: clamp(2rem, 4vw, 3.5rem) !important;
    font-weight: 400 !important;
    color: white !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.5);
}

.category-panel p {
    font-family: 'Oswald', sans-serif;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.6;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🛒 SEPET VE MODAL */
/* ═══════════════════════════════════════════════════════════════ */

.bg-gradient-to-r.from-blue-500.to-blue-600 {
    background: var(--bold-red) !important;
    border-bottom: 4px solid var(--bold-orange) !important;
}

.cart-item {
    background: var(--bold-white) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    color: #2b2d42 !important;
}

.cart-item:hover {
    border-color: var(--bold-orange) !important;
    box-shadow: 0 10px 30px rgba(230, 57, 70, 0.5) !important;
}

/* Sepet modalı içindeki yazılar siyah */
#cartModal .text-gray-800,
#cartModal .text-gray-700,
#cartModal .text-gray-600,
#cartModal .text-gray-900,
#cartModal .text-gray-500,
#cartModal .text-gray-400 {
    color: #1a1a1a !important;
}

/* Sepet modalı ürün isimleri siyah */
#cartModal h4.font-semibold.text-gray-800 {
    color: #1a1a1a !important;
}

/* Sepet modalı ürün fiyatları siyah */
#cartModal p.text-gray-600,
#cartModal .text-xs.text-gray-600,
#cartModal .text-sm.text-gray-600 {
    color: #1a1a1a !important;
}

/* Sepet modalı toplam fiyat siyah */
#cartModal #cartTotal,
#cartModal .text-green-600,
#cartModal span.text-green-600 {
    color: #1a1a1a !important;
}

/* Ürün Notu label siyah */
#cartModal label.text-gray-600,
#cartModal label.font-medium.text-gray-600,
#cartModal label:has(.fa-sticky-note),
#cartModal .fa-sticky-note + span {
    color: #1a1a1a !important;
}

/* Sepet modalı genel yazılar siyah */
#cartModal .cart-item h4,
#cartModal .cart-item p,
#cartModal .cart-item label,
#cartModal .cart-item span:not(.text-white):not(.text-red-500) {
    color: #1a1a1a !important;
}

/* Sepet modalı "Kapat" butonu yazısı siyah */
#cartModal button[onclick*="toggleCartModal"],
#cartModal button[onclick*="toggleCartModal"] span,
#cartModal button[onclick*="toggleCartModal"] i,
#cartModal button:has([data-translate="close"]),
#cartModal button:has([data-translate="close"]) span,
#cartModal button.text-gray-700,
#cartModal button.text-gray-700 span,
#cartModal button.border.border-gray-300,
#cartModal button.border.border-gray-300 span {
    color: var(--bold-black) !important;
}

/* Sepet modalı "Toplam:" yazısı siyah */
#cartModal span[data-translate="total"],
#cartModal .flex.justify-between span[data-translate="total"],
#cartModal .text-lg.font-bold span[data-translate="total"],
#cartModal .text-xl.font-bold span[data-translate="total"] {
    color: var(--bold-black) !important;
}

/* "Kategoriye Dön" butonu yazısı siyah */
#backToCategories,
#backToCategories span,
#backToCategories i,
#backToCategories * {
    color: var(--bold-black) !important;
}

/* Besin Değerleri başlığı ve Detay butonu BEYAZ - EN GÜÇLÜ */
span.text-gray-700[data-translate="nutrition_values"],
span.text-xs.font-semibold.text-gray-700[data-translate="nutrition_values"],
span[data-translate="nutrition_values"].text-gray-700,
span[data-translate="nutrition_values"].text-xs.font-semibold.text-gray-700,
.flex.items-center span[data-translate="nutrition_values"],
.flex.items-center span.text-gray-700[data-translate="nutrition_values"],
button.text-blue-600[onclick*="toggleNutrition"],
button.text-blue-600[onclick*="toggleNutrition"] span,
button.text-blue-600[onclick*="toggleNutrition"] i,
button.text-xs.text-blue-600[onclick*="toggleNutrition"],
button.text-xs.text-blue-600[onclick*="toggleNutrition"] span,
button.text-xs.text-blue-600[onclick*="toggleNutrition"] i,
button[onclick*="toggleNutrition"].text-blue-600,
button[onclick*="toggleNutrition"].text-blue-600 span,
button[onclick*="toggleNutrition"].text-blue-600 i,
.text-blue-600[data-translate="details"],
.text-blue-600[data-translate="hide"],
span[data-translate="details"],
span[data-translate="hide"],
button[onclick*="toggleNutrition"] span[data-translate="details"],
button[onclick*="toggleNutrition"] span[data-translate="hide"],
.flex.items-center.justify-between button[onclick*="toggleNutrition"],
.flex.items-center.justify-between button[onclick*="toggleNutrition"] span,
.flex.items-center.justify-between button[onclick*="toggleNutrition"] i {
    color: white !important;
}

/* Besin değerleri kartları içindeki yazılar siyah - Çok kapsamlı */
.bg-red-50,
.bg-red-50 span,
.bg-red-50 *:not(button):not(.fa):not(i),
.bg-blue-50,
.bg-blue-50 span,
.bg-blue-50 *:not(button):not(.fa):not(i),
.bg-yellow-50,
.bg-yellow-50 span,
.bg-yellow-50 *:not(button):not(.fa):not(i),
.bg-orange-50,
.bg-orange-50 span,
.bg-orange-50 *:not(button):not(.fa):not(i),
.bg-gray-50,
.bg-gray-50 span,
.bg-gray-50 *:not(button):not(.fa):not(i),
#nutritionDetails_,
#nutritionDetails_ span,
#nutritionDetails_ *:not(button):not(.fa):not(i),
.bg-gray-50.rounded-lg,
.bg-gray-50.rounded-lg span,
.bg-gray-50.rounded-lg *:not(button):not(.fa):not(i) {
    color: var(--bold-black) !important;
}

/* Çapraz satış bölümü arka plan koyu */
#cartCrossSellSection,
#cartCrossSellProducts,
#crossSellProducts {
    background: transparent !important;
    border-color: var(--bold-red) !important;
}

/* Çapraz satış grid container */
.grid.grid-cols-1,
.grid.grid-cols-2 {
    background: transparent !important;
}

/* Çapraz satış bölümü için genel kural - EN GÜÇLÜ */
div:has([data-translate="you_may_also_like"]),
div:has([data-translate="you_may_also_like"]) *,
.bg-gradient-to-r.from-blue-50,
.bg-gradient-to-r.from-blue-50 *,
.bg-gradient-to-r.from-blue-50.to-indigo-50,
.bg-gradient-to-r.from-blue-50.to-indigo-50 * {
    color: white !important;
}

/* Çapraz satış ürün kartları için genel kural - ÇOK GÜÇLÜ */
.bg-white.rounded-lg.shadow-md,
.bg-white.rounded-lg.shadow-md *,
.bg-white.rounded-lg,
.bg-white.rounded-lg *,
.bg-white.rounded-lg.shadow-sm,
.bg-white.rounded-lg.shadow-sm * {
    color: white !important;
}

/* Çapraz satış ürün kartları içindeki TÜM yazılar beyaz - EN GÜÇLÜ */
.bg-white.rounded-lg h4,
.bg-white.rounded-lg .text-gray-800,
.bg-white.rounded-lg .text-gray-900,
.bg-white.rounded-lg .text-gray-400,
.bg-white.rounded-lg .text-red-600,
.bg-white.rounded-lg .font-semibold,
.bg-white.rounded-lg .font-bold,
.bg-white.rounded-lg .text-sm,
.bg-white.rounded-lg .text-xs,
.bg-white.rounded-lg span:not(button span):not(.text-white),
.bg-white.rounded-lg p,
.bg-white.rounded-lg div:not(button) {
    color: white !important;
}

/* Çapraz satış ürün kartları içindeki TÜM yazılar beyaz - EN GÜÇLÜ */
.bg-white.rounded-lg h4,
.bg-white.rounded-lg .text-gray-800,
.bg-white.rounded-lg .text-gray-900,
.bg-white.rounded-lg .text-gray-400,
.bg-white.rounded-lg .text-red-600,
.bg-white.rounded-lg .font-semibold,
.bg-white.rounded-lg .font-bold,
.bg-white.rounded-lg .text-sm,
.bg-white.rounded-lg .text-xs,
.bg-white.rounded-lg span:not(button span),
.bg-white.rounded-lg p,
.bg-white.rounded-lg div:not(button) {
    color: white !important;
}

/* Çapraz satış ürün kartları içindeki TÜM yazılar beyaz - EN GÜÇLÜ */
.bg-white.rounded-lg h4,
.bg-white.rounded-lg .text-gray-800,
.bg-white.rounded-lg .text-gray-900,
.bg-white.rounded-lg .text-gray-400,
.bg-white.rounded-lg .text-red-600,
.bg-white.rounded-lg .font-semibold,
.bg-white.rounded-lg .font-bold,
.bg-white.rounded-lg .text-sm,
.bg-white.rounded-lg .text-xs,
.bg-white.rounded-lg span,
.bg-white.rounded-lg p,
.bg-white.rounded-lg div {
    color: white !important;
}

/* Çapraz satış container arka plan koyu */
.bg-gradient-to-r.from-blue-50.to-indigo-50 {
    background: var(--bold-gray) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

/* Çapraz satış ürün kartları koyu arka plan - Çok kapsamlı */
#cartCrossSellProducts .bg-white,
#cartCrossSellProducts .rounded-lg,
#cartCrossSellProducts > div,
#cartCrossSellProducts div[class*="bg-white"],
#cartCrossSellProducts div[class*="rounded"],
#crossSellProducts .bg-white,
#crossSellProducts .rounded-lg,
#crossSellProducts > div,
#crossSellProducts div[class*="bg-white"],
#crossSellProducts div[class*="rounded"],
.grid.grid-cols-1 .bg-white,
.grid.grid-cols-1 .rounded-lg,
.grid.grid-cols-2 .bg-white,
.grid.grid-cols-2 .rounded-lg,
.grid.grid-cols-1.md\\:grid-cols-2 .bg-white,
.grid.grid-cols-1.md\\:grid-cols-2 .rounded-lg,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .bg-white,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .rounded-lg,
[data-translate="you_may_also_like"] ~ * .bg-white,
[data-translate="you_may_also_like"] ~ * .rounded-lg,
[data-translate="you_may_also_like"] ~ * > div,
[data-translate="you_may_also_like"] ~ div .bg-white,
[data-translate="you_may_also_like"] ~ div .rounded-lg {
    background: var(--bold-gray) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

/* Çapraz satış bölümü ürün isimleri beyaz */
#cartCrossSellSection h4,
#cartCrossSellProducts h4,
#cartCrossSellSection .text-gray-800,
#cartCrossSellProducts .text-gray-800,
#cartCrossSellSection .font-semibold,
#cartCrossSellProducts .font-semibold,
#cartCrossSellSection .text-xs.text-gray-800,
#cartCrossSellProducts .text-xs.text-gray-800,
#cartCrossSellProducts .text-sm.font-semibold.text-gray-800,
.bg-gradient-to-r.from-blue-50.to-indigo-50 h4,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-gray-800,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-sm.font-semibold.text-gray-800,
.grid.grid-cols-1.md\\:grid-cols-2 h4,
.grid.grid-cols-1.md\\:grid-cols-2 .text-gray-800,
.grid.grid-cols-1.md\\:grid-cols-2 .text-sm.font-semibold.text-gray-800,
.grid.grid-cols-2 h4,
.grid.grid-cols-2 .text-gray-800,
.cross-sell-product h4,
.cross-sell-section h4 {
    color: white !important;
}

/* Ürün detay sayfasındaki çapraz satış ürün isimleri beyaz */
#crossSellProducts h4,
#crossSellProducts .text-gray-800,
#crossSellProducts .font-semibold,
#crossSellProducts .text-sm.font-semibold.text-gray-800,
[data-translate="you_may_also_like"] ~ * h4,
[data-translate="you_may_also_like"] ~ * .text-gray-800,
[data-translate="you_may_also_like"] ~ * .text-sm.font-semibold.text-gray-800 {
    color: white !important;
}

/* Çapraz satış başlığı beyaz */
#cartCrossSellSection h3,
#cartCrossSellSection .text-gray-800,
#cartCrossSellSection .font-bold.text-gray-800,
#crossSellProducts h3,
.bg-gradient-to-r.from-blue-50.to-indigo-50 h3,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-gray-800,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-lg.font-bold.text-gray-800,
[data-translate="you_may_also_like"],
[data-translate="you_may_also_like"] + *,
span[data-translate="you_may_also_like"] {
    color: white !important;
}

/* Çapraz satış fiyatları beyaz */
#cartCrossSellProducts .text-gray-900,
#cartCrossSellProducts .text-red-600,
#cartCrossSellProducts .text-gray-400,
#cartCrossSellProducts .font-bold.text-gray-900,
#cartCrossSellProducts .font-bold.text-red-600,
#crossSellProducts .text-gray-900,
#crossSellProducts .text-red-600,
#crossSellProducts .text-gray-400,
#crossSellProducts .font-bold.text-gray-900,
#crossSellProducts .font-bold.text-red-600,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-gray-900,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-red-600,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-gray-400,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-sm.font-bold.text-gray-900,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-sm.font-bold.text-red-600,
.bg-gradient-to-r.from-blue-50.to-indigo-50 .text-xs.text-gray-400,
.grid.grid-cols-1.md\\:grid-cols-2 .text-gray-900,
.grid.grid-cols-1.md\\:grid-cols-2 .text-red-600,
.grid.grid-cols-1.md\\:grid-cols-2 .text-gray-400,
.grid.grid-cols-2 .text-gray-900,
.grid.grid-cols-2 .text-red-600,
[data-translate="you_may_also_like"] ~ * .text-gray-900,
[data-translate="you_may_also_like"] ~ * .text-red-600,
[data-translate="you_may_also_like"] ~ * .font-bold.text-gray-900 {
    color: white !important;
}

/* Çapraz satış ürün kartları içindeki TÜM yazılar beyaz - Çok güçlü selector */
#cartCrossSellProducts *:not(button):not(.fa):not(i),
#cartCrossSellSection *:not(button):not(.fa):not(i),
#crossSellProducts *:not(button):not(.fa):not(i),
[data-translate="you_may_also_like"] ~ * *:not(button):not(.fa):not(i),
.bg-gradient-to-r.from-blue-50.to-indigo-50 *:not(button):not(.fa):not(i),
.grid.grid-cols-1.md\\:grid-cols-2 *:not(button):not(.fa):not(i),
.grid.grid-cols-2 *:not(button):not(.fa):not(i),
.bg-white.rounded-lg *:not(button):not(.fa):not(i) {
    color: white !important;
}

/* Çapraz satış ürün kartları içindeki özel elementler - Daha spesifik */
#cartCrossSellProducts h4,
#cartCrossSellProducts h3,
#cartCrossSellProducts p,
#cartCrossSellProducts span:not(button span),
#cartCrossSellProducts div:not(button),
#cartCrossSellProducts .text-xs,
#cartCrossSellProducts .text-sm,
#cartCrossSellProducts .text-base,
#cartCrossSellProducts .font-semibold,
#cartCrossSellProducts .font-bold,
#cartCrossSellProducts .text-gray-800,
#cartCrossSellProducts .text-gray-900,
#cartCrossSellProducts .text-gray-600,
#cartCrossSellProducts .text-gray-400,
#cartCrossSellProducts .text-red-600,
#crossSellProducts h4,
#crossSellProducts h3,
#crossSellProducts p,
#crossSellProducts span:not(button span),
#crossSellProducts div:not(button),
#crossSellProducts .text-xs,
#crossSellProducts .text-sm,
#crossSellProducts .text-base,
#crossSellProducts .font-semibold,
#crossSellProducts .font-bold,
#crossSellProducts .text-gray-800,
#crossSellProducts .text-gray-900,
#crossSellProducts .text-gray-600,
#crossSellProducts .text-gray-400,
#crossSellProducts .text-red-600,
.bg-gradient-to-r.from-blue-50.to-indigo-50 h4,
.bg-gradient-to-r.from-blue-50.to-indigo-50 h3,
.bg-gradient-to-r.from-blue-50.to-indigo-50 p,
.bg-gradient-to-r.from-blue-50.to-indigo-50 span:not(button span),
.bg-gradient-to-r.from-blue-50.to-indigo-50 div:not(button),
.bg-white.rounded-lg h4,
.bg-white.rounded-lg h3,
.bg-white.rounded-lg p,
.bg-white.rounded-lg span:not(button span),
.grid.grid-cols-1.md\\:grid-cols-2 h4,
.grid.grid-cols-1.md\\:grid-cols-2 h3,
.grid.grid-cols-1.md\\:grid-cols-2 p,
.grid.grid-cols-1.md\\:grid-cols-2 span:not(button span),
.grid.grid-cols-2 h4,
.grid.grid-cols-2 h3,
.grid.grid-cols-2 p,
.grid.grid-cols-2 span:not(button span),
[data-translate="you_may_also_like"] ~ * h4,
[data-translate="you_may_also_like"] ~ * h3,
[data-translate="you_may_also_like"] ~ * p,
[data-translate="you_may_also_like"] ~ * span:not(button span),
[data-translate="you_may_also_like"] ~ * div:not(button),
[data-translate="you_may_also_like"] ~ * .text-gray-800,
[data-translate="you_may_also_like"] ~ * .text-gray-900,
[data-translate="you_may_also_like"] ~ * .text-gray-600,
[data-translate="you_may_also_like"] ~ * .text-gray-400,
[data-translate="you_may_also_like"] ~ * .text-red-600 {
    color: white !important;
}

/* Çapraz satış için EN GÜÇLÜ KURAL - Tüm yazılar beyaz */
.bg-gradient-to-r.from-blue-50.to-indigo-50 .bg-white.rounded-lg *:not(button):not(.fa):not(i):not(img),
.grid.grid-cols-1.md\:grid-cols-2 .bg-white.rounded-lg *:not(button):not(.fa):not(i):not(img),
.grid.grid-cols-2 .bg-white.rounded-lg *:not(button):not(.fa):not(i):not(img),
.bg-white.rounded-lg.shadow-md *:not(button):not(.fa):not(i):not(img),
.bg-white.rounded-lg *:not(button):not(.fa):not(i):not(img) {
    color: white !important;
}

.modal {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🎨 RENK DÜZENLEMELERİ */
/* ═══════════════════════════════════════════════════════════════ */

.border-amber-300,
.bg-amber-50,
.text-amber-700 {
    background: var(--bold-yellow) !important;
    border: 3px solid var(--bold-orange) !important;
    color: var(--bold-black) !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.bg-red-50,
.bg-blue-50,
.bg-yellow-50,
.bg-orange-50 {
    background: var(--bold-white) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    color: #2b2d42 !important;
}

.text-blue-600,
.text-blue-500,
.text-red-500,
.text-yellow-500,
.text-orange-500,
.text-green-500,
.text-pink-500 {
    color: #2b2d42 !important;
    font-weight: 700;
}

.text-blue-600:hover {
    color: var(--bold-orange) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 📱 RESPONSIVE */
/* ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .category-card {
        clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    }
    
    .category-panel .bg-white {
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
    }
    
    .hero-section h1 {
        font-size: clamp(2.5rem, 7vw, 4rem) !important;
    }
}

@media (max-width: 480px) {
    .category-card {
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    }
    
    .product-card,
    .bg-white.rounded-xl {
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    }
}

/* ═══════════════════════════════════════════════════════════════ */
/* ✨ ANİMASYONLAR */
/* ═══════════════════════════════════════════════════════════════ */

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-30px) rotate(-5deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0);
    }
}

.category-card,
.product-card {
    animation: slideIn 0.5s ease-out;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🎯 TOP BAR VE NAVIGATION */
/* ═══════════════════════════════════════════════════════════════ */

.top-bar,
.nav-button,
.nav-button.accent {
    background: var(--bold-gray) !important;
    border: 3px solid var(--bold-red) !important;
    border-radius: 0 !important;
    color: white !important;
    box-shadow: var(--bold-shadow) !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.language-selector .language-dropdown {
    background: var(--bold-gray) !important;
    border: 3px solid var(--bold-red) !important;
    box-shadow: var(--bold-shadow-hover) !important;
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.category-grid {
    gap: 2rem !important;
}

.product-card-shadow {
    box-shadow: var(--bold-shadow-hover) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🎉 KAMPANYA BANNER */
/* ═══════════════════════════════════════════════════════════════ */

.campaign-banner-marquee {
    background: var(--bold-red) !important;
    border: 4px solid var(--bold-yellow) !important;
    border-radius: 0 !important;
    box-shadow: var(--bold-shadow) !important;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.campaign-marquee-content {
    animation: marquee 20s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .campaign-marquee-content {
        animation-duration: 25s;
    }
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🌐 DİL SEÇİCİ - Yazılar siyah */
/* ═══════════════════════════════════════════════════════════════ */

.language-option-bottom.active,
.language-option-bottom.active span,
.language-option.active,
.language-option.active span,
.language-dropdown-bottom .language-option-bottom.active,
.language-dropdown .language-option.active {
    color: var(--bold-black) !important;
}

.language-option-bottom,
.language-option-bottom span,
.language-option,
.language-option span,
.language-dropdown-bottom .language-option-bottom,
.language-dropdown .language-option {
    color: var(--bold-black) !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🔍 ARAMA MODALI - Tüm yazılar siyah */
/* ═══════════════════════════════════════════════════════════════ */

/* Arama input yazısı siyah */
#searchInput,
#searchInput::placeholder,
#searchModal input[type="text"],
#searchModal input[type="text"]::placeholder {
    color: var(--bold-black) !important;
}

/* Arama sonuçları yazıları siyah */
#searchResults,
#searchResults *,
#searchResults h3,
#searchResults h4,
#searchResults p,
#searchResults span,
#searchResults .text-gray-800,
#searchResults .text-gray-700,
#searchResults .text-gray-900,
#searchResults .text-gray-600,
#searchResults .text-gray-500,
#searchResults .text-gray-400,
#searchModal .product-card,
#searchModal .product-card *,
#searchModal .product-card h3,
#searchModal .product-card h4,
#searchModal .product-card p,
#searchModal .product-card span,
#searchModal .bg-white,
#searchModal .bg-white *,
#searchModal .text-center,
#searchModal .text-center * {
    color: var(--bold-black) !important;
}

/* Arama modalı içindeki tüm yazılar siyah - Çok güçlü */
#searchModal input,
#searchModal input::placeholder,
#searchModal .text-gray-500,
#searchModal .text-gray-400,
#searchModal .text-gray-600,
#searchModal .text-gray-700,
#searchModal .text-gray-800,
#searchModal .text-gray-900,
#searchModal p,
#searchModal span:not(.fa):not(i),
#searchModal div:not(.fa):not(i),
#searchModal h3,
#searchModal h4,
#searchModal h5,
#searchModal .product-card h3,
#searchModal .product-card h4,
#searchModal .product-card p,
#searchModal .product-card span,
#searchModal .bg-white h3,
#searchModal .bg-white h4,
#searchModal .bg-white p,
#searchModal .bg-white span,
#searchModal .rounded-xl h3,
#searchModal .rounded-xl h4,
#searchModal .rounded-xl p,
#searchModal .rounded-xl span {
    color: var(--bold-black) !important;
}

/* Arama modalı başlık hariç (başlık beyaz kalabilir) */
#searchModal .bg-gradient-to-r.from-amber-500.to-orange-500,
#searchModal .bg-gradient-to-r.from-amber-500.to-orange-500 *,
#searchModal .bg-gradient-to-r.from-amber-500.to-orange-500 h2,
#searchModal .bg-gradient-to-r.from-amber-500.to-orange-500 span,
#searchModal .bg-gradient-to-r.from-amber-500.to-orange-500 i {
    color: white !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🛒 SEPETE EKLE BUTONU - Yazı beyaz */
/* ═══════════════════════════════════════════════════════════════ */

button[onclick*="cart.addItem"],
button[onclick*="cart.addItem"] span,
button[onclick*="cart.addItem"] i,
button[onclick*="cart.addItem"] *,
.bg-blue-500[onclick*="cart.addItem"],
.bg-blue-500[onclick*="cart.addItem"] span,
.bg-blue-500[onclick*="cart.addItem"] i,
.bg-blue-500[onclick*="cart.addItem"] *,
button.bg-blue-500,
button.bg-blue-500 span,
button.bg-blue-500 i,
button.bg-blue-500 *,
button[data-translate="add_to_cart"],
button[data-translate="add_to_cart"] span,
button[data-translate="add_to_cart"] i,
button[data-translate="add_to_cart"] *,
span[data-translate="add_to_cart"],
span[data-translate="add"],
button.bg-blue-500.hover\:bg-blue-600,
button.bg-blue-500.hover\:bg-blue-600 span,
button.bg-blue-500.hover\:bg-blue-600 i,
button.bg-blue-500.hover\:bg-blue-600 * {
    color: white !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* 🏷️ İNDİRİMLİ VE POPÜLER BADGE'LER - Yazılar beyaz */
/* ═══════════════════════════════════════════════════════════════ */

/* İndirimli badge - Sağ alt köşe */
.absolute.bottom-2.right-2,
.absolute.bottom-2.right-2 span,
.absolute.bottom-2.right-2 span *,
.absolute.bottom-2.right-2 .inline-flex,
.absolute.bottom-2.right-2 .inline-flex *,
.absolute.bottom-2.right-2 .inline-flex span,
.absolute.bottom-2.right-2 .inline-flex i,
.inline-flex.items-center.px-3.py-1\.5,
.inline-flex.items-center.px-3.py-1\.5 *,
.inline-flex.items-center.px-3.py-1\.5 span,
.inline-flex.items-center.px-3.py-1\.5 i,
.inline-flex.items-center.px-2.py-1,
.inline-flex.items-center.px-2.py-1 *,
.inline-flex.items-center.px-2.py-1 span,
.inline-flex.items-center.px-2.py-1 i,
span[style*="background-color"].inline-flex,
span[style*="background-color"].inline-flex *,
span[style*="background-color"].inline-flex span,
span[style*="background-color"].inline-flex i {
    color: white !important;
}

/* Popüler badge - Sol üst köşe */
.absolute.top-2.left-2,
.absolute.top-2.left-2 span,
.absolute.top-2.left-2 span *,
.absolute.top-2.left-2 .inline-flex,
.absolute.top-2.left-2 .inline-flex *,
.absolute.top-2.left-2 .inline-flex span,
.absolute.top-2.left-2 .inline-flex i,
.absolute.top-2.left-2 .flex span,
.absolute.top-2.left-2 .flex span *,
.absolute.top-2.left-2 .flex span span,
.absolute.top-2.left-2 .flex span i {
    color: white !important;
}

/* Tüm badge'ler için genel kural - Çok güçlü */
.absolute span.inline-flex,
.absolute span.inline-flex *,
.absolute span.inline-flex span,
.absolute span.inline-flex i,
.absolute .inline-flex.items-center,
.absolute .inline-flex.items-center *,
.absolute .inline-flex.items-center span,
.absolute .inline-flex.items-center i,
.badge,
.badge *,
.badge span,
.badge i,
span.inline-flex.items-center.px-2.py-1.rounded-full,
span.inline-flex.items-center.px-2.py-1.rounded-full *,
span.inline-flex.items-center.px-3.py-1\.5.rounded-full,
span.inline-flex.items-center.px-3.py-1\.5.rounded-full * {
    color: white !important;
}