/* banner.css */

/* Buy Me a Coffee butonunun genel stil ayarları */
.bmc-image {
  height: 30px !important; /* Buton yüksekliği */
  width: auto !important; /* Orantılı genişlik */
  max-height: 30px !important; /* Maksimum yükseklik */
  vertical-align: middle !important; /* Dikey hizalama */
  margin: 0 8px !important; /* Sağ-sol boşluk */
  transition: transform 0.2s ease !important; /* Hover efekti için geçiş */
}

/* Hover efekti */
.bmc-image:hover {
  transform: scale(1.05) !important; /* Hafif büyütme efekti */
}

/* Announce bloğunun genel stili */
.announce {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  text-align: center !important;
}

/* Mobil cihazlar için responsive ayarlar */
@media screen and (max-width: 768px) {
  .bmc-image {
    height: 32px !important; /* Mobilde daha küçük boyut */
    max-height: 32px !important;
    margin: 4px 0 !important; /* Mobilde üst-alt boşluk */
  }

  .announce {
    padding: 6px 12px !important;
    font-size: 14px !important;
  }
}

/* Çok küçük ekranlar için */
@media screen and (max-width: 480px) {
  .bmc-image {
    height: 28px !important;
    max-height: 28px !important;
  }

  .announce {
    font-size: 13px !important;
    gap: 4px !important;
  }

  .announce strong {
    display: block; /* Küçük ekranlarda strong'u blok yap */
    margin-bottom: 4px;
  }
}