/* ============================================================
   Assuva Dedektör — 2026 Redesign Layer
   Palette: Kömür & Kor  |  Type: Space Grotesk + DM Sans
   Yalnızca görsel katman. DOM, linkler, görseller değişmez.
   ============================================================ */

:root {
  --ad-bg: #141414;
  --ad-bg-2: #1c1c1c;
  --ad-surface: #232323;
  --ad-line: rgba(255, 255, 255, 0.09);
  --ad-text: #ece8e4;
  --ad-muted: #a39d97;
  --ad-ember: #e85d3a;
  --ad-ember-2: #ff8a5c;
  --ad-radius: 16px;
  --ad-shadow: 0 18px 44px -18px rgba(0, 0, 0, 0.85);
}

/* ---------- Typography ---------- */
html body,
body p,
body li,
body td,
body span,
body div,
body input,
body textarea,
body select,
body button {
  font-family: "DM Sans", system-ui, sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body .nav > li > a, body .button, body .widget-title, body .box-text-inner,
body .banner h1, body .banner h2, body .banner h3 {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  letter-spacing: -0.02em;
  font-weight: 700;
}
body h1, body h2 { line-height: 1.1; }
body h2 { position: relative; }

/* ---------- Base surface ---------- */
html, body,
body #wrapper,
body #main,
body .page-wrapper,
body .content-area {
  background-color: var(--ad-bg) !important;
  color: var(--ad-text);
}
body, body p, body li, body td, body .entry-content, body .text {
  color: var(--ad-text);
}
body h1, body h2, body h3, body h4, body h5, body h6 { color: #fff; }
body a { color: var(--ad-ember); }
body a:hover { color: var(--ad-ember-2); }
body .nav > li > a, body .nav-dropdown > li > a { color: var(--ad-text); }

/* Eski marka mavisini kor turuncusuna çevir */
[style*="#54a0c0"], [style*="#54A0C0"] { color: var(--ad-ember) !important; }
[style*="rgb(84, 160, 192)"], [style*="rgb(84,160,192)"] {
  border-color: var(--ad-ember) !important;
}

/* Beyaz kutuları koyu yüzeye çevir */
[style*="background-color:rgb(255,255,255)"],
[style*="background-color: rgb(255,255,255)"],
[style*="background-color:#ffffff"] {
  background-color: var(--ad-surface) !important;
}

/* ---------- Header ---------- */
body .header-top {
  background-color: #0f0f0f !important;
  border-bottom: 1px solid var(--ad-line);
}
body .header-main,
body .header-wrapper,
body .header-bg-color,
body .stuck .header-main {
  background-color: rgba(20, 20, 20, 0.92) !important;
  backdrop-filter: saturate(140%) blur(12px);
}
body .header:not(.transparent) .header-wrapper {
  border-bottom: 1px solid var(--ad-line);
  box-shadow: 0 10px 30px -22px #000;
}
body .header-nav .nav-top-link {
  text-transform: uppercase;
  font-size: 0.82em;
  letter-spacing: 0.08em;
  position: relative;
}
body .header-nav > li > a::after {
  content: "";
  position: absolute;
  left: 10px; right: 10px; bottom: 4px;
  height: 2px;
  background: linear-gradient(90deg, var(--ad-ember), var(--ad-ember-2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.28s cubic-bezier(.2,.7,.3,1);
}
body .header-nav > li:hover > a::after,
body .header-nav > li.current-menu-item > a::after { transform: scaleX(1); }
body .header-nav > li.current-menu-item > a { color: #fff; }
body .nav-dropdown {
  background-color: #191919 !important;
  border: 1px solid var(--ad-line);
  border-radius: 14px;
  box-shadow: var(--ad-shadow);
  overflow: hidden;
  padding: 10px;
}
body .nav-dropdown > li > a,
body .nav-column > li > a { color: var(--ad-muted) !important; border-radius: 8px; }
body .nav-dropdown > li > a:hover,
body .nav-column > li > a:hover {
  color: #fff !important;
  background-color: rgba(232, 93, 58, 0.14) !important;
}
body .mobile-sidebar, body .off-canvas .mfp-content { background-color: #141414 !important; }

/* ---------- Buttons ---------- */
body .button,
body button,
body input[type="submit"] {
  font-family: "Space Grotesk", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 999px !important;
  border: 0;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}
body .button.primary,
body input[type="submit"],
body button[type="submit"] {
  background: linear-gradient(120deg, var(--ad-ember), #c1421f) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px -14px rgba(232, 93, 58, 0.9);
}
body .button:hover,
body button:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 18px 34px -14px rgba(232, 93, 58, 0.85);
}
body .button.is-outline {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: var(--ad-text) !important;
}
body .button.is-outline:hover {
  border-color: var(--ad-ember) !important;
  color: #fff !important;
}
body .social-icons .button.is-outline { border-color: rgba(255,255,255,0.2) !important; }

/* ---------- Hero / banners ---------- */
body .banner .overlay,
body .banner-bg .overlay {
  background: linear-gradient(180deg, rgba(10,10,10,0.35) 0%, rgba(10,10,10,0.55) 45%, rgba(10,10,10,0.9) 100%) !important;
  opacity: 1 !important;
}
body .slider-wrapper .banner .text-box .text-inner h1,
body .slider-wrapper .banner .text-box .text-inner h2 {
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.8);
}
body .slider-wrapper { border-bottom: 1px solid var(--ad-line); }
body .flickity-page-dots .dot { background: rgba(255,255,255,0.5); }
body .flickity-page-dots .dot.is-selected { background: var(--ad-ember); }

/* ---------- Sections ---------- */
body .section { padding-top: 54px; padding-bottom: 54px; }
body .section-bg.bg-fill { opacity: 0.22; filter: grayscale(0.4) contrast(1.05); }
body .section:nth-of-type(even) { background-color: var(--ad-bg-2); }
body .section-content { position: relative; z-index: 1; }

/* Bölüm başlıklarına kor çizgisi */
body .section .col-inner.text-center > h2:first-child::after,
body .section .col-inner.text-center > h1:first-child::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ad-ember), var(--ad-ember-2));
}

/* ---------- Kartlar / grid ---------- */
body .col-inner[style*="background-color:rgb(255,255,255)"],
body .col-inner[style*="background-color: rgb(255,255,255)"] {
  background-color: var(--ad-surface) !important;
  border-radius: var(--ad-radius) !important;
  border: 1px solid var(--ad-line);
  box-shadow: var(--ad-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
body .col-inner[style*="rgb(255,255,255)"]:hover {
  transform: translateY(-5px);
  border-color: rgba(232, 93, 58, 0.5);
  box-shadow: 0 28px 52px -22px rgba(0, 0, 0, 0.95);
}
body .col-inner .is-border {
  border-color: var(--ad-ember) !important;
  border-width: 0 0 0 3px !important;
}
body .col-inner h3 { margin-bottom: 0.4em; }
body .col-inner p { color: var(--ad-muted); }

body .box.has-hover,
body .page-box.box {
  border-radius: var(--ad-radius);
  overflow: hidden;
  background-color: var(--ad-bg-2);
  transition: transform 0.28s cubic-bezier(.2,.7,.3,1), box-shadow 0.28s ease;
}
body .box.has-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 56px -24px rgba(0, 0, 0, 0.95);
}
body .box-text {
  padding: 16px 16px 20px;
  background-color: var(--ad-surface);
}
body .box-text, body .box-text-inner, body .box-text p { color: var(--ad-text) !important; }
body .box-shade .box-text-inner { text-shadow: 0 4px 18px rgba(0,0,0,.7); }

/* Görseller */
body .img img, body .col-inner > .img img { border-radius: 12px; }

/* Logo: koyu zeminde okunur olsun */
body .header-logo,
body .header_logo,
body #logo img {
  filter: brightness(0) invert(1);
}

/* Menü linkleri */
body .header-nav > li > a,
body .nav > li > a,
body .header-contact a,
body .top-bar-nav > li > a {
  color: rgba(255, 255, 255, 0.86) !important;
}
body .header-nav > li > a:hover,
body .nav > li > a:hover { color: #fff !important; }
body .nav-divided > li + li::before { border-color: var(--ad-line) !important; }
body .nav > li.current-menu-item > a,
body .nav > li.active > a { color: var(--ad-ember) !important; }

/* ---------- Formlar ---------- */
body input[type="text"], body input[type="email"], body input[type="tel"],
body input[type="search"], body textarea, body select {
  background-color: #1b1b1b !important;
  border: 1px solid var(--ad-line) !important;
  border-radius: 12px !important;
  color: var(--ad-text) !important;
  box-shadow: none !important;
}
body input::placeholder, body textarea::placeholder { color: #7d7772 !important; }
body input:focus, body textarea:focus {
  border-color: var(--ad-ember) !important;
  box-shadow: 0 0 0 3px rgba(232, 93, 58, 0.18) !important;
}

/* ---------- Tablolar / diğer ---------- */
body table, body table td, body table th { border-color: var(--ad-line) !important; color: var(--ad-text); }
body table th { background-color: var(--ad-surface); }
body hr, body .is-divider { background-color: var(--ad-line) !important; }
body .is-divider.small { background: linear-gradient(90deg, var(--ad-ember), transparent) !important; height: 3px; }

/* ---------- Footer ---------- */
body .footer-wrapper, body .footer-widgets, body .absolute-footer {
  background-color: #0f0f0f !important;
  border-top: 1px solid var(--ad-line);
  color: var(--ad-muted);
}
body .footer-widgets .widget-title { color: #fff; letter-spacing: 0.06em; text-transform: uppercase; }
body .footer a { color: var(--ad-muted); }
body .footer a:hover { color: var(--ad-ember); }
body .absolute-footer { font-size: 0.82em; }

/* Scrollbar */
body ::-webkit-scrollbar { width: 10px; height: 10px; }
body ::-webkit-scrollbar-track { background: #101010; }
body ::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 999px; }
body ::-webkit-scrollbar-thumb:hover { background: var(--ad-ember); }

/* Seçim */
body ::selection { background: var(--ad-ember); color: #fff; }

/* İçerikteki koyu logo görsellerini koyu zeminde okunur kıl */
body img[src*="logo-assuva"],
body img[src*="logo-assuva"] ~ img { filter: brightness(0) invert(1); }