/* ============================================================
   Sirinler Aluminyum - icerikler (blog listesi, blog detay, hakkimizda)
   ============================================================ */

/* ---------- LISTE KARTI ---------- */
.srn-icerik-kart { display: flex; flex-direction: column; }
.srn-icerik-gorsel-kutu {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f3f4f6;
}
.srn-icerik-gorsel {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.srn-icerik-kart:hover .srn-icerik-gorsel { transform: scale(1.06); }
.srn-icerik-bilgi { padding: 1.25rem 0 0; border-bottom: 1px solid #e3e5ea; padding-bottom: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.srn-icerik-tarih {
  font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase;
  color: #8a97a3; margin-bottom: 0.6rem;
}
.srn-icerik-baslik { font-weight: 800; font-size: 1.25rem; line-height: 1.3; color: var(--srn-lacivert); }
.srn-icerik-baslik a:hover { color: var(--srn-kurumsal); }
.srn-icerik-ozet { color: #5c6670; font-size: 0.95rem; line-height: 1.6; margin: 0.7rem 0 1rem; flex: 1; }
.srn-icerik-devam {
  display: inline-flex; align-items: center; gap: 0.5rem;
  color: var(--srn-kurumsal); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.08em;
}
.srn-icerik-devam i { transition: transform 0.25s ease; }
.srn-icerik-devam:hover i { transform: translateX(4px); }

/* ---------- SAYFALAMA (urunler.css ile ayni) ---------- */
.srn-sayfa-no {
  min-width: 42px; height: 42px; padding: 0 0.6rem;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #d7dbe1; color: var(--srn-lacivert); font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.srn-sayfa-no:hover, .srn-sayfa-no.aktif {
  background: var(--srn-kurumsal); border-color: var(--srn-kurumsal); color: #fff;
}

/* ---------- ICERIK GOVDESI (CKEditor metni) ---------- */
.srn-icerik-govde { color: #3b4550; font-size: 1.05rem; line-height: 1.8; }
.srn-icerik-govde h2, .srn-icerik-govde h3, .srn-icerik-govde h4 {
  color: var(--srn-lacivert); font-weight: 800; line-height: 1.25; margin: 2rem 0 0.8rem;
}
.srn-icerik-govde h2 { font-size: 1.75rem; }
.srn-icerik-govde h3 { font-size: 1.4rem; }
.srn-icerik-govde h4 { font-size: 1.15rem; }
.srn-icerik-govde p { margin: 0 0 1.1rem; }
.srn-icerik-govde ul, .srn-icerik-govde ol { margin: 0 0 1.1rem 1.4rem; }
.srn-icerik-govde ul { list-style: disc; }
.srn-icerik-govde ol { list-style: decimal; }
.srn-icerik-govde li { margin-bottom: 0.35rem; }
.srn-icerik-govde a { color: var(--srn-kurumsal); text-decoration: underline; }
.srn-icerik-govde img { max-width: 100%; height: auto; margin: 1.5rem 0; }
.srn-icerik-govde blockquote {
  border-left: 3px solid var(--srn-kurumsal); padding: 0.3rem 0 0.3rem 1.2rem;
  margin: 1.5rem 0; color: var(--srn-lacivert); font-style: italic;
}
.srn-icerik-govde table { width: 100% !important; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.95rem; }
.srn-icerik-govde table th, .srn-icerik-govde table td {
  border: 0; border-bottom: 1px solid #e3e5ea; padding: 0.75rem 1rem 0.75rem 0; text-align: left; vertical-align: top;
}
.srn-icerik-govde table th { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: #8a97a3; }
.srn-icerik-govde iframe { max-width: 100%; }

/* ---------- DETAY ---------- */
.srn-icerik-manset { max-height: 560px; object-fit: cover; }
.srn-icerik-galeri-foto, .srn-hk-galeri-foto { aspect-ratio: 4 / 3; background: #f3f4f6; }
.srn-icerik-galeri-foto img, .srn-hk-galeri-foto img { transition: transform 0.5s ease; }
.srn-icerik-galeri-foto:hover img, .srn-hk-galeri-foto:hover img { transform: scale(1.06); }

.srn-gecis-link { display: flex; flex-direction: column; gap: 0.35rem; }
.srn-gecis-sag { text-align: right; align-items: flex-end; }
.srn-gecis-etiket { font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; color: #8a97a3; }
.srn-gecis-baslik { font-weight: 700; color: var(--srn-lacivert); line-height: 1.35; transition: color 0.2s ease; }
.srn-gecis-link:hover .srn-gecis-baslik { color: var(--srn-kurumsal); }

.srn-yan-yazilar li { border-bottom: 1px solid #e3e5ea; }
.srn-yan-yazi { display: flex; gap: 1rem; padding: 0.9rem 0; align-items: center; }
.srn-yan-yazi img { width: 84px; height: 64px; object-fit: cover; flex-shrink: 0; background: #f3f4f6; }
.srn-yan-yazi-tarih { display: block; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: #8a97a3; }
.srn-yan-yazi-baslik { display: block; font-weight: 700; font-size: 0.95rem; line-height: 1.35; color: var(--srn-lacivert); transition: color 0.2s ease; }
.srn-yan-yazi:hover .srn-yan-yazi-baslik { color: var(--srn-kurumsal); }

/* ---------- HAKKIMIZDA ---------- */
.srn-hakkimizda-sayfa .srn-hk-filigran { transform: translate(-50%, -50%); opacity: 0.06; z-index: 1; }
.srn-hakkimizda-sayfa > div { z-index: 2; }
.srn-hk-manset { object-fit: cover; }