/* Tanıtım sayfası (Home/Landing). CSP gereği satır içi <style> kullanılmaz. */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
  width: 100%;
}
html { scroll-behavior: smooth; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Eğitimler bölümü: mobil ekranda filtreler 2'li tam sığar ve açılan dropdown buton genişliğini (100%) asla aşmaz */
@media (max-width: 639px) {
  #egitimler #category-filter,
  #egitimler #delivery-filter,
  #egitimler #status-filter,
  #egitimler #organization-filter {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: relative !important;
  }
  #egitimler .filter-toggle {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #egitimler .filter-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #egitimler .filter-dropdown > div {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Bildirim/toast animasyonları (home-index.js, home-index-page.js). CSP gereği JS ile <style> eklenmez. */
@keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slideInToast { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slideOutToast { to { transform: translateX(100%); opacity: 0; } }