/* Genel karanlık mod uygulamaları */
body.dark-mode,
body.dark-mode * {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #1a1a1a !important;
}

/* Linkler */
body.dark-mode a {
  color: #00c4cc !important;
}

/* Medya dosyaları */
body.dark-mode img,
body.dark-mode video {
  filter: brightness(0.85) !important;
}

/* Butonlar ve uyarılar */
body.dark-mode .btn-primary,
body.dark-mode .btn-secondary,
body.dark-mode .elementor-button,
body.dark-mode .badge-secondary,
body.dark-mode .alert-secondary {
  background-color: #00c4cc !important;
  border-color: #00c4cc !important;
  color: #000000 !important;
}

/* Formlar, içerik blokları, kartlar */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .woocommerce div.product,
body.dark-mode .woocommerce ul.products li.product,
body.dark-mode .widget,
body.dark-mode .widget-area,
body.dark-mode .sidebar,
body.dark-mode .navbar,
body.dark-mode .header,
body.dark-mode .footer,
body.dark-mode .content,
body.dark-mode .site,
body.dark-mode .wrapper,
body.dark-mode .tabs,
body.dark-mode .tab-content,
body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* Elementor bölümleri ve inline arkaplanları */
body.dark-mode .elementor-section,
body.dark-mode .elementor-column,
body.dark-mode .elementor-widget-container,
body.dark-mode .elementor-element[style*="background"],
body.dark-mode .elementor-widget-container[style*="background"],
body.dark-mode .elementor-column[style*="background"] {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* Elementor başlıklar (widget, inline ve swiper-slide) */
body.dark-mode .elementor-heading-title,
body.dark-mode .elementor-widget-heading h1,
body.dark-mode .elementor-widget-heading h2,
body.dark-mode .elementor-widget-heading h3,
body.dark-mode .elementor-widget-heading h4,
body.dark-mode .elementor-widget-heading h5,
body.dark-mode .elementor-widget-heading h6,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .swiper-slide h1,
body.dark-mode .swiper-slide .elementor-heading-title {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  filter: none !important;
  z-index: 2 !important;
  position: relative !important;
}

/* Inline stilli başlıklar override */
body.dark-mode h1[style],
body.dark-mode h2[style],
body.dark-mode h3[style],
body.dark-mode h4[style],
body.dark-mode h5[style],
body.dark-mode h6[style],
body.dark-mode .elementor-heading-title[style],
body.dark-mode .swiper-slide h1[style],
body.dark-mode .swiper-slide .elementor-heading-title[style] {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  filter: none !important;
  z-index: 2 !important;
  position: relative !important;
}

/* Görünürlüğü bozan arka plan katmanları ve efektleri kaldır */
body.dark-mode .cmsmasters-bg-effects-element,
body.dark-mode .elementor-background-overlay,
body.dark-mode .elementor-shape,
body.dark-mode .elementor-element::before,
body.dark-mode .elementor-element::after,
body.dark-mode .elementor-widget-container::before,
body.dark-mode .elementor-widget-container::after,
body.dark-mode .elementor-column::before,
body.dark-mode .elementor-column::after {
  background: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  opacity: 0 !important;
  content: none !important;
  filter: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
  display: none !important;
}

/* Elementor editör paneli karanlık */
body.dark-mode .elementor,
body.dark-mode .elementor-editor-active .elementor-element,
body.dark-mode .elementor-control-input-wrapper,
body.dark-mode .elementor-control,
body.dark-mode .elementor-panel,
body.dark-mode .elementor-panel-menu,
body.dark-mode .elementor-panel-footer,
body.dark-mode .elementor-panel-tabs,
body.dark-mode .elementor-panel-tab-content,
body.dark-mode .elementor-control-title,
body.dark-mode .elementor-control-label {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* CSS değişkenleri (tema & elementor global uyumu) */
body.dark-mode {
  --primary-color: #00c4cc;
  --secondary-color: #00c4cc;
  --background-color: #000000;
  --text-color: #ffffff;

  --e-global-color-primary: #00c4cc;
  --e-global-color-secondary: #00c4cc;
  --e-global-color-text: #ffffff;
  --e-global-color-background: #000000;
  --e-global-color-accent: #00c4cc;

  --cmsmasters-colors-heading: #ffffff !important;
}