/* Sefam'a özgü küçük düzeltmeler (Fooditude temasının üzerine). */

/* Türkçede uzun kelimeler (ör. "Organizasyonlarında") büyük başlıklarda dar ekrana sığmayabilir. */
h1, h2, h3, .h1, .h2 {
  overflow-wrap: break-word;
  hyphens: auto;
}
@media (max-width: 600px) {
  h1, h2, .h1, .h2 {
    overflow-wrap: anywhere;
  }
}

/* Üst menü her sayfada beyaz zeminde (Sefam'ın eski sitesindeki gibi); bordo zeminli sayfa başlarında
   logo ve menü yazıları okunur kalır. */
header.header {
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* Ana sayfa karşılama başlığı: açık pembe fotoğraf üzerinde beyaz yazı zor okunuyordu → Sefam bordosu. */
.m000 h1 {
  color: #aa182c !important;
}

/* SEO için H1 yapılan ama görünümü h2.smaller kalması gereken başlıklar (ör. Hizmetlerimiz sayfa başı).
   Tema boyutları: masaüstü h2.smaller 4.2rem, mobilde h2 3rem. */
h1.h2.smaller {
  font-size: 3rem;
  line-height: 1.2;
}
@media (min-width: 891px) {
  h1.h2.smaller {
    font-size: 4.2rem;
  }
}

/* Eski sitedeki sabit WhatsApp "Hızlı Teklif Al" düğmesi (sağ alt). */
.sefam-whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  font: 600 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
.sefam-whatsapp:hover {
  background: #1ebe5b;
}
@media (max-width: 600px) {
  .sefam-whatsapp {
    right: 14px;
    bottom: 14px;
    padding: 11px 15px;
    font-size: 14px;
  }
}

/* Logo (SVG, her ekranda keskin): üst menüde ekran küçüldükçe küçülür; alt bilgide kırmızı zeminde beyaz sürüm. */
.site-logo { display: block; height: 64px; width: auto; max-width: 100%; }
@media (max-width: 767px) { .site-logo { height: 50px; } }
@media (max-width: 380px) { .site-logo { height: 44px; } }
.site-logo-alt { display: block; width: 212px; max-width: 100%; height: auto; }
@media (max-width: 767px) { .site-logo-alt { width: 180px; } }