/* Yunus Bilgisayar - Otomatik Açık/Karanlık Mod Renk Paketi
   Mobil ve bilgisayarda kullanıcının cihaz/işletim sistemi tema ayarına göre otomatik uyum sağlar.
   Tasarım yapısına dokunmaz; sadece renk, kontrast, kart, menü ve form görünümünü düzenler. */

:root{
  color-scheme:dark light;

  /* Varsayılan: karanlık mod */
  --bg:#050914 !important;
  --bg-soft:#090f1e !important;
  --card:#0e1628 !important;
  --card-2:#141d31 !important;
  --text:#ffffff !important;
  --muted:#b9c3d7 !important;
  --line:rgba(255,255,255,.12) !important;
  --orange:#ff6a00 !important;
  --orange-2:#ff2b20 !important;
  --blue:#ff3b2f !important;
  --green:#25d366 !important;
  --shadow:0 24px 70px rgba(0,0,0,.36) !important;
  --radius:24px !important;

  --body-bg:
    radial-gradient(circle at 10% 25%, rgba(218,20,32,.22), transparent 20%),
    radial-gradient(circle at 90% 28%, rgba(255,92,0,.25), transparent 22%),
    radial-gradient(circle at 50% -8%, rgba(28,45,76,.38), transparent 30%),
    linear-gradient(180deg,#050914 0%,#070d19 45%,#050914 100%) !important;
  --header-bg:rgba(5,9,20,.88) !important;
  --topbar-bg:rgba(5,9,20,.82) !important;
  --mobile-menu-bg:#070d19 !important;
  --glass-bg:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  --solid-card-bg:#0e1628 !important;
  --field-bg:#111a2e !important;
  --section-soft:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,43,32,.055)) !important;
  --page-hero-bg:radial-gradient(circle at 15% 0,rgba(255,43,32,.24),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),transparent) !important;
  --footer-bg:#030711 !important;
  --hero-card-bg:
    radial-gradient(circle at 20% 45%,rgba(255,35,25,.32),transparent 28%),
    radial-gradient(circle at 95% 55%,rgba(255,106,0,.28),transparent 28%),
    linear-gradient(145deg,rgba(17,26,44,.94),rgba(9,14,27,.94)) !important;
}

@media (prefers-color-scheme:light){
  :root{
    color-scheme:light;
    --bg:#fff7ef !important;
    --bg-soft:#fff1e4 !important;
    --card:#ffffff !important;
    --card-2:#fff7ef !important;
    --text:#161a24 !important;
    --muted:#5e6878 !important;
    --line:rgba(17,24,39,.12) !important;
    --orange:#ff6a00 !important;
    --orange-2:#e51d1d !important;
    --blue:#e72a22 !important;
    --shadow:0 18px 48px rgba(17,24,39,.11) !important;

    --body-bg:
      radial-gradient(circle at 8% 18%, rgba(229,29,29,.14), transparent 22%),
      radial-gradient(circle at 92% 25%, rgba(255,106,0,.16), transparent 24%),
      linear-gradient(180deg,#fff7ef 0%,#fffaf5 45%,#ffffff 100%) !important;
    --header-bg:rgba(255,250,245,.88) !important;
    --topbar-bg:rgba(255,247,239,.90) !important;
    --mobile-menu-bg:#fffaf5 !important;
    --glass-bg:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,248,240,.80)) !important;
    --solid-card-bg:#ffffff !important;
    --field-bg:#ffffff !important;
    --section-soft:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,106,0,.065)) !important;
    --page-hero-bg:radial-gradient(circle at 15% 0,rgba(255,106,0,.18),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,247,239,.42)) !important;
    --footer-bg:#161a24 !important;
    --hero-card-bg:
      radial-gradient(circle at 16% 40%,rgba(229,29,29,.17),transparent 30%),
      radial-gradient(circle at 95% 55%,rgba(255,106,0,.18),transparent 32%),
      linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,244,232,.92)) !important;
  }
}

html,body{background:var(--bg) !important;}
body{
  color:var(--text) !important;
  background:var(--body-bg) !important;
}

.topbar{
  background:var(--topbar-bg) !important;
  border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(18px) !important;
}
.topbar-inner,.topbar-inner a{color:var(--muted) !important;}

.site-header{
  background:var(--header-bg) !important;
  backdrop-filter:blur(20px) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.16) !important;
}
.navbar{border-bottom:1px solid var(--line) !important;}
.nav-inner{min-height:78px !important;}
.brand strong{color:var(--blue) !important;}
.brand small{color:var(--muted) !important;}
.brand img{filter:drop-shadow(0 10px 24px rgba(255,43,32,.34)) !important;}

.nav-menu a{
  color:var(--text) !important;
  border:1px solid transparent !important;
}
.nav-menu a:hover,.nav-menu a.active{
  color:var(--text) !important;
  background:rgba(255,43,32,.10) !important;
  border-color:rgba(255,43,32,.28) !important;
}
.nav-menu .nav-pill,
.btn.primary,
.service-form button,
button.btn,
a.btn.primary{
  background:linear-gradient(135deg,#ff2020 0%,#ff4a16 50%,#ff7a00 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 16px 40px rgba(255,55,20,.30) !important;
}
.btn.secondary{
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
.btn:hover,.nav-menu .nav-pill:hover{filter:brightness(1.08) !important;}

.eyebrow{
  color:var(--orange) !important;
  border:1px solid rgba(255,77,0,.42) !important;
  background:rgba(255,30,20,.055) !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  letter-spacing:.08em !important;
}
.eyebrow:before{background:linear-gradient(90deg,#ff2020,#ff7a00) !important;}
.hero h1,.page-hero h1,.section h2{color:var(--text) !important;}
.hero-text,.page-hero p,.section p{color:var(--muted) !important;}
.trust-row span{
  background:rgba(255,255,255,.055) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}

.hero-card{
  background:var(--hero-card-bg) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow), 0 0 70px rgba(255,55,20,.10) !important;
}
.slide:after{background:linear-gradient(180deg,rgba(5,9,20,.04) 24%,rgba(5,9,20,.88) 100%) !important;}
.slide-caption strong{color:#fff !important;}
.slide-caption span{color:#e4e9f4 !important;}
.slider-dots span.active{background:#ff3b2f !important;box-shadow:0 0 18px rgba(255,59,47,.65) !important;}

.quick-grid a,
.service-card,
.product-card,
.content-card,
.features div,
.faq-list details,
.product-strip article,
.service-form{
  background:var(--glass-bg) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}
.quick-grid strong,.service-card h3,.product-card h2,.content-card h2,.features h3,.faq-list summary{color:var(--text) !important;}
.quick-grid span,.service-card p,.product-card p,.content-card ul,.features p,.faq-list p,.product-strip span{color:var(--muted) !important;}
.service-card a,.product-card a,.content-card a{color:var(--orange) !important;}
.features strong{color:var(--blue) !important;}

.showcase-section{
  background:var(--section-soft) !important;
  border-block:1px solid var(--line) !important;
}
.page-hero{
  background:var(--page-hero-bg) !important;
  border-bottom:1px solid var(--line) !important;
}
.product-strip article{background:var(--solid-card-bg) !important;}
.product-strip strong{color:var(--text) !important;}

.service-form input,
.service-form textarea,
.service-form select{
  background:var(--field-bg) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
}
.service-form input::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent) !important;}
.form-note{color:var(--muted) !important;}

.site-footer{
  background:var(--footer-bg) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
.site-footer h3,.footer-brand{color:#fff !important;}
.site-footer p,.site-footer a,.footer-bottom{color:#c3cad7 !important;}
.footer-map{color:#ff8b2a !important;}
.float-whatsapp{background:var(--green) !important;color:#06210f !important;}

@media (prefers-color-scheme:light){
  .site-header{box-shadow:0 14px 34px rgba(17,24,39,.09) !important;}
  .btn.secondary{background:rgba(255,255,255,.72) !important;}
  .hero-card,.quick-grid a,.service-card,.product-card,.content-card,.features div,.faq-list details,.product-strip article,.service-form{box-shadow:0 18px 48px rgba(17,24,39,.10) !important;}
  .slide:after{background:linear-gradient(180deg,rgba(5,9,20,.02) 18%,rgba(5,9,20,.82) 100%) !important;}
  .nav-menu a:hover,.nav-menu a.active{color:#e51d1d !important;background:rgba(229,29,29,.08) !important;}
}

@media(max-width:960px){
  .nav-menu{
    background:var(--mobile-menu-bg) !important;
    border:1px solid var(--line) !important;
    box-shadow:var(--shadow) !important;
  }
  .nav-toggle{
    background:rgba(255,255,255,.06) !important;
    color:var(--text) !important;
    border:1px solid var(--line) !important;
  }
}

@media(max-width:620px){
  body{background-attachment:scroll !important;}
  .hero h1,.page-hero h1{letter-spacing:-.035em !important;}
  .btn{width:100% !important;}
  .hero-actions .btn{width:auto !important;}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}