﻿/* Mellifera erişilebilir kontrast katmanı.
   Parlak sarı marka yüzeyi olarak korunur; açık zeminde metin rengi olarak kullanılmaz. */
:root {
  --brand-yellow: #ffe600;
  --brand-yellow-hover: #e6cf00;
  --accent-text: #6b5800;
  --accent-text-hover: #4d4000;
  --focus-contrast: #7a6500;
  --karavan-blue-dark: var(--accent-text);
  --text-light: #64748b;
}

.product-title:hover,
.hero-island-graphic-badge p,
.file-upload-icon,
.login-perk-icon,
.nav-special-box-2k svg,
.mega-column-list a:hover svg,
.demo-chip-dealer {
  color: var(--accent-text) !important;
}

.dealer-invitation-copy > .badge {
  color: #000 !important;
  font-weight: 800 !important;
}

.btn-all-products,
.btn-all-products:hover {
  color: #111827 !important;
  font-weight: 800;
}

.btn-all-products:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.btn-orange-2k,
.btn-primary,
.btn-amber,
.management-primary,
.management-save,
.search-btn-2k,
.search-btn,
.auth-badge,
.badge-amber,
.product-campaign-label,
.product-promotion-state.is-live {
  color: #1b2a4a !important;
}

.btn-orange-2k:hover,
.btn-primary:hover,
.btn-amber:hover,
.management-primary:hover,
.management-save:hover,
.search-btn-2k:hover,
.search-btn:hover {
  background: var(--brand-yellow-hover) !important;
  border-color: var(--brand-yellow-hover) !important;
}

.management-page { --management-yellow-deep: var(--accent-text); }

.management-chip,
.question-channel,
.dealer-document-legacy-preview > span {
  color: var(--accent-text) !important;
}

.management-page small,
.management-list-detail,
.management-panel p,
.management-section-heading p,
.development-card-main > p,
.development-decision small,
.integration-health-grid small,
.question-list small,
.support-ticket-list small,
.ticket-note-list small {
  color: #5f6c80;
  font-size: 0.75rem !important;
  line-height: 1.45;
}

.management-table th,
.management-chip {
  font-size: 0.72rem;
}

.management-sidebar small,
.management-sidebar .management-list-detail { color: #dce5f3; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--focus-contrast) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

:where(.btn-orange-2k, .btn-primary, .btn-amber, .management-primary, .management-save, .search-btn-2k, .search-btn):focus-visible {
  outline-color: #1b2a4a !important;
}

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: Highlight !important; }
}

/* Koyu temada ana sayfanın sabit açık renkli yüzeylerini de tamamen koyulaştır. */
html[data-theme="dark"] body:not(.management-page) :is(.hero-tab-pill-2k, .hero-island-card-2k, .home-opportunity-card) {
  background: #111827 !important;
  border-color: #2a3649 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) :is(.hero-island-right, .home-opportunity-image, .product-media) {
  background: #0f172a !important;
  border-color: #2a3649 !important;
}

html[data-theme="dark"] body:not(.management-page) .hero-island-graphic-badge {
  background: rgba(17, 24, 39, .94) !important;
}

html[data-theme="dark"] body:not(.management-page) :is(.hero-island-headline, .hero-island-headline span, .hero-island-graphic-badge h4, .home-opportunity-copy h2, .home-opportunity-prices strong) {
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) :is(.hero-island-sub, .hero-island-graphic-badge p, .home-opportunity-prices small) {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body:not(.management-page) .hero-brand-card:not(:first-child) {
  background: #111827 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .dealer-invitation-card {
  background: #111827 !important;
  border-color: #2a3649 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .dealer-invitation-copy > .badge {
  color: #ffe600 !important;
}

html[data-theme="dark"] body:not(.management-page) .dealer-invitation-copy :is(h3, p) {
  color: #f8fafc !important;
}

/* Ürün detay sayfasındaki açık tema için satır içi tanımlanmış yüzeyler. */
html[data-theme="dark"] body:not(.management-page) .product-assurance-grid > div,
html[data-theme="dark"] body:not(.management-page) .product-pricing-box,
html[data-theme="dark"] body:not(.management-page) .product-pricing-box > div[style*="background"],
html[data-theme="dark"] body:not(.management-page) .product-technical-section .specs-table,
html[data-theme="dark"] body:not(.management-page) .product-video-section {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-detail-info > div:has(#product-option),
html[data-theme="dark"] body:not(.management-page) .product-warning-list > div {
  background: #0f172a !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-assurance-grid > div > div:first-child,
html[data-theme="dark"] body:not(.management-page) .product-pricing-box [data-variant-net-price],
html[data-theme="dark"] body:not(.management-page) .product-pricing-box [data-variant-retail-price],
html[data-theme="dark"] body:not(.management-page) .product-technical-section .specs-table td:last-child,
html[data-theme="dark"] body:not(.management-page) .product-warning-list p,
html[data-theme="dark"] body:not(.management-page) .product-warning-list span {
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-technical-section .specs-table td {
  border-color: #2a3649 !important;
}

html[data-theme="dark"] body:not(.management-page) .product-technical-section .specs-table td:first-child {
  color: #94a3b8 !important;
}

html[data-theme="dark"] body:not(.management-page) .product-variant-status {
  background: #0b2b24;
  color: #86efac;
}

html[data-theme="dark"] body:not(.management-page) .product-variant-status.is-unavailable {
  background: #351519;
  color: #fca5a5;
}

html[data-theme="dark"] body:not(.management-page) .product-documents-section,
html[data-theme="dark"] body:not(.management-page) .product-document-card,
html[data-theme="dark"] body:not(.management-page) .product-related-side-card {
  background: #0f172a !important;
  border-color: #334155 !important;
}

/* Marka sarısı her temada siyah metin kullanır. Koyu temadaki genel strong
   kuralının sarı kutuların içindeki metni beyaza çevirmesini engeller. */
.payment-benefit-tile,
.payment-benefit-inner,
.payment-benefit-tile :is(.payment-benefit-value, .payment-benefit-copy, strong),
:is(.btn-primary, .btn-amber, .btn-orange-2k, .cart-checkout-primary, .search-btn-2k, .search-btn, .product-document-card a, .faq-primary-button, .faq-support-link) :is(span, strong, small, svg) {
  color: #111827 !important;
}

/* Koyu tema genel yüzey taraması: açılır menüler, arama sonuçları ve mega menü. */
html[data-theme="dark"] body:not(.management-page) :is(.mega-dropdown-2k, .mega-promo-card, .search-result-item, .modal-container) {
  background: #111827 !important;
  border-color: #2a3649 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.mega-column, .mega-dropdown-2k, .search-result-item, .user-dropdown-2k) {
  border-color: #334155 !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.mega-column-title, .mega-promo-title, .search-result-title, .user-dropdown-2k > strong, .mini-cart-item strong, .mini-cart-popover > footer strong) {
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.mega-column-list a, .mega-promo-card p, .search-result-price, .user-dropdown-2k > small, .user-dropdown-2k a, .user-dropdown-2k button, .mini-cart-item span, .mini-cart-popover > footer span) {
  color: #cbd5e1 !important;
}

/* Sepet ve katalog içinde satır içi açık renk verilmiş bilgi panelleri. */
html[data-theme="dark"] body:not(.management-page) :is(#cart-main-container .auth-card > div[style*="background"], .catalog-content > div[style*="background"], .catalog-advisory) {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) .cart-installation-note,
html[data-theme="dark"] body:not(.management-page) .cart-installation-note strong {
  color: #cbd5e1 !important;
}

/* Giriş, başvuru ve durum ekranlarındaki iç kartlar. */
html[data-theme="dark"] body:not(.management-page) :is(.auth-page-wrapper, .form-section, .secondary-contact-panel, .status-card, .status-details-box, .b2b-notice-box, .cat-check-card, .file-upload-box) {
  background: #111827 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.form-section-title, .form-label, .status-title, .status-detail-val, .secondary-contact-head strong, .cat-check-card strong, .file-upload-text) {
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.auth-subtitle, .status-desc, .status-detail-label, .secondary-contact-head span, .file-upload-subtext) {
  color: #cbd5e1 !important;
}

/* SSS sayfası kendi açık renklerini tanımladığı için tam koyu tema karşılıkları. */
html[data-theme="dark"] body:not(.management-page).faq-page,
html[data-theme="dark"] body:not(.management-page) .faq-page {
  background: #0b1120 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.faq-intro, .faq-content) {
  background: #0b1120 !important;
  border-color: #2a3649 !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.faq-side-card, .faq-contact-card) {
  background: #111827 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.faq-breadcrumb a, .faq-kicker, .faq-heading-row h1, .faq-side-card h2, .faq-side-card nav a, .faq-group-title h2, .faq-item summary, .faq-contact-card h2, .faq-answer a) {
  color: #f8fafc !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.faq-breadcrumb, .faq-heading-row p, .faq-side-card > span, .faq-answer, .faq-answer p, .faq-contact-card span) {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] body:not(.management-page) :is(.faq-item, .faq-side-card nav a) { border-color:#334155 !important; }
html[data-theme="dark"] body:not(.management-page) .faq-secondary-button { background:#1e293b; border-color:#475569; color:#f8fafc; }

/* Ürün detayındaki vurgu ve seçim alanları. */
body:not(.management-page) .product-variant-picker {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body:not(.management-page) .product-warning-list > div {
  border: 0 !important;
  background: #ffe600 !important;
  color: #111827 !important;
}

html[data-theme="dark"] body:not(.management-page) .product-warning-list > div {
  background: #ffe600 !important;
  color: #111827 !important;
}

body:not(.management-page) .product-warning-list :is(p, span) {
  color: #111827 !important;
}

body:not(.management-page) .product-warning-list p {
  font-weight: 800;
}

html[data-theme="dark"] body:not(.management-page) .product-warning-list :is(p, span) {
  color: #111827 !important;
}

body:not(.management-page) .product-installation-option {
  border: 1px solid #ffe600 !important;
  background: #ffffff !important;
  color: #111827 !important;
}

body:not(.management-page) .product-installation-option :is(strong, small, b) {
  color: #111827 !important;
}

body:not(.management-page) .product-installation-option input {
  accent-color: #ffe600;
}

html[data-theme="dark"] body:not(.management-page) .product-installation-option {
  border-color: #ffe600 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-installation-option :is(strong, small, b) {
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-brand-line strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] body:not(.management-page) .product-assurance-grid > .product-assurance-item {
  background: #0f172a !important;
  border: 1px solid #ffe600 !important;
}
