/* Global Dark Theme Override */
:root {
  --text-dark: #e5e7eb;        /* açık metin */
  --text-light: #94a3b8;       /* muted metin */
  --bg-light: #0b1320;         /* panel arka planı */
  --bg-white: #0f172a;         /* ana arka plan */
  --bg-darker: #0a1420;        /* body arka planı */
  --border-color: #1f2937;     /* koyu sınır */
  --primary-color: #0ea5e9;    /* canlı mavi */
  --secondary-color: #0284c7;  /* koyu mavi */
  --accent-color: #1d4ed8;     /* keskin vurgu */
  --gradient-primary: linear-gradient(135deg, #1d4ed8 0%, #0ea5e9 100%);
  --gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}

/* Header ve nav */
.header { 
  background: rgba(15, 23, 42, 0.85) !important; 
  border-bottom: 1px solid rgba(2, 132, 199, 0.35) !important;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.header.scrolled { background: rgba(15, 23, 42, 0.95) !important; }
.nav-link { color: var(--text-dark) !important; }
.nav-link:hover, .nav-link.active { color: var(--primary-color) !important; }
@media (max-width: 768px) {
  .nav-menu { background: rgba(15, 23, 42, 0.98) !important; }
}
/* İrfan: Header logosunu daha belirgin olması için büyütüyorum */
.header .nav-logo .logo, .header .logo {
  height: 56px !important;
  width: auto !important;
}
/* İrfan: Masaüstünde daha büyük, mobilde dengeli logo boyutu */
@media (min-width: 992px) {
  .header .nav-logo .logo, .header .logo {
    height: 72px !important;
  }
}
@media (max-width: 768px) {
  .header .nav-logo .logo, .header .logo {
    height: 50px !important;
  }
}

/* Kart ve panel arka planları */
.contact-form, .faq-item, .service-card, .project-card, .testimonial-content {
  background: var(--bg-white) !important;
  border-color: var(--border-color) !important;
}

/* Footer ikon ve link renkleri */
.footer-links i { color: var(--primary-color) !important; }
.footer-social a { color: var(--text-light) !important; }
.footer-social a:hover { color: var(--primary-color) !important; }

/* WhatsApp butonunu maviye çevir */
.whatsapp-btn {
  background: var(--primary-color) !important;
  box-shadow: 0 4px 20px rgba(14,165,233,0.35) !important;
  animation: none !important;
}
.whatsapp-btn:hover { 
  box-shadow: 0 6px 25px rgba(14,165,233,0.55) !important; 
}

/* Karanlık modda scrollbar uyumu */
::-webkit-scrollbar-track { background: #0b1320; }
::-webkit-scrollbar-thumb { background: var(--secondary-color); }

/* Reduce motion saygısı */
@media (prefers-reduced-motion: reduce) {
  .whatsapp-btn { transition: none !important; }
}

/* Global body ve section zeminleri */
body { background: var(--bg-darker) !important; }
.hero { 
  background: linear-gradient(135deg, #0b1320 0%, #0f172a 50%, #0a1420 100%) !important; 
  padding-top: 100px;
  position: relative;
}
/* Hero yüksekliğini küçült ve uyumluluğu artır */
.hero .hero-container { min-height: 60vh !important; }
@media (min-width: 992px) { .hero .hero-container { min-height: 56vh !important; } }
@media (max-width: 768px) { .hero .hero-container { min-height: 68vh !important; } }
.hero::before {
  background: conic-gradient(from 180deg at 70% 30%, rgba(2, 132, 199, 0.25), rgba(29, 78, 216, 0.2), rgba(2, 132, 199, 0.25)) !important;
  opacity: 0.35 !important;
}

/* Hero overlaylerin tıklamayı engellememesi için */
.hero-shapes,
.code-bg { pointer-events: none; user-select: none; }

/* Kod parçalarını tüm hero yüzeyine yay */
.code-bg {
  position: absolute;
  inset: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-content: space-around;
  justify-content: space-around;
  z-index: 0;
}
.code-bg .code-char {
  color: rgba(226, 232, 240, 0.8);
  opacity: 0.28;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  animation: floatChar 6s ease-in-out infinite;
}
@keyframes floatChar {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}
.code-bg .code-char:nth-child(3n) { font-size: 11px; opacity: 0.24; animation-duration: 7s; }
.code-bg .code-char:nth-child(4n) { font-size: 13px; opacity: 0.32; animation-duration: 5.5s; }
.code-bg .code-char:nth-child(5n) { font-size: 14px; opacity: 0.30; animation-duration: 6.5s; }

/* Aşağı kaydır ikonu (alt orta) */
.scroll-indicator {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 2;
  color: var(--primary-color);
  opacity: 0.85;
  transition: opacity 0.2s ease;
  pointer-events: auto;
}
.scroll-indicator i { font-size: 22px; }
.scroll-indicator:hover { opacity: 1; }
@keyframes bounceDown {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(8px); }
}
.scroll-indicator { animation: bounceDown 1.8s ease-in-out infinite; }

/* Tech icons: turuncu/yeşil tonları kaldır, maviyle hizala */
.tech-icon { box-shadow: 0 0 22px rgba(14,165,233,0.25) !important; }
.tech-icon:nth-child(3),
.tech-icon:nth-child(5) {
  background: var(--gradient-secondary) !important;
  box-shadow: 0 0 22px rgba(14,165,233,0.35) !important;
}

/* Çözümler ve süreç kartları koyu arka plan uyumu */
.solutions, .process, .technologies, .portfolio, .faq { background: var(--bg-white) !important; }
.solution-card, .process-step, .tech-item, .project-card, .faq-item { background: var(--bg-light) !important; border-color: var(--border-color) !important; }
.solution-icon, .step-icon { background: var(--gradient-secondary) !important; }

/* Referanslar ve kampanya banner koyu mavi degrade */
.references { background: linear-gradient(135deg, #0ea5e9 0%, #1d4ed8 100%) !important; }
.campaign-banner { 
  background: linear-gradient(135deg, #0ea5e9 0%, #1d4ed8 100%) !important; 
  box-shadow: 0 15px 35px rgba(14, 165, 233, 0.25) !important;
}
/* ===== Testimonials Dark Redesign ===== */
.testimonials-slider { position: relative; }
.testimonials-slider::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: radial-gradient(500px 200px at 20% 0%, rgba(14,165,233,0.18), transparent 50%),
              radial-gradient(400px 180px at 80% 10%, rgba(2,132,199,0.16), transparent 55%);
  filter: blur(10px);
  pointer-events: none;
  z-index: 0;
}
.testimonials-container { background: transparent; border-radius: 20px; }
.testimonial-slide { z-index: 1; }
.testimonial-slide.active { z-index: 2; }
.testimonial-content {
  background: var(--bg-white) !important;
  border: 1px solid rgba(14, 165, 233, 0.32) !important;
  color: var(--text-light) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35), 0 0 60px rgba(14,165,233,0.12) !important;
}
.testimonial-stars { color: #fbbf24 !important; }
.testimonial-text { color: rgba(226, 232, 240, 0.92) !important; }
.testimonial-text::before {
  color: transparent !important;
  background: var(--gradient-secondary) !important;
  -webkit-background-clip: text;
          background-clip: text;
  opacity: 0.3 !important;
}
.testimonial-author { color: var(--text-light) !important; }
.author-info h4 { color: var(--text-dark) !important; }
.author-info span { color: rgba(203, 213, 225, 0.85) !important; }
.google-badge {
  background: var(--gradient-secondary) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35) !important;
}
.slider-dots .dot {
  background: rgba(14, 165, 233, 0.28) !important;
  box-shadow: 0 0 0 2px rgba(14,165,233,0.25) inset !important;
}
.slider-dots .dot:hover { background: rgba(14, 165, 233, 0.48) !important; }
.slider-dots .dot.active {
  background: var(--primary-color) !important;
  box-shadow: 0 0 0 2px rgba(2,132,199,0.45) inset, 0 0 10px rgba(14,165,233,0.45) !important;
  transform: scale(1.15);
}

/* ===== Contact Dark Redesign ===== */
.contact {
  background: linear-gradient(135deg, #0b1320 0%, #0f172a 50%, #0a1a34 100%) !important;
  position: relative;
  overflow: hidden;
}
.contact::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(700px 320px at 10% 10%, rgba(14,165,233,0.14), transparent 45%),
              radial-gradient(600px 280px at 90% 25%, rgba(2,132,199,0.12), transparent 50%),
              url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="12" height="12" patternUnits="userSpaceOnUse"><path d="M0 0H12V12H0Z" fill="none"/><path d="M0 0H12V12H0Z" stroke="%23ffffff" stroke-opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;
  opacity: 0.6;
  pointer-events: none;
}
.contact-content { grid-template-columns: 1fr 1fr; align-items: start; gap: 3rem; position: relative; z-index: 1; }
.contact-item {
  background: rgba(16, 24, 40, 0.45) !important;
  border: 1px solid rgba(14, 165, 233, 0.30) !important;
  padding: 16px !important;
  border-radius: 14px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.contact-item:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.35), 0 0 20px rgba(14,165,233,0.12); }
.contact-icon { background: var(--gradient-secondary) !important; box-shadow: 0 10px 24px rgba(14,165,233,0.25) !important; }
/* İrfan: İletişim satırlarındaki tek başına duran ikonları gizliyorum; sadece rozet/etiketler kalsın */
.contact .contact-icon, .contact .contact-item .contact-icon { display: flex; align-items: center; justify-content: center; }
.contact-details h4 { color: var(--text-dark) !important; }
.contact-details p { color: var(--text-light) !important; }
.contact-form { background: var(--bg-white) !important; border: 1px solid rgba(14, 165, 233, 0.32) !important; position: relative; }
.contact-form::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  background: radial-gradient(300px 120px at 10% 0%, rgba(14,165,233,0.16), transparent 50%),
              radial-gradient(280px 110px at 90% 0%, rgba(2,132,199,0.14), transparent 55%);
  filter: blur(8px);
  pointer-events: none;
}
.form-group label { color: var(--text-light) !important; }
.form-group input, .form-group select, .form-group textarea { background: rgba(2, 8, 23, 0.7) !important; color: var(--text-dark) !important; border-color: rgba(14, 165, 233, 0.28) !important; }
.form-group input:hover, .form-group select:hover, .form-group textarea:hover { border-color: rgba(14, 165, 233, 0.45) !important; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary-color) !important; box-shadow: 0 8px 25px rgba(14,165,233,0.18), 0 0 0 3px rgba(2,132,199,0.18) !important; }
.contact-form .btn-primary { background: var(--gradient-secondary) !important; box-shadow: 0 10px 24px rgba(14,165,233,0.28) !important; }

/* ===== Contact chips (phone, email, address) ===== */
.contact-details a,
.footer-links a[href^="mailto:"],
.footer-links a[href^="tel:"] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px 14px;
  background: rgba(2, 8, 23, 0.6);
  border: 1px solid rgba(14, 165, 233, 0.28);
  border-radius: 12px;
  color: var(--text-dark) !important;
  text-decoration: none !important;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.contact-details a:hover,
.footer-links a[href^="mailto:"]:hover,
.footer-links a[href^="tel:"]:hover {
  transform: translateY(-1px);
  background: rgba(2, 8, 23, 0.75);
  border-color: rgba(14, 165, 233, 0.45);
  box-shadow: 0 10px 22px rgba(14,165,233,0.18);
}
/* İrfan: Footer iletişim (mail/telefon) ikonlarını kaldırıyorum */
.footer-links a[href^="mailto:"]::before,
.footer-links a[href^="tel:"]::before {
  content: none !important;
  display: none !important;
}

/* Remove duplicated icons inside contact chips */
.contact-details a::before,
.contact-details a::after,
.contact .contact-details a::before,
.contact .contact-details a::after,
.contact .contact-details a[href^="mailto:"]::before,
.contact .contact-details a[href^="mailto:"]::after,
.contact .contact-details a[href^="tel:"]::before,
.contact .contact-details a[href^="tel:"]::after {
  content: none !important;
  display: none !important;
}

/* İrfan: İletişim rozetlerinde ikon kullanılmıyor; tüm pseudo-elementler kapalı */

/* Address chip (if plain text) */
.contact-details .address,
.footer-links .address {
  display: inline-block;
  padding: 10px 14px;
  background: rgba(2, 8, 23, 0.6);
  border: 1px solid rgba(14, 165, 233, 0.28);
  border-radius: 12px;
  color: var(--text-dark);
}
/* Hero overlaylerin tıklamayı engellememesi için pointer-events kapalı */
.hero-shapes,
.code-bg { pointer-events: none; user-select: none; }

/* Footer üst katmanda görünür, contact overlay ile çakışmaz */
.footer { position: relative; z-index: 1; }