/* RESPONSIVE CSS: Tüm sayfalara uygulanabilir */

/* NAVBAR ve SOSYAL İKONLAR */
@media screen and (max-width: 768px) {
  #navbar {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  #navbar-right,
  #social-icons {
    flex-direction: column !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  #navbar a {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    padding: 8px !important;
  }

  #social-icons {
    justify-content: flex-start !important;
  }

  #footer {
    flex-direction: column !important;
    text-align: center !important;
  }
}

/* Mobilde slayt/resim boyutları (isteğe göre eklenebilir) */
@media screen and (max-width: 580px) {
  .slideshow-container img {
    width: 100% !important;
    height: auto !important;
  }
}