/* Gözde Elektrik - Özel Stiller */

:root {
  --brand-600: #1d4ed8;
  --brand-700: #1e40af;
}

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

.container-custom {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Glass Effect */
.glass {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.glass-light {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Hero gradient mesh arka plan */
.hero-gradient {
  background:
    radial-gradient(circle at 15% 20%, rgba(96,165,250,0.4), transparent 50%),
    radial-gradient(circle at 85% 10%, rgba(250,204,21,0.25), transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(30,64,175,0.6), transparent 55%),
    radial-gradient(circle at 75% 80%, rgba(250,204,21,0.15), transparent 40%),
    linear-gradient(135deg, #0f172a 0%, #1e3a8a 40%, #2563eb 100%);
}

.section-gradient {
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

/* Kart hover */
.hover-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.hover-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -12px rgba(29,78,216,0.25);
  border-color: rgba(29,78,216,0.35);
}

/* Yumuşak giriş animasyonu (scroll reveal) */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Elektrik teması: şimşek çizgi deseni arka plan */
.spark-pattern {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='2'%3E%3Cpath d='M40 5 L28 40 L38 40 L26 75'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 80px 80px;
}

/* Skip link (erişilebilirlik) */
.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #1d4ed8;
  color: #fff;
  padding: .75rem 1.25rem;
  z-index: 999;
  border-radius: 0 0 .5rem 0;
}
.skip-link:focus { left: 0; }

/* Odak görünürlüğü (klavye erişilebilirliği) */
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

/* Hareket azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* Lazy görsel placeholder efekti */
img[loading="lazy"] {
  background-color: #eef2f7;
}

/* Loader shimmer for gallery */
.shimmer {
  background: linear-gradient(90deg, #eef2f7 25%, #f5f8fc 37%, #eef2f7 63%);
  background-size: 400% 100%;
  animation: shimmer 1.6s ease infinite;
}
@keyframes shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}