/* DS-Digital fontu için CDN import (örnek) */
@import url('https://fonts.cdnfonts.com/css/ds-digital');

/* Arka plan ve temel yazı ayarları */
body {
  background-color: #1d1f21;
  color: #fff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1rem;
}

/* Navbar koyu zemin */
.navbar {
  background-color: #2c2f33 !important;
  border-bottom: 1px solid #3d4043;
}

/* Linkler */
a, a:hover {
  color: #ddd !important;
  text-decoration: none !important;
}

/* Kartların genel koyu teması */
.card {
  background-color: #2c2f33;
  border: 1px solid #3d4043;
  color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card .card-title, .card .card-text {
  color: #fff;
}

/* Hover'da hafif yükselme ve ışık efekti */
.card:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

/* Parametre bazlı renk kodları (sol kenar ve/veya üst kenar) */
.card-voltage {
  border-left: 5px solid #f1c40f; /* Sarı */
}
.card-current {
  border-left: 5px solid #1abc9c; /* Turkuaz/Yeşil */
}
.card-power {
  border-left: 5px solid #e67e22; /* Turuncu/Kırmızı */
}

.card-harmonic {
  border-left: 5px solid #9b59b6; /* Mor ton */
}

.card-frequency {
  border-left: 5px solid #2596be; /* Mor ton */
}

.card-powerfactor {
  border-left: 5px solid #873e23; /* Mor ton */
}

/* Büyük ikon */
.big-icon {
  font-size: 2rem; 
  margin-right: 0.5rem;
}

/* Buton tasarımı */
.btn-custom {
  background-color: #7289da;
  color: #fff;
  border: none;
  transition: background-color 0.2s ease;
}
.btn-custom:hover {
  background-color: #5b6eae;
}

/* Parametre değerlerinin boyutunu artırma */
.fs-4x {
  font-size: 3rem; /* Daha büyük metin */
}

/* Form kontrolleri (örn. graph.php'deki date input'ları) */
.form-control, .form-control:focus {
  background-color: #3d4043 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
  font-size: 1rem;
  height: 45px;
}

.seven-seg {
  font-family: 'DS-Digital', sans-serif; 
  letter-spacing: 0.05em;      /* segment görünümü güçlendirmek için hafif aralık */
  color: #0aff0a;             /* parlak yeşil (7-seg hissi) */
  /* veya color: #ff3b3b; (kırmızı 7-seg) */
  text-shadow: 0 0 8px rgba(0,255,0,0.8); /* hafif neon efekti */
}

/* Anasayfa kartları için ek ayarlar */
.analyzer-card {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.param-icons {
  margin-top: auto; /* Kartın en altında hizalansın */
}
.param-icons a {
  margin: 0.25rem;
  font-size: 1.3rem;
  padding: 0.4rem 0.6rem;
}

/* Grafik başlığı ikonu (örnek) */
.graph-param-icon {
  font-size: 1.7rem; 
  margin-right: 0.5rem;
}