/* BEZGİN BEKİR — paylaşılan site stilleri
   Not: Tailwind yardımcı sınıfları CDN üzerinden anlık derleniyor (assets/js/site-config.js).
   Bu dosya sadece Tailwind'in karşılamadığı özel efektleri içerir. */

body {
  background-color: #f9f9f9;
  color: #1a1c1c;
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Rigid grid çizgileri */
.rigid-border { border: 1px solid #1C1C1C; }
.rigid-border-t { border-top: 1px solid #1C1C1C; }
.rigid-border-b { border-bottom: 1px solid #1C1C1C; }
.rigid-border-l { border-left: 1px solid #1C1C1C; }
.rigid-border-r { border-right: 1px solid #1C1C1C; }

/* Okuma ilerleme çubuğu (tüm sayfalarda tek stil) */
#progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background-color: #E31D2B;
  z-index: 100;
  transition: width 0.1s ease-out;
}

.grayscale-filter { filter: grayscale(100%) contrast(1.1); }
.grayscale-filter:hover { filter: grayscale(0%) contrast(1); }

.hover-red:hover { color: #E31D2B !important; }
.bg-hover-red:hover { background-color: #E31D2B !important; color: #fff !important; }

.nav-active {
  color: #E31D2B !important;
  border-bottom: 2px solid #E31D2B !important;
  font-weight: 700 !important;
}

/* Mobil kayan menü */
#menu-overlay {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(100%);
}
#menu-overlay.active { transform: translateX(0); }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Kart/görsel geçişleri */
.article-image { filter: grayscale(100%); transition: filter 0.4s ease-in-out; }
.article-card:hover .article-image { filter: grayscale(0%); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F7F7F7; }
::-webkit-scrollbar-thumb { background: #1C1C1C; }

/* Görünürlük animasyonu (JS ile IntersectionObserver kullanılır) */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }