/* ==========================================================================
   CHAMELEON ENGINE V2 - 20 ISOLATED PALETTES & 20 TEMPLATES
   Bu dosya modüllerin ve sitenin genel renk/tasarım hiyerarşisini belirler.
   ========================================================================== */

/* =======================================
   1. CHAMELEON 20 PREMIUM PALETTES
   ======================================= */
/* 1. Ocean */
:root, [data-global-palette="ocean"], .chameleon-module-wrapper[data-mod-palette="ocean"] {
    --m-bg-light: #F0F9FF; --m-bg-dark: #07132B;
    --m-text-light: #0369A1; --m-text-dark: #BAE6FD;
    --m-accent-light: #0284C7; --m-accent-dark: #38BDF8;
    --m-card-light: #FFFFFF; --m-card-dark: #0F2040;
    --m-border-light: rgba(2, 132, 199, 0.2); --m-border-dark: rgba(56, 189, 248, 0.2);
}

/* 2. Crimson */
:root, [data-global-palette="crimson"], .chameleon-module-wrapper[data-mod-palette="crimson"] {
    --m-bg-light: #FEF2F2; --m-bg-dark: #2B0707;
    --m-text-light: #991B1B; --m-text-dark: #FECACA;
    --m-accent-light: #DC2626; --m-accent-dark: #F87171;
    --m-card-light: #FFFFFF; --m-card-dark: #400F0F;
    --m-border-light: rgba(220, 38, 38, 0.2); --m-border-dark: rgba(248, 113, 113, 0.2);
}

/* 3. Emerald */
:root, [data-global-palette="emerald"], .chameleon-module-wrapper[data-mod-palette="emerald"] {
    --m-bg-light: #ECFDF5; --m-bg-dark: #064E3B;
    --m-text-light: #065F46; --m-text-dark: #D1FAE5;
    --m-accent-light: #059669; --m-accent-dark: #34D399;
    --m-card-light: #FFFFFF; --m-card-dark: #022C22;
    --m-border-light: rgba(5, 150, 105, 0.2); --m-border-dark: rgba(52, 211, 153, 0.2);
}

/* 4. Midnight */
:root, [data-global-palette="midnight"], .chameleon-module-wrapper[data-mod-palette="midnight"] {
    --m-bg-light: #F1F5F9; --m-bg-dark: #020617;
    --m-text-light: #1E293B; --m-text-dark: #F8FAFC;
    --m-accent-light: #334155; --m-accent-dark: #94A3B8;
    --m-card-light: #FFFFFF; --m-card-dark: #0F172A;
    --m-border-light: rgba(51, 65, 85, 0.2); --m-border-dark: rgba(148, 163, 184, 0.2);
}

/* 5. Cyberpunk */
:root, [data-global-palette="cyberpunk"], .chameleon-module-wrapper[data-mod-palette="cyberpunk"] {
    --m-bg-light: #FAF5FF; --m-bg-dark: #1F0033;
    --m-text-light: #6B21A8; --m-text-dark: #E9D5FF;
    --m-accent-light: #A855F7; --m-accent-dark: #F0ABFC;
    --m-card-light: #FFFFFF; --m-card-dark: #2D004D;
    --m-border-light: rgba(168, 85, 247, 0.4); --m-border-dark: rgba(240, 171, 252, 0.4);
}

/* 6. Sunset */
:root, [data-global-palette="sunset"], .chameleon-module-wrapper[data-mod-palette="sunset"] {
    --m-bg-light: #FFF7ED; --m-bg-dark: #431407;
    --m-text-light: #9A3412; --m-text-dark: #FFEDD5;
    --m-accent-light: #EA580C; --m-accent-dark: #FB923C;
    --m-card-light: #FFFFFF; --m-card-dark: #280C04;
    --m-border-light: rgba(234, 88, 12, 0.2); --m-border-dark: rgba(251, 146, 60, 0.2);
}

/* 7. Forest */
:root, [data-global-palette="forest"], .chameleon-module-wrapper[data-mod-palette="forest"] {
    --m-bg-light: #F2FCE2; --m-bg-dark: #1A3300;
    --m-text-light: #3F6212; --m-text-dark: #D9F99D;
    --m-accent-light: #65A30D; --m-accent-dark: #A3E635;
    --m-card-light: #FFFFFF; --m-card-dark: #122400;
    --m-border-light: rgba(101, 163, 13, 0.2); --m-border-dark: rgba(163, 230, 53, 0.2);
}

/* 8. Royal */
:root, [data-global-palette="royal"], .chameleon-module-wrapper[data-mod-palette="royal"] {
    --m-bg-light: #F5F3FF; --m-bg-dark: #2E1065;
    --m-text-light: #5B21B6; --m-text-dark: #EDE9FE;
    --m-accent-light: #7C3AED; --m-accent-dark: #A78BFA;
    --m-card-light: #FFFFFF; --m-card-dark: #1C0A3E;
    --m-border-light: rgba(124, 58, 237, 0.2); --m-border-dark: rgba(167, 139, 250, 0.2);
}

/* 9. Arctic */
:root, [data-global-palette="arctic"], .chameleon-module-wrapper[data-mod-palette="arctic"] {
    --m-bg-light: #ECFEFF; --m-bg-dark: #083344;
    --m-text-light: #155E75; --m-text-dark: #CFFAFE;
    --m-accent-light: #0891B2; --m-accent-dark: #22D3EE;
    --m-card-light: #FFFFFF; --m-card-dark: #041B24;
    --m-border-light: rgba(8, 145, 178, 0.2); --m-border-dark: rgba(34, 211, 238, 0.2);
}

/* 10. Desert */
:root, [data-global-palette="desert"], .chameleon-module-wrapper[data-mod-palette="desert"] {
    --m-bg-light: #FEFCE8; --m-bg-dark: #422006;
    --m-text-light: #854D0E; --m-text-dark: #FEF08A;
    --m-accent-light: #CA8A04; --m-accent-dark: #FACC15;
    --m-card-light: #FFFFFF; --m-card-dark: #291404;
    --m-border-light: rgba(202, 138, 4, 0.2); --m-border-dark: rgba(250, 204, 21, 0.2);
}

/* 11. Monochrome */
:root, [data-global-palette="monochrome"], .chameleon-module-wrapper[data-mod-palette="monochrome"] {
    --m-bg-light: #F4F4F5; --m-bg-dark: #09090B;
    --m-text-light: #18181B; --m-text-dark: #E4E4E7;
    --m-accent-light: #52525B; --m-accent-dark: #A1A1AA;
    --m-card-light: #FFFFFF; --m-card-dark: #18181B;
    --m-border-light: rgba(82, 82, 91, 0.2); --m-border-dark: rgba(161, 161, 170, 0.2);
}

/* 12. Neon Pink */
:root, [data-global-palette="neon_pink"], .chameleon-module-wrapper[data-mod-palette="neon_pink"] {
    --m-bg-light: #FDF2F8; --m-bg-dark: #4C0519;
    --m-text-light: #9D174D; --m-text-dark: #FCE7F3;
    --m-accent-light: #DB2777; --m-accent-dark: #F472B6;
    --m-card-light: #FFFFFF; --m-card-dark: #2F030F;
    --m-border-light: rgba(219, 39, 119, 0.2); --m-border-dark: rgba(244, 114, 182, 0.2);
}

/* 13. Vintage */
:root, [data-global-palette="vintage"], .chameleon-module-wrapper[data-mod-palette="vintage"] {
    --m-bg-light: #FDFBF7; --m-bg-dark: #3E3328;
    --m-text-light: #5C4B3C; --m-text-dark: #E8E3DF;
    --m-accent-light: #8B7355; --m-accent-dark: #C1A88B;
    --m-card-light: #FFFFFF; --m-card-dark: #2A221A;
    --m-border-light: rgba(139, 115, 85, 0.2); --m-border-dark: rgba(193, 168, 139, 0.2);
}

/* 14. Sakura */
:root, [data-global-palette="sakura"], .chameleon-module-wrapper[data-mod-palette="sakura"] {
    --m-bg-light: #FFF5F7; --m-bg-dark: #3B0014;
    --m-text-light: #9B2C4E; --m-text-dark: #FFD6E3;
    --m-accent-light: #D53F8C; --m-accent-dark: #F687B3;
    --m-card-light: #FFFFFF; --m-card-dark: #1E000A;
    --m-border-light: rgba(213, 63, 140, 0.2); --m-border-dark: rgba(246, 135, 179, 0.2);
}

/* 15. Obsidian */
:root, [data-global-palette="obsidian"], .chameleon-module-wrapper[data-mod-palette="obsidian"] {
    --m-bg-light: #E0E0E0; --m-bg-dark: #000000;
    --m-text-light: #1A1A1A; --m-text-dark: #D4D4D4;
    --m-accent-light: #333333; --m-accent-dark: #808080;
    --m-card-light: #F5F5F5; --m-card-dark: #0F0F0F;
    --m-border-light: rgba(51, 51, 51, 0.2); --m-border-dark: rgba(128, 128, 128, 0.2);
}

/* 16. Gold */
:root, [data-global-palette="gold"], .chameleon-module-wrapper[data-mod-palette="gold"] {
    --m-bg-light: #FFFCF2; --m-bg-dark: #1C190B;
    --m-text-light: #8A7314; --m-text-dark: #FFF4CE;
    --m-accent-light: #D4AF37; --m-accent-dark: #E5C158;
    --m-card-light: #FFFFFF; --m-card-dark: #0F0D06;
    --m-border-light: rgba(212, 175, 55, 0.2); --m-border-dark: rgba(229, 193, 88, 0.2);
}

/* 17. Tangerine */
:root, [data-global-palette="tangerine"], .chameleon-module-wrapper[data-mod-palette="tangerine"] {
    --m-bg-light: #FFF7ED; --m-bg-dark: #431407;
    --m-text-light: #C2410C; --m-text-dark: #FED7AA;
    --m-accent-light: #EA580C; --m-accent-dark: #FB923C;
    --m-card-light: #FFFFFF; --m-card-dark: #280C04;
    --m-border-light: rgba(234, 88, 12, 0.2); --m-border-dark: rgba(251, 146, 60, 0.2);
}

/* 18. Lavender */
:root, [data-global-palette="lavender"], .chameleon-module-wrapper[data-mod-palette="lavender"] {
    --m-bg-light: #FDFBFF; --m-bg-dark: #1C1A2E;
    --m-text-light: #484478; --m-text-dark: #E6E4FA;
    --m-accent-light: #7E74CC; --m-accent-dark: #A59EE3;
    --m-card-light: #FFFFFF; --m-card-dark: #12101F;
    --m-border-light: rgba(126, 116, 204, 0.2); --m-border-dark: rgba(165, 158, 227, 0.2);
}

/* 19. Mint */
:root, [data-global-palette="mint"], .chameleon-module-wrapper[data-mod-palette="mint"] {
    --m-bg-light: #F2FFFA; --m-bg-dark: #0B2B20;
    --m-text-light: #18684C; --m-text-dark: #D1FAE5;
    --m-accent-light: #20C997; --m-accent-dark: #63E6BE;
    --m-card-light: #FFFFFF; --m-card-dark: #061711;
    --m-border-light: rgba(32, 201, 151, 0.2); --m-border-dark: rgba(99, 230, 190, 0.2);
}

/* 20. Galaxy */
:root, [data-global-palette="galaxy"], .chameleon-module-wrapper[data-mod-palette="galaxy"] {
    --m-bg-light: #F8F9FF; --m-bg-dark: #050212;
    --m-text-light: #281D60; --m-text-dark: #E0DAFB;
    --m-accent-light: #583BB8; --m-accent-dark: #8E76EA;
    --m-card-light: #FFFFFF; --m-card-dark: #02010A;
    --m-border-light: rgba(88, 59, 184, 0.2); --m-border-dark: rgba(142, 118, 234, 0.2);
}

/* =======================================
   2. MODULE SCOPE BINDING
   ======================================= */
/* Eğer modüle bir palet tanımlanmışsa, card'ların rengini otomatik o palete ez! */
.chameleon-module-wrapper[data-mod-palette] .card,
.chameleon-module-wrapper[data-mod-palette] .widget-content,
.chameleon-module-wrapper[data-mod-palette] .mb-section,
.chameleon-module-wrapper[data-mod-palette] .module-body,
.chameleon-module-wrapper[data-mod-palette] .pop-card,
.chameleon-module-wrapper[data-mod-palette] .pop-card-modern,
.chameleon-module-wrapper[data-mod-palette] .news-item,
.chameleon-module-wrapper[data-mod-palette] .news-card,
.chameleon-module-wrapper[data-mod-palette] .slider-container,
.chameleon-module-wrapper[data-mod-palette] .footer-wrapper {
    background-color: var(--m-card-light) !important;
    border-color: var(--m-border-light) !important;
    color: var(--m-text-light) !important;
}

.chameleon-module-wrapper[data-mod-palette] a,
.chameleon-module-wrapper[data-mod-palette] h1,
.chameleon-module-wrapper[data-mod-palette] h2,
.chameleon-module-wrapper[data-mod-palette] h3,
.chameleon-module-wrapper[data-mod-palette] h4,
.chameleon-module-wrapper[data-mod-palette] h5,
.chameleon-module-wrapper[data-mod-palette] h6,
.chameleon-module-wrapper[data-mod-palette] .card-title,
.chameleon-module-wrapper[data-mod-palette] .news-item-title,
.chameleon-module-wrapper[data-mod-palette] .module-title h3 {
    color: var(--m-accent-light) !important;
}

[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .card,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .widget-content,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .mb-section,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .module-body,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .pop-card,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .pop-card-modern,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .news-item,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .news-card,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .slider-container,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .footer-wrapper {
    background-color: var(--m-card-dark) !important;
    border-color: var(--m-border-dark) !important;
    color: var(--m-text-dark) !important;
}

[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] a,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h1,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h2,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h3,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h4,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h5,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] h6,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .card-title,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .news-item-title,
[data-theme="dark"] .chameleon-module-wrapper[data-mod-palette] .module-title h3 {
    color: var(--m-accent-dark) !important;
}

/* =======================================
   3. CHAMELEON 20 TEMPLATES (TPL)
   ======================================= */
/* 1. Minimalist Flat */
[data-mod-design="tpl_1"] .card { border-radius: 0 !important; box-shadow: none !important; border-width: 1px !important; }
[data-mod-design="tpl_1"] .module-title { border-radius: 0 !important; border-left: 0 !important; border-bottom: 2px solid var(--m-accent-light) !important; background: transparent !important; }
[data-theme="dark"] [data-mod-design="tpl_1"] .module-title { border-bottom-color: var(--m-accent-dark) !important; }

/* 2. Modern Rounded */
[data-mod-design="tpl_2"] .card { border-radius: 20px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important; border: none !important; }
[data-theme="dark"] [data-mod-design="tpl_2"] .card { box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important; }

/* 3. Glassmorphism */
[data-mod-design="tpl_3"] .card { background: rgba(255,255,255,0.4) !important; backdrop-filter: blur(15px) !important; border-radius: 24px !important; border: 1px solid rgba(255,255,255,0.5) !important; }
[data-theme="dark"] [data-mod-design="tpl_3"] .card { background: rgba(0,0,0,0.3) !important; border: 1px solid rgba(255,255,255,0.1) !important; }

/* 4. Brutalist */
[data-mod-design="tpl_4"] .card { border-radius: 0 !important; border: 4px solid #000 !important; box-shadow: 8px 8px 0 #000 !important; }
[data-mod-design="tpl_4"] .module-title { border-radius: 0 !important; border: 4px solid #000 !important; box-shadow: 4px 4px 0 #000 !important; }

/* 5. Neumorphism */
[data-mod-design="tpl_5"] .card { border-radius: 24px !important; background: #e0e5ec !important; box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5) !important; border: none !important; }
[data-theme="dark"] [data-mod-design="tpl_5"] .card { background: #1a1e24 !important; box-shadow: 7px 7px 15px rgba(0,0,0,0.5), -7px -7px 15px rgba(255,255,255, 0.05) !important; }

/* 6. Floating Cards */
[data-mod-design="tpl_6"] .card { border-radius: 30px !important; box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; transition: transform 0.4s ease !important; border: none !important; }
[data-mod-design="tpl_6"] .card:hover { transform: translateY(-15px) scale(1.02) !important; box-shadow: 0 30px 50px rgba(0,0,0,0.15) !important; }

/* 7. Dark Luxury */
[data-mod-design="tpl_7"] .card { background: #0A0A0A !important; border: 1px solid #D4AF37 !important; border-radius: 0 !important; box-shadow: inset 0 0 20px rgba(212,175,55,0.05) !important; }
[data-mod-design="tpl_7"] h1, [data-mod-design="tpl_7"] h2, [data-mod-design="tpl_7"] h3, [data-mod-design="tpl_7"] .card-title { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; }

/* 8. Cyber Glitch */
[data-mod-design="tpl_8"] .card { background: #000 !important; border: 1px solid #0ff !important; border-radius: 0 !important; box-shadow: 4px 4px 0 #f0f !important; }
[data-mod-design="tpl_8"] h3 { color: #0ff !important; text-shadow: 2px 2px #f0f !important; }

/* 9. Magazine Grid */
[data-mod-design="tpl_9"] .card { border-radius: 0 !important; border: none !important; border-top: 4px solid var(--m-accent-light) !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; background: transparent !important; }
[data-theme="dark"] [data-mod-design="tpl_9"] .card { border-top-color: var(--m-accent-dark) !important; border-bottom-color: rgba(255,255,255,0.1) !important; }

/* 10. Seamless Integration */
[data-mod-design="tpl_10"] .card { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; }

/* 11. Edge to Edge (Full bleed images) */
[data-mod-design="tpl_11"] .card { border-radius: 12px !important; overflow: hidden !important; border: none !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; }
[data-mod-design="tpl_11"] .card-img-top, [data-mod-design="tpl_11"] .img-wrap img { border-radius: 0 !important; }

/* 12. Soft Pastel Border */
[data-mod-design="tpl_12"] .card { border: 3px solid var(--m-bg-light) !important; border-radius: 20px !important; box-shadow: none !important; }

/* 13. High Contrast Outline */
[data-mod-design="tpl_13"] .card { border: 2px solid var(--m-accent-light) !important; background: transparent !important; border-radius: 8px !important; }
[data-theme="dark"] [data-mod-design="tpl_13"] .card { border-color: var(--m-accent-dark) !important; }

/* 14. Inner Shadow Focus */
[data-mod-design="tpl_14"] .card { box-shadow: inset 0 2px 10px rgba(0,0,0,0.05) !important; border-radius: 16px !important; border: none !important; }

/* 15. Staggered Left Border */
[data-mod-design="tpl_15"] .card { border-radius: 0 16px 16px 0 !important; border-left: 6px solid var(--m-accent-light) !important; border-top: none; border-bottom: none; border-right: none; box-shadow: 5px 0 15px rgba(0,0,0,0.05) !important; }

/* 16. Asymmetric Cut */
[data-mod-design="tpl_16"] .card { border-radius: 30px 0 30px 0 !important; border: 1px solid var(--m-border-light) !important; }

/* 17. 3D Push Button Style */
[data-mod-design="tpl_17"] .card { border-radius: 12px !important; border-bottom: 5px solid var(--m-accent-light) !important; transform: translateY(0); transition: 0.1s !important; }
[data-mod-design="tpl_17"] .card:hover { transform: translateY(3px) !important; border-bottom-width: 2px !important; }

/* 18. Minimal Line */
[data-mod-design="tpl_18"] .card { border: none !important; border-bottom: 1px solid var(--m-border-light) !important; border-radius: 0 !important; background: transparent !important; }

/* 19. Duotone */
[data-mod-design="tpl_19"] .card { background: linear-gradient(135deg, var(--m-bg-light), var(--m-card-light)) !important; border-radius: 24px !important; }
[data-theme="dark"] [data-mod-design="tpl_19"] .card { background: linear-gradient(135deg, var(--m-bg-dark), var(--m-card-dark)) !important; }

/* 20. Extreme Padding Elegance */
[data-mod-design="tpl_20"] .card { padding: 3rem !important; border-radius: 40px !important; border: none !important; box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important; }

/* Dil seçicinin tıklamayla görünür olması için */
.dropdown-menu.show {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Mega menünün tıklamayla görünür olması için */
.nav-item.is-mega.active-mega .mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}