/* =========================================================
   CENIK ELEKTRIK - KARANLIK TEMA
   Bu dosya app.js tarafindan otomatik yuklenir.
   ========================================================= */

html[data-theme="dark"] {
  color-scheme: dark;
}

.theme-toggle {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  border: 1px solid rgba(45, 114, 187, 0.18);
  border-radius: 12px;
  background: rgba(247, 250, 253, 0.92);
  color: #173a6a;
  cursor: pointer;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.theme-toggle:hover {
  transform: translateY(-1px);
  background: #ffffff;
  border-color: rgba(45, 114, 187, 0.34);
  box-shadow: 0 8px 20px rgba(16, 33, 56, 0.10);
}

.theme-toggle:focus-visible {
  outline: 3px solid rgba(234, 90, 42, 0.28);
  outline-offset: 2px;
}

.theme-toggle-icon {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
}

.theme-toggle-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.theme-toggle-label {
  display: none;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 750;
}

/* Temel yuzey ve metin renkleri */
html[data-theme="dark"] body {
  background: #0a0f15;
  color: #edf2f7;
}

html[data-theme="dark"] .site-header {
  background: rgba(10, 15, 21, 0.94);
  border-bottom-color: rgba(122, 164, 205, 0.14);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

html[data-theme="dark"] .main-nav a {
  color: #aebdce;
}

html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a.active {
  color: #ffffff;
}

html[data-theme="dark"] .menu-toggle span {
  background: #dbe7f3;
}

html[data-theme="dark"] .theme-toggle {
  background: #161f2a;
  border-color: rgba(120, 165, 207, 0.20);
  color: #e7eff8;
}

html[data-theme="dark"] .theme-toggle:hover {
  background: #1d2936;
  border-color: rgba(120, 165, 207, 0.36);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}

/* Ana sayfa */
html[data-theme="dark"] .hero {
  background:
    linear-gradient(90deg,
      rgba(8, 13, 19, 0.98) 0%,
      rgba(8, 13, 19, 0.95) 22%,
      rgba(8, 13, 19, 0.84) 42%,
      rgba(8, 13, 19, 0.58) 62%,
      rgba(8, 13, 19, 0.28) 82%),
    url("../img/hero-background.png");
  background-size: cover;
  background-position: center center;
}

html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .section h2,
html[data-theme="dark"] .founder-copy h2,
html[data-theme="dark"] .quote-guide-card h2,
html[data-theme="dark"] .quote-form-heading h2 {
  color: #f4f7fb;
}

html[data-theme="dark"] .hero-text,
html[data-theme="dark"] .hero-points,
html[data-theme="dark"] .section-lead,
html[data-theme="dark"] .prose,
html[data-theme="dark"] .values-grid p,
html[data-theme="dark"] .step-card p,
html[data-theme="dark"] .contact-banner-inner p,
html[data-theme="dark"] .price-quote-banner-inner p:last-child,
html[data-theme="dark"] .quote-guide-steps p,
html[data-theme="dark"] .quote-form-heading p,
html[data-theme="dark"] .whatsapp-form-card label,
html[data-theme="dark"] .quote-privacy-note {
  color: #aab8c8;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-outline {
  background: #151e28;
  border-color: rgba(123, 167, 208, 0.23);
  color: #d9e8f7;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-outline:hover {
  background: #1b2734;
  border-color: rgba(123, 167, 208, 0.40);
}

html[data-theme="dark"] .btn-light {
  background: #edf3f8;
  color: #173a6a;
}

html[data-theme="dark"] .section-muted {
  background: linear-gradient(180deg, #0d141c 0%, #101821 100%);
}

html[data-theme="dark"] .process-section {
  background: #0a0f15;
}

html[data-theme="dark"] .process-card,
html[data-theme="dark"] .step-card {
  background: #111923;
  border-color: rgba(133, 169, 202, 0.13);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .process-card h3,
html[data-theme="dark"] .step-card h3 {
  color: #eef4fb;
}

html[data-theme="dark"] .contact-banner-inner,
html[data-theme="dark"] .price-quote-banner-inner {
  background: linear-gradient(145deg, #111b25, #15191e);
  border-color: rgba(117, 159, 198, 0.15);
}

/* Partner logolari beyaz zeminde kalsin: marka logolari bozulmasin */
html[data-theme="dark"] .partners-section {
  background: #0d131a;
  border-top-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .partner-logo-slot {
  background: #ffffff;
  border-color: rgba(151, 177, 202, 0.22);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.17);
}

html[data-theme="dark"] .partner-logo-slot:hover {
  border-color: rgba(234, 90, 42, 0.48);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30);
}

/* Ic sayfa basliklari */
html[data-theme="dark"] .page-hero {
  background:
    radial-gradient(circle at 92% 18%, rgba(62, 132, 190, 0.20), transparent 24%),
    radial-gradient(circle at 72% 68%, rgba(234, 90, 42, 0.08), transparent 28%),
    linear-gradient(135deg, #0e151e, #11161c);
  border-bottom-color: rgba(126, 162, 197, 0.17);
}

html[data-theme="dark"] .page-hero p:last-child {
  color: #aab8c8;
}

html[data-theme="dark"] .prose strong,
html[data-theme="dark"] .founder-copy strong {
  color: #f2f6fa;
}

html[data-theme="dark"] .prose blockquote {
  background: linear-gradient(145deg, #141e28, #101720);
  color: #eef3f8;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .values-grid article {
  background: #111923;
  border-color: rgba(125, 164, 201, 0.13);
}

html[data-theme="dark"] .values-grid h3 {
  color: #eef3f8;
}

/* Hakkimizda sayfasindaki ozel gecisleri dark modda bastir */
html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) {
  background:
    radial-gradient(circle at 90% 12%,
      rgba(52, 116, 176, 0.22) 0%,
      rgba(52, 116, 176, 0.08) 24%,
      transparent 48%),
    radial-gradient(circle at 72% 62%,
      rgba(234, 90, 42, 0.08) 0%,
      rgba(234, 90, 42, 0.025) 24%,
      transparent 50%),
    linear-gradient(135deg, #0b1118 0%, #101720 48%, #0c131b 100%) !important;
}

html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) .page-hero {
  background: transparent !important;
  border-bottom-color: rgba(113, 158, 201, 0.25) !important;
}

html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) .page-hero p:last-child {
  color: #b8c6d5 !important;
}

html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) .prose {
  color: #b5c1ce !important;
}

html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) .prose strong {
  color: #f1f5f9 !important;
}

/* Hakkimizda gorselinin kendi beyaz arkaplani bilerek korunur */
html[data-theme="dark"] .about-visual {
  background: #ffffff !important;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(145, 174, 202, 0.15) !important;
}

/* Fiyat listeleri / katalog sayfasi */
html[data-theme="dark"] .catalog-intro {
  background: linear-gradient(180deg, #101720 0%, #0d141b 100%);
}

html[data-theme="dark"] .catalog-intro h1 {
  color: #eef4fb;
}

html[data-theme="dark"] .catalog-intro p:last-child,
html[data-theme="dark"] .catalog-click-note,
html[data-theme="dark"] .catalog-active-filter,
html[data-theme="dark"] .catalog-quote-link {
  color: #91a2b4;
}

html[data-theme="dark"] .catalog-library-section,
html[data-theme="dark"] .catalog-quote-section {
  background: #0d141b;
}

html[data-theme="dark"] .catalog-toolbar,
html[data-theme="dark"] .catalog-category-bar {
  background: rgba(18, 27, 37, 0.92);
  border-color: rgba(120, 160, 198, 0.15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}

html[data-theme="dark"] .catalog-search-box,
html[data-theme="dark"] .price-search-box {
  color: #aebdcb;
}

html[data-theme="dark"] .catalog-search-box input,
html[data-theme="dark"] .price-search-box input,
html[data-theme="dark"] .whatsapp-form-card input,
html[data-theme="dark"] .whatsapp-form-card textarea {
  background: #0c131b;
  border-color: #293748;
  color: #eef4fa;
}

html[data-theme="dark"] .catalog-search-box input::placeholder,
html[data-theme="dark"] .price-search-box input::placeholder,
html[data-theme="dark"] .whatsapp-form-card input::placeholder,
html[data-theme="dark"] .whatsapp-form-card textarea::placeholder {
  color: #738396;
}

html[data-theme="dark"] .catalog-category-chip {
  color: #aab8c8;
}

html[data-theme="dark"] .catalog-category-chip:hover {
  color: #eef5fb;
  border-color: rgba(94, 150, 201, 0.26);
  background: #182431;
}

html[data-theme="dark"] .catalog-category-chip.is-active {
  color: #ffffff;
}

html[data-theme="dark"] .catalog-count,
html[data-theme="dark"] .price-list-summary {
  color: #a6b5c5;
}

html[data-theme="dark"] .catalog-count strong,
html[data-theme="dark"] .price-list-summary strong {
  color: #8fc4f0;
}

/* Katalog kapaklarinin orijinal renkleri icin beyaz zemin korunur */
html[data-theme="dark"] .catalog-cover-frame,
html[data-theme="dark"] .catalog-cover {
  background: #ffffff;
}

html[data-theme="dark"] .catalog-cover-frame {
  border-color: rgba(133, 163, 192, 0.22);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.30);
}

html[data-theme="dark"] .catalog-brand-name {
  color: #d9e8f6;
}

html[data-theme="dark"] .catalog-brand-name:hover,
html[data-theme="dark"] .catalog-quote-link:hover {
  color: #ff8a5f;
}

/* Eski fiyat listesi kart yapisi kullanilirsa */
html[data-theme="dark"] .price-list-section {
  background: #0d141b;
}

html[data-theme="dark"] .price-list-toolbar,
html[data-theme="dark"] .price-list-card,
html[data-theme="dark"] .price-list-info > div {
  background: #111923;
  border-color: rgba(127, 164, 199, 0.14);
}

html[data-theme="dark"] .price-brand-logo {
  background: #ffffff;
  border-bottom-color: rgba(43, 65, 87, 0.18);
}

html[data-theme="dark"] .price-list-card h2 {
  color: #eef4fb;
}

html[data-theme="dark"] .price-list-card p,
html[data-theme="dark"] .price-list-info span {
  color: #a7b5c4;
}

html[data-theme="dark"] .pdf-badge {
  background: #1b2a39;
  color: #b9ddfa;
}

html[data-theme="dark"] .price-pdf-unavailable {
  background: #101821;
  border-color: #344557;
  color: #77889a;
}

/* Teklif sayfasi */
html[data-theme="dark"] .quote-guide-card,
html[data-theme="dark"] .quote-form-card {
  background: linear-gradient(155deg, #111a24, #0e151d);
  border-color: rgba(123, 160, 195, 0.15);
}

html[data-theme="dark"] .quote-guide-steps article {
  background: #0d151e;
  border-color: rgba(126, 165, 202, 0.15);
}

html[data-theme="dark"] .quote-guide-steps h3 {
  color: #eef4fa;
}

html[data-theme="dark"] .optional-label {
  color: #6f8295;
}

/* Bos sonuc / bildirim */
html[data-theme="dark"] .empty-state {
  background: linear-gradient(145deg, #111923, #0d151d);
  border-color: #354555;
  color: #b9c6d3;
}

html[data-theme="dark"] .empty-state h2 {
  color: #eef4f9;
}

/* Footer zaten karanlik; biraz daha derinlestir */
html[data-theme="dark"] .site-footer {
  background: linear-gradient(135deg, #070a0e, #10151c);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Renk degisimini rahatsiz etmeyecek kadar yumusat */
html[data-theme="dark"] body,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .section-muted,
html[data-theme="dark"] .process-section,
html[data-theme="dark"] .partners-section,
html[data-theme="dark"] .catalog-intro,
html[data-theme="dark"] .catalog-library-section,
html[data-theme="dark"] .catalog-quote-section,
html[data-theme="dark"] .page-hero {
  transition: background-color .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

@media (max-width: 980px) {
  .theme-toggle {
    width: 100%;
    height: 46px;
    flex: 0 0 auto;
    justify-content: flex-start;
    padding: 0 12px;
    border-radius: 10px;
  }

  .theme-toggle-label {
    display: inline;
  }

  html[data-theme="dark"] .main-nav {
    background: #111923;
    border-color: #273646;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
  }
}

@media (max-width: 640px) {
  html[data-theme="dark"] .hero {
    background:
      linear-gradient(180deg,
        rgba(8, 13, 19, 0.96) 0%,
        rgba(8, 13, 19, 0.90) 36%,
        rgba(8, 13, 19, 0.72) 62%,
        rgba(8, 13, 19, 0.40) 100%),
      url("../img/hero-background.png");
    background-size: cover;
    background-position: 74% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle,
  html[data-theme="dark"] body,
  html[data-theme="dark"] .site-header {
    transition: none !important;
  }
}


/* =========================================================
   ANA SAYFA - KARANLIK TEMA GUCLENDIRMESI
   ========================================================= */

/* Header */
html[data-theme="dark"] .site-header {
  background: rgba(8, 13, 19, 0.96) !important;
  border-bottom: 1px solid rgba(111, 159, 203, 0.16) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20) !important;
}

html[data-theme="dark"] .main-nav a {
  color: #aebccc !important;
}

html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a.active {
  color: #ffffff !important;
}

html[data-theme="dark"] .quote-link {
  background: linear-gradient(135deg, #1b4f82, #2d72bb) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(45, 114, 187, 0.25) !important;
}

/* Hero */
html[data-theme="dark"] .hero {
  background:
    linear-gradient(
      90deg,
      rgba(7, 12, 18, 0.98) 0%,
      rgba(7, 12, 18, 0.96) 23%,
      rgba(8, 14, 21, 0.91) 39%,
      rgba(8, 14, 21, 0.76) 56%,
      rgba(8, 14, 21, 0.48) 73%,
      rgba(8, 14, 21, 0.28) 100%
    ),
    url("../img/hero-background.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html[data-theme="dark"] .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 50%, rgba(45, 114, 187, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.11));
}

html[data-theme="dark"] .hero .container {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] .hero h1 {
  color: #f4f7fb !important;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .hero-text {
  color: #b6c2cf !important;
}

html[data-theme="dark"] .hero .btn-secondary {
  background: rgba(21, 31, 42, 0.88) !important;
  border-color: rgba(126, 166, 203, 0.30) !important;
  color: #eaf2fa !important;
}

html[data-theme="dark"] .hero .btn-secondary:hover {
  background: #1d2b39 !important;
  border-color: rgba(126, 166, 203, 0.45) !important;
}

html[data-theme="dark"] .hero .btn-whatsapp {
  background: #e8eef5 !important;
  border-color: #e8eef5 !important;
  color: #101820 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] .hero .btn-whatsapp:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* Sirket tanitim bolumu */
html[data-theme="dark"] .section-dark {
  background:
    radial-gradient(circle at 80% 25%, rgba(45, 114, 187, 0.16), transparent 30%),
    linear-gradient(135deg, #0a1119 0%, #101d2b 55%, #15345a 100%) !important;
  border-top: 1px solid rgba(120, 160, 198, 0.08);
  border-bottom: 1px solid rgba(120, 160, 198, 0.08);
}

html[data-theme="dark"] .section-dark h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .section-dark .split-grid p {
  color: #b9c7d5 !important;
}

html[data-theme="dark"] .section-dark .btn-light {
  background: #edf3f8 !important;
  color: #173a6a !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

/* 3 adimli teklif sureci */
html[data-theme="dark"] .process-section {
  background:
    radial-gradient(circle at 10% 10%, rgba(45, 114, 187, 0.08), transparent 26%),
    #0a0f15 !important;
}

html[data-theme="dark"] .process-heading h2 {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .process-heading .section-lead {
  color: #99aabb !important;
}

html[data-theme="dark"] .process-card {
  background: linear-gradient(145deg, #111923, #0e151d) !important;
  border: 1px solid rgba(124, 163, 201, 0.14) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .process-card:hover {
  border-color: rgba(234, 90, 42, 0.38) !important;
  transform: translateY(-3px);
}

html[data-theme="dark"] .process-card span {
  background: linear-gradient(135deg, #ea5a2a, #cc3f19) !important;
}

html[data-theme="dark"] .process-card h3 {
  color: #eef4fa !important;
}

html[data-theme="dark"] .process-card p {
  color: #9eafbf !important;
}

/* Hızlı teklif bandi */
html[data-theme="dark"] .contact-banner {
  background: #0a0f15 !important;
}

html[data-theme="dark"] .contact-banner-inner {
  background:
    radial-gradient(circle at 88% 20%, rgba(234, 90, 42, 0.08), transparent 28%),
    linear-gradient(135deg, #101923, #121b24) !important;
  border: 1px solid rgba(121, 161, 198, 0.16) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .contact-banner-inner h2 {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .contact-banner-inner p {
  color: #9eafbf !important;
}

/* Cozum ortaklari */
html[data-theme="dark"] .partners-section {
  background:
    linear-gradient(180deg, #0d131a 0%, #0a0f15 100%) !important;
  border-top: 1px solid rgba(120, 160, 198, 0.10) !important;
}

html[data-theme="dark"] .partners-heading h2 {
  color: #f2f6fa !important;
}

html[data-theme="dark"] .partners-heading .section-lead {
  color: #97a9ba !important;
}

/* Logolarin beyaz kartlari bilerek korunuyor */
html[data-theme="dark"] .partner-logo-slot {
  background: #ffffff !important;
  border-color: rgba(145, 173, 199, 0.18) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] .partner-logo-slot:hover {
  border-color: rgba(234, 90, 42, 0.48) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34) !important;
}

/* Ana sayfadaki bolumler arasinda beyaz bosluk kalmasin */
html[data-theme="dark"] main {
  background: #0a0f15 !important;
}

/* Mobil */
@media (max-width: 640px) {
  html[data-theme="dark"] .hero {
    background:
      linear-gradient(
        180deg,
        rgba(7, 12, 18, 0.97) 0%,
        rgba(7, 12, 18, 0.92) 38%,
        rgba(7, 12, 18, 0.76) 66%,
        rgba(7, 12, 18, 0.48) 100%
      ),
      url("../img/hero-background.png") !important;
    background-size: cover !important;
    background-position: 74% center !important;
  }
}


/* =========================================================
   HEADER LOGO - DARK TEMA SON BOYUT
   ========================================================= */
html[data-theme="dark"] .brand {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 96px !important;
  overflow: visible !important;
}

html[data-theme="dark"] .brand img {
  height: 82px !important;
  width: auto !important;
  max-width: none !important;
  display: block !important;
  border-radius: 16px !important;
  padding: 2px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
  transform: scale(1.22) !important;
  transform-origin: center !important;
}


/* =========================================================
   CENIK ELEKTRIK - TAM SAYFA GUNDUZ / GECE ARKA PLANI
   ========================================================= */

/* Arka plan sabit bir katman olarak tum sayfanin arkasinda kalir. */
html {
  background: #e9eef3;
}

body {
  position: relative;
  min-height: 100vh;
  isolation: isolate;
  background: transparent !important;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  z-index: -2;
  background-image: url("../img/site-background-light.webp");
  background-size: cover;
  background-position: center 48%;
  background-repeat: no-repeat;
}

/* Gorsel okunurlugu bozmasin diye hafif beyaz filtre. */
body::after {
  z-index: -1;
  background: rgba(246, 249, 252, 0.67);
  backdrop-filter: saturate(0.94);
  -webkit-backdrop-filter: saturate(0.94);
}

/* Eski sayfa zeminleri yeni arka plani kapatmasin. */
main,
.hero,
.page-hero,
.process-section,
.partners-section,
.section-muted,
.catalog-intro,
.catalog-library-section,
.catalog-quote-section,
.price-list-section,
.contact-banner {
  background: transparent !important;
}

/* Hakkimizda sayfasindaki onceki gradient de transparan hale gelir. */
body:has(.main-nav a.active[href="hakkimizda.html"]) {
  background: transparent !important;
}

/* Header cam efekti: arka plan gorunur ama menu okunakli kalir. */
.site-header {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

/* Ana sayfa metni gorselin ustunde kaybolmasin. */
.hero-copy {
  padding: 30px 32px;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 20px 52px rgba(16, 33, 56, 0.12);
}

/* Koyu kurumsal bolum arka plani tamamen kesmesin. */
.section-dark {
  background: rgba(16, 42, 72, 0.86) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Teklif sureci ve ortaklar bolumu hafif cam yuzey. */
.process-section,
.partners-section,
.section-muted,
.catalog-library-section,
.catalog-quote-section,
.price-list-section {
  background: rgba(255, 255, 255, 0.46) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.page-hero,
.catalog-intro {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.contact-banner-inner,
.catalog-toolbar,
.catalog-category-bar,
.quote-guide-card,
.quote-form-card,
.values-grid article,
.step-card,
.process-card {
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

/* Footer kendi kurumsal koyu zeminini korur. */
.site-footer {
  position: relative;
  z-index: 1;
}

/* =========================================================
   KARANLIK MOD - AYNI SAHNENIN GECE VERSIYONU
   ========================================================= */
html[data-theme="dark"] {
  background: #070d14;
}

html[data-theme="dark"] body {
  background: transparent !important;
}

html[data-theme="dark"] body::before {
  background-image: url("../img/site-background-dark.webp");
  background-position: center 48%;
}

/* Gece gorselini kaybetmeden metin okunurlugu saglar. */
html[data-theme="dark"] body::after {
  background: rgba(4, 9, 15, 0.48);
  backdrop-filter: saturate(0.92);
  -webkit-backdrop-filter: saturate(0.92);
}

html[data-theme="dark"] main,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .process-section,
html[data-theme="dark"] .partners-section,
html[data-theme="dark"] .section-muted,
html[data-theme="dark"] .catalog-intro,
html[data-theme="dark"] .catalog-library-section,
html[data-theme="dark"] .catalog-quote-section,
html[data-theme="dark"] .price-list-section,
html[data-theme="dark"] .contact-banner {
  background: transparent !important;
}

html[data-theme="dark"] body:has(.main-nav a.active[href="hakkimizda.html"]) {
  background: transparent !important;
}

html[data-theme="dark"] .site-header {
  background: rgba(7, 13, 20, 0.88) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
}

html[data-theme="dark"] .hero-copy {
  background: rgba(8, 15, 23, 0.76) !important;
  border-color: rgba(145, 181, 215, 0.16) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] .section-dark {
  background: rgba(8, 23, 39, 0.84) !important;
}

html[data-theme="dark"] .process-section,
html[data-theme="dark"] .partners-section,
html[data-theme="dark"] .section-muted,
html[data-theme="dark"] .catalog-library-section,
html[data-theme="dark"] .catalog-quote-section,
html[data-theme="dark"] .price-list-section {
  background: rgba(7, 13, 20, 0.50) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .catalog-intro {
  background: rgba(7, 13, 20, 0.58) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Mobilde merkez perspektifi koru. */
@media (max-width: 768px) {
  body::before,
  html[data-theme="dark"] body::before {
    background-position: center 45%;
  }

  body::after {
    background: rgba(246, 249, 252, 0.72);
  }

  html[data-theme="dark"] body::after {
    background: rgba(4, 9, 15, 0.54);
  }

  .hero-copy {
    padding: 24px 22px;
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    transition: none !important;
  }
}

/* =========================================================
   ANA SAYFA - YATAY SAHNE VE OKUNAKLI METIN DUZENI
   ========================================================= */

/* Dikey sahne telefonda; yatay kadraj masaustunde kullanilir. */
body::before {
  background-image: url("../img/site-background-light.webp?v=20260923-v3");
}
html[data-theme="dark"] body::before {
  background-image: url("../img/site-background-dark.webp?v=20260923-v3");
}

@media (min-width: 901px) {
  html body:has(> main.ce-home-page)::before {
    background-image: url("../img/site-background-light-wide.webp?v=20260923-v3");
    background-position: center center;
  }
  html[data-theme="dark"] body:has(> main.ce-home-page)::before {
    background-image: url("../img/site-background-dark-wide.webp?v=20260923-v3");
  }
}

html body:has(> main.ce-home-page)::after {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body main.ce-refresh.ce-home-page {
  --ce-home-ink: #172f45;
  --ce-home-muted: #354a60;
  --ce-home-accent: #b63f17;
  --ce-home-panel: linear-gradient(125deg,
    rgba(255, 255, 255, .96) 0%,
    rgba(250, 252, 254, .91) 58%,
    rgba(246, 250, 253, .78) 100%);
  --ce-home-panel-border: rgba(255, 255, 255, .70);
  --ce-home-section: rgba(247, 250, 253, .94);
}

html[data-theme="dark"] body main.ce-refresh.ce-home-page {
  --ce-home-ink: #f5f8fc;
  --ce-home-muted: #c5d2e1;
  --ce-home-accent: #ffae7b;
  --ce-home-panel: linear-gradient(125deg,
    rgba(9, 18, 29, .96) 0%,
    rgba(11, 24, 38, .91) 58%,
    rgba(12, 28, 45, .78) 100%);
  --ce-home-panel-border: rgba(168, 195, 223, .22);
  --ce-home-section: rgba(9, 18, 29, .94);
}

/* Ek urun resmi ve bos sag sutun kaldirildi. */
html body main.ce-refresh.ce-home-page .ce-hero-media,
html body main.ce-refresh.ce-home-page .hero-visual {
  display: none !important;
}

html body main.ce-refresh.ce-home-page .hero {
  display: grid;
  align-items: center;
  min-height: clamp(620px, 76svh, 780px);
  padding: clamp(44px, 5vw, 74px) 0;
  background: transparent !important;
}

html body main.ce-refresh.ce-home-page .hero::after {
  content: none !important;
}

html body main.ce-refresh.ce-home-page .hero .hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

html body main.ce-refresh.ce-home-page .hero .hero-copy {
  width: min(100%, 610px);
  max-width: 610px !important;
  padding: 34px 36px;
  border: 1px solid var(--ce-home-panel-border) !important;
  border-radius: 20px;
  background: var(--ce-home-panel) !important;
  box-shadow: 0 18px 48px rgba(5, 17, 31, .13) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Harflerin etrafindaki beyaz/siyah parlamanin tamami kaldirildi. */
html body main.ce-refresh.ce-home-page > :is(.hero, .section-dark, .process-section, .contact-banner)
  :is(h1, h2, h3, p, span, a) {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

html body main.ce-refresh.ce-home-page > :is(.hero, .section-dark, .process-section, .contact-banner)
  :is(h1, h2, h3) {
  color: var(--ce-home-ink) !important;
}

html body main.ce-refresh.ce-home-page > :is(.hero, .section-dark, .process-section, .contact-banner)
  :is(p, .hero-points) {
  color: var(--ce-home-muted) !important;
}

html body main.ce-refresh.ce-home-page .hero h1 {
  font-size: clamp(38px, 4.25vw, 60px);
  line-height: 1.10;
  letter-spacing: -.045em;
}

html body main.ce-refresh.ce-home-page .hero h1 span {
  color: var(--ce-home-accent) !important;
}

html body main.ce-refresh.ce-home-page .hero-text {
  font-size: 17px;
  line-height: 1.75;
}

/* Alt metinler ayni sakin yuzeyde okunur; goruntu hafifce gorunur. */
html body main.ce-refresh.ce-home-page > :is(.section-dark, .process-section, .contact-banner) {
  background: var(--ce-home-section) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: transparent !important;
}

html body main.ce-refresh.ce-home-page :is(.process-card, .contact-banner-inner) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) body main.ce-refresh.ce-home-page .hero .btn-secondary {
  background: rgba(255, 255, 255, .70);
  border-color: #24415b;
  color: #173a6a;
}

@media (max-width: 900px) {
  html body main.ce-refresh.ce-home-page .hero {
    min-height: 600px;
    padding: 52px 0;
  }
}

@media (max-width: 640px) {
  html body main.ce-refresh.ce-home-page .hero {
    min-height: 0;
    padding: 34px 0 42px;
  }
  html body main.ce-refresh.ce-home-page .hero .hero-copy {
    padding: 26px 22px;
    border-radius: 16px;
  }
  html body main.ce-refresh.ce-home-page .hero h1 {
    font-size: clamp(30px, 8.6vw, 40px);
  }
  html body main.ce-refresh.ce-home-page .hero-text {
    font-size: 16px;
  }
  html body main.ce-refresh.ce-home-page .hero-actions .btn {
    min-height: 48px;
  }
}


/* Tema degisimi: goruntu, renkler ve arka plan birlikte 500 ms'de solar. */
html.theme-changing *,
html.theme-changing *::before,
html.theme-changing *::after {
  transition: none !important;
}

html.theme-changing::view-transition-old(root) {
  animation: cenik-theme-out 500ms ease-in-out both;
}

html.theme-changing::view-transition-new(root) {
  animation: cenik-theme-in 500ms ease-in-out both;
}

html.theme-changing::view-transition-group(root) {
  animation-duration: 500ms;
}

@keyframes cenik-theme-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes cenik-theme-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html::view-transition-old(root),
  html::view-transition-new(root),
  html::view-transition-group(root) {
    animation: none !important;
  }
}