/* ══════════════════════════════════════════════════════════════
   KOYU TEMA (html[data-theme="dark"]) — 11.11.2026
   Açık tema varsayılan; tercih localStorage "rd_theme" içinde.
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] {
  --d-bg: #0c1626;
  --d-bg2: #101d31;
  --d-surface: #15253c;
  --d-surface2: #1b2f4b;
  --d-line: #2a4263;
  --d-text: #e6edf6;
  --d-muted: #a9b8cc;
  --d-link: #8cb9ff;
  --d-accent: #2b62ab;
  --d-accent-h: #3673c4;
  color-scheme: dark;

  /* temadaki değişkenler */
  --rx-navy: #e6edf6;
  --rx-ink: #e6edf6;
  --rx-muted: #a9b8cc;
  --rx-line: #2a4263;
  --rx-soft: #15253c;
}

/* ── Zemin ve genel metin ───────────────────────────────────── */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .page,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .site-main {
  background: var(--d-bg) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(h1, h2, h3, h4, h5, h6, p, li, td, th, dt, dd, label, small, strong, b, em, i, span, figcaption, blockquote, summary, caption, legend) {
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(p, li, td, small, figcaption, dd) {
  color: #cdd8e6 !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) a {
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.post-detail, .cat-content, #contact-section, .t-sec) a:not([class]) {
  color: var(--d-link) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) hr { border-color: var(--d-line) !important; }

/* ── Header ve menüler ──────────────────────────────────────── */
html[data-theme="dark"] .rx-header-wrapper {
  --rx-navy: #e6edf6;
  --rx-navy-600: #ffffff;
  --rx-line: #2a4263;
  --rx-pt-primary: #e6edf6;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop .th-menudropdown {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop .th-menudropdown a { color: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop .th-menudropdown a:hover { background: var(--d-surface2) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-header-wrapper,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) header.rx-header-wrapper,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #masthead {
  background: rgba(12, 22, 38, .96) !important;
  border-bottom: 1px solid var(--d-line) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .35) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-h-logo img,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu .logoimg {
  background: #f4f6f9;
  border-radius: 10px;
  padding: 3px 8px;
  box-sizing: content-box;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop a,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop li { color: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop ul ul,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop .sub-menu,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop .dropdown ul {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .45) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menudesktop ul ul a:hover { background: var(--d-surface2) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-h-search,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rd-theme-toggle {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menuToggle span { background: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menuToggle.rx-h-mobile-toggle {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu :is(.menu-contacts a, a, li) { color: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu :is(.menu-contacts a i, .social-icons i) { background-color: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu hr { border-color: var(--d-line) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu .menu-contacts a {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) #menu,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .like-ul,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .mobile-show-nav #menu {
  background: var(--d-bg2) !important;
  color: var(--d-text) !important;
}

/* ── Birincil butonlar ──────────────────────────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rx-h-btn, .rxh__btn--solid, .rx-cta__btn--primary, .rd-cookie__btn, .tdal-srch-submit, .btn-primary, .rx-vid__btn, .rx-info__btn, .rx-comp__btn, .rx-expertise__btn, .rx-kh__all-link, .mg-btn--primary, .rd-totop) {
  background: var(--d-accent) !important;
  border-color: var(--d-accent) !important;
  color: #fff !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rx-h-btn, .rxh__btn--solid, .rx-cta__btn--primary, .rd-cookie__btn, .btn-primary, .rx-expertise__btn, .rx-kh__all-link, .mg-btn--primary):hover {
  background: var(--d-accent-h) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rxh__btn--ghost, .rx-cta__btn--white, .mg-btn--ghost) {
  background: transparent !important;
  border: 1px solid var(--d-line) !important;
  color: var(--d-text) !important;
}

/* ── Açık zeminli bölümler / kartlar ────────────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rx-video-wrapper, .rx-cta-wrapper, .rx-why-wrapper, .rx-section, .rxh, .rx-comp__container, .rx-kh__container, .rx-cta__container, .rx-info-wrapper, .rx-knowledge-hub, .rx-comparison, .rx-expertise-slider, .rx-ptitle, .rx-ptitle-wrapper, .page-title, .jumbotron) {
  background: var(--d-bg2) !important;
  background-image: none !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rx-exp-card, .rx-kh__card, .rx-journey-card, .rx-info__why-box, .rxh__stats, .rx-comp__col-bg, .project_card, .card, .services-page .project_card, .editor-card, .contents, .article-disclaimer, .alert, .rx-cta__btn-shell, .mg-card, .tdbio-card, .drb-chatbot-close) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .contents { border-left-color: var(--d-link) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rxh__feat-ico, .rx-why-icon, .rx-journey-num, .rx-vid__icon, .slider-btn, .rx-kh__slider-btn, .rxh__stat-sep, .rx-kh__img-wrap) {
  background: var(--d-surface2) !important;
  border-color: var(--d-line) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh__name { background: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh__name span { border-left-color: var(--d-line) !important; }

/* Hero: fotoğrafın sol kenarındaki açık renk geçişi */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh__bg-right::before,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh__bg-right::after,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh::before,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rxh::after {
  background: linear-gradient(90deg, var(--d-bg2) 0%, rgba(16, 29, 49, .55) 22%, rgba(16, 29, 49, 0) 45%) !important;
}

/* Karşılaştırma tablosu */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.rx-comp__table, .rx-comp__table td, .rx-comp__table th, table, table td, table th) {
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-th-normal span { background: var(--d-surface2) !important; color: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-td-active,
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rx-th-active { background: var(--d-surface2) !important; }

/* ── Formlar ────────────────────────────────────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(input, textarea, select, .form-control, .input-group-text, .tdal-srch-form) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(input, textarea)::placeholder { color: #8091a8 !important; }

/* ── Arama penceresi, çerez bandı, chatbot ──────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.tdal-srch-panel, .rd-cookie__inner) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .tdal-srch-close { background: var(--d-surface2) !important; border-color: var(--d-line) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .tdal-srch-close svg path { fill: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rd-cookie__desc a { color: var(--d-link) !important; }

/* ── Makale ─────────────────────────────────────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .post-detail img { opacity: .96; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .post-tags a { color: var(--d-link) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .accordion :is(.card, .card-header, .toggle-title, .toggle-content),
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.faq-item, .faq-question, .faq-answer, details) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
}

/* ── Sayfalama, breadcrumb ──────────────────────────────────── */
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.pagination .page-link, .rx-ptitle__crumbs-inner) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  color: var(--d-text) !important;
}

html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.mg-contact, .mg-head, .askquestion-form, .soru-sorun form, form.ask-form) {
  background: var(--d-bg2) !important;
  background-image: none !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.mg-btn--outline, .animated-button) {
  background: transparent !important;
  border: 1px solid var(--d-line) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .animated-button svg { fill: var(--d-text) !important; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.mg-card__icon, .news-image, .mg-mapframe) {
  background: var(--d-surface2) !important;
  border-color: var(--d-line) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) :is(.pagination a, .pagination span, .page-item .page-link) {
  background: var(--d-surface) !important;
  border-color: var(--d-line) !important;
  color: var(--d-text) !important;
}
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) form:not(.tdal-srch-form) { background-color: transparent !important; }

/* ── Tema düğmesi (her iki tema) ────────────────────────────── */
.rd-theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 12px;
  border: 1px solid #d8e0ea;
  background: #fff;
  color: #0f2a4f;
  cursor: pointer;
  padding: 0;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.rd-theme-toggle:hover { background: #0f2a4f; color: #fff; border-color: #0f2a4f; }
.rd-theme-toggle:focus-visible { outline: 3px solid #f0a500; outline-offset: 2px; }
.rd-theme-toggle svg { width: 19px; height: 19px; display: block; }
.rd-theme-toggle .rd-ico-sun { display: none; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rd-theme-toggle .rd-ico-sun { display: block; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rd-theme-toggle .rd-ico-moon { display: none; }
html[data-theme="dark"] body:not(#rd-x1):not(#rd-x2) .rd-theme-toggle:hover { background: var(--d-surface2) !important; }

/* Header yerleşimi: masaüstünde CTA'nın yanında, hamburger modunda arama butonunun yanında */
.rx-h-btn-wrapper { gap: 10px; }
.rd-theme-toggle--m { display: none; }
@media (max-width: 1300px) {
  .rx-header-wrapper .rd-theme-toggle--m { display: inline-grid; }
}
.rx-header-wrapper.rx-nav-compact .rd-theme-toggle--m { display: inline-grid; }
@media (max-width: 768px) {
  .rd-theme-toggle { width: 40px; height: 40px; border-radius: 10px; }
}