/* Footer Genel Ayarları */
.footer {
  background: #15284b;
  color: white;
  padding: 15px 20px;
  font-family: Arial, sans-serif;

}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 auto;
}

/* Footer Bölüm Başlıkları */
.footer-section h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #ffc107;
  text-transform: uppercase;
}

/* Sayfalar (Sol Bölüm) */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #ffc107;
}

/* Sosyal Medya (Orta Bölüm) */
.social-media a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  color: white;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.social-media a i {
  font-size: 1.2rem;
  color: #ffc107;
}

.social-media a:hover {
  color: #ffc107;
}

/* İletişim Bilgileri (Sağ Bölüm) */
.contact-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
}

.contact-info i {
  font-size: 1.2rem;
  color: #ffc107;
}

.contact-info a {
text-decoration:none;
  color: white;
}


/* Alt Çizgi */
.footer-bottom {
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 10px;
  color: #ddd;
  font-size: 0.9rem;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-section {
    margin-bottom: 20px;
  }

  .footer-links li,
  .social-media a,
  .contact-info li {
    justify-content: center;
  }
}


/* Yukarı Ok Butonu */
.scroll-to-top {
  position: fixed;
  bottom: 30px; /* Sayfanın altından mesafe */
  right: 30px; /* Sayfanın sağından mesafe */
  width: 50px;
  height: 50px;
  background: linear-gradient(to right, #0056b3, #003f7f); /* Modern degrade renk */
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  border-radius: 50%; /* Yuvarlak yapar */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Hafif gölge */
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0; /* Varsayılan olarak gizli */
  visibility: hidden; /* Ekranda görünmez */
}

/* Hover Efekti */
.scroll-to-top:hover {
  background: linear-gradient(to right, #003f7f, #0056b3);
  transform: scale(1.1); /* Hafif büyüme efekti */
}

/* Görünür Olduğunda */
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}