/* Duyuru / makale liste ve detay sayfaları — yalnızca includes/icerik_*.php. Tema: #0066B2 (mavi), #E30916 (kırmızı) */

.icerik-liste, .icerik-detay { padding: 50px 0 40px; }
.icerik-bos { text-align: center; color: #5f6b78; font-size: 17px; padding: 40px 0; }

/* Eşit yükseklikli kartlar (bootstrap clearfix pseudo'ları flex'i bozar) */
.icerik-kartlar { display: flex; flex-wrap: wrap; }
.icerik-kartlar:before, .icerik-kartlar:after { display: none; }
.icerik-kartlar > [class*="col-"] { display: flex; float: none; }

.icerik-kart { flex: 1; display: flex; flex-direction: column; margin: 0 0 30px; background: #fff; border: 1px solid #e3e9ef; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 18px rgba(20, 45, 80, .05); color: #1b2a3a; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
.icerik-kart:hover, .icerik-kart:focus { transform: translateY(-4px); border-color: #0066B2; box-shadow: 0 12px 30px rgba(20, 45, 80, .12); color: #1b2a3a; text-decoration: none; }
.icerik-kart-gorsel { display: block; aspect-ratio: 16 / 9; background: #e8f2fb center / cover no-repeat; }
.icerik-kart-govde { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.icerik-kart-tarih { font-size: 13px; font-weight: 600; color: #E30916; letter-spacing: .3px; margin: 0 0 6px; }
.icerik-kart-baslik { font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.35; margin: 0 0 8px; }
.icerik-kart-ozet { font-size: 15px; line-height: 1.55; color: #5f6b78; margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.icerik-kart-devam { margin-top: auto; font-weight: 700; font-size: 15px; color: #0066B2; }
.icerik-kart-devam span { display: inline-block; transition: transform .2s; }
.icerik-kart:hover .icerik-kart-devam span { transform: translateX(4px); }

.icerik-sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 10px 0 0; }
.icerik-sayfalama a, .icerik-sayfalama span { min-width: 40px; padding: 8px 12px; border: 1px solid #d5dee8; border-radius: 8px; text-align: center; color: #0066B2; font-weight: 600; text-decoration: none; }
.icerik-sayfalama a:hover { background: #e8f2fb; }
.icerik-sayfalama .aktif { background: #0066B2; border-color: #0066B2; color: #fff; }

.icerik-detay-baslik { font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 32px; line-height: 1.25; color: #1b2a3a; text-transform: none; margin: 0 0 10px; }
.icerik-detay-tarih { font-size: 14px; font-weight: 600; color: #E30916; margin: 0 0 22px; }
.icerik-detay-kapak { display: block; width: 100%; height: auto; border-radius: 12px; margin: 0 0 26px; }
.icerik-detay-govde { font-size: 17px; line-height: 1.75; color: #2c3a48; }
.icerik-detay-govde h2 { font-size: 24px; margin: 30px 0 12px; text-transform: none; }
.icerik-detay-govde h3 { font-size: 20px; margin: 24px 0 10px; text-transform: none; }
.icerik-detay-govde img { max-width: 100%; height: auto; border-radius: 8px; }
.icerik-detay-govde table { width: 100%; margin: 0 0 20px; border-collapse: collapse; }
.icerik-detay-govde td, .icerik-detay-govde th { border: 1px solid #d5dee8; padding: 8px 10px; }

.icerik-yan { background: #f4f7fa; border-radius: 14px; padding: 24px; margin: 0 0 30px; }
.icerik-yan-baslik { display: block; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 18px; color: #1b2a3a; margin: 0 0 14px; }
.icerik-yan ul { list-style: none; margin: 0 0 14px; padding: 0; }
.icerik-yan li { padding: 10px 0; border-bottom: 1px solid #e1e8ef; }
.icerik-yan li a { display: block; color: #1b2a3a; font-weight: 600; line-height: 1.4; }
.icerik-yan li a:hover { color: #0066B2; }
.icerik-yan li small { color: #5f6b78; }
.icerik-yan-tumu { font-weight: 700; color: #0066B2; }

@media (max-width: 767px) {
  .icerik-kartlar > [class*="col-"] { width: 100%; } /* flex satırda col-sm-* genişliksiz kalıp daralmasın */
  .icerik-detay-baslik { font-size: 25px; }
  .icerik-detay-govde { font-size: 16px; }
}