/* Sayfa düzenleyici blokları — hem sitede (.serbest-icerik) hem panel editör tuvalinde (.zengin-govde) aynı görünür. */
.serbest-icerik .ta-c, .zengin-govde .ta-c { text-align: center }
.serbest-icerik .ta-r, .zengin-govde .ta-r { text-align: right }
.serbest-icerik .ta-j, .zengin-govde .ta-j { text-align: justify }

/* Sütunlar */
.serbest-icerik .cols, .zengin-govde .cols { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.25rem 0; align-items: start }
.serbest-icerik .cols-3, .zengin-govde .cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.serbest-icerik .cols-4, .zengin-govde .cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
.serbest-icerik .cols > *, .zengin-govde .cols > * { min-width: 0 }
.serbest-icerik .cols h3, .zengin-govde .cols h3 { margin-top: 0 }

/* Kutular */
.serbest-icerik .card-b, .zengin-govde .card-b {
  border: 1px solid var(--color-border-dark, rgba(15,23,42,.14)); border-radius: 14px; padding: 1.25rem 1.4rem; margin: 1rem 0;
  background: var(--color-surface-alt, rgba(0,0,0,.03));
}
.serbest-icerik .notice, .zengin-govde .notice {
  border-left: 4px solid var(--color-accent, var(--mrk, #1d4ed8)); background: var(--color-surface-alt, rgba(0,0,0,.04));
  padding: .9rem 1.1rem; border-radius: 8px; margin: 1rem 0;
}
.serbest-icerik .card-b > :first-child, .zengin-govde .card-b > :first-child,
.serbest-icerik .notice > :first-child, .zengin-govde .notice > :first-child { margin-top: 0 }
.serbest-icerik .card-b > :last-child, .zengin-govde .card-b > :last-child,
.serbest-icerik .notice > :last-child, .zengin-govde .notice > :last-child { margin-bottom: 0 }

/* Düğmeler */
.serbest-icerik a.b-btn, .zengin-govde a.b-btn, .serbest-icerik a.b-btn-o, .zengin-govde a.b-btn-o {
  display: inline-block; padding: .7rem 1.5rem; border-radius: 10px; text-decoration: none; font-weight: 700;
  border: 2px solid var(--color-accent, var(--mrk, #1d4ed8)); transition: background .2s, color .2s, transform .15s;
}
.serbest-icerik a.b-btn, .zengin-govde a.b-btn { background: var(--color-accent, var(--mrk, #1d4ed8)); color: #fff }
.serbest-icerik a.b-btn-o, .zengin-govde a.b-btn-o { background: transparent; color: var(--color-accent, var(--mrk, #1d4ed8)) }
.serbest-icerik a.b-btn:hover, .serbest-icerik a.b-btn-o:hover { transform: translateY(-1px); background: var(--color-accent-deep, var(--color-accent)); border-color: var(--color-accent-deep, var(--color-accent)); color: #fff }

/* Video, boşluk, ayırıcı */
.serbest-icerik .video, .zengin-govde .video { position: relative; aspect-ratio: 16 / 9; margin: 1.25rem 0; background: #000; border-radius: 12px; overflow: hidden }
.serbest-icerik .video iframe, .zengin-govde .video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0 }
.serbest-icerik .sp-s, .zengin-govde .sp-s { height: 12px }
.serbest-icerik .sp-m, .zengin-govde .sp-m { height: 32px }
.serbest-icerik .sp-l, .zengin-govde .sp-l { height: 64px }
.zengin-govde .sp-s, .zengin-govde .sp-m, .zengin-govde .sp-l { outline: 1px dashed rgba(128,128,128,.4) }
.serbest-icerik hr, .zengin-govde hr { border: 0; border-top: 1px solid var(--color-border-dark, rgba(128,128,128,.3)); margin: 1.75rem 0 }

/* Renkler ve boyutlar */
.serbest-icerik .c-blue, .zengin-govde .c-blue { color: var(--color-accent, var(--mrk, #1d4ed8)) }
.serbest-icerik .c-accent, .zengin-govde .c-accent { color: #b45309 }
.serbest-icerik .c-muted, .zengin-govde .c-muted { color: var(--color-text-muted, #6b7280) }
.serbest-icerik .c-red, .zengin-govde .c-red { color: #b91c1c }
.serbest-icerik .c-green, .zengin-govde .c-green { color: #15803d }
.serbest-icerik .fs-s, .zengin-govde .fs-s { font-size: .85em }
.serbest-icerik .fs-l, .zengin-govde .fs-l { font-size: 1.25em }
.serbest-icerik .fs-xl, .zengin-govde .fs-xl { font-size: 1.7em; line-height: 1.25 }

/* Görseller */
.serbest-icerik img.img-l, .zengin-govde img.img-l { float: left; margin: .25rem 1.5rem 1rem 0 }
.serbest-icerik img.img-r, .zengin-govde img.img-r { float: right; margin: .25rem 0 1rem 1.5rem }
.serbest-icerik img.img-c, .zengin-govde img.img-c { display: block; margin: 1rem auto; float: none }
.serbest-icerik img.round, .zengin-govde img.round { border-radius: 50% }
.serbest-icerik img.shadow, .zengin-govde img.shadow { box-shadow: 0 10px 30px rgba(0,0,0,.25) }
.serbest-icerik .galeri, .zengin-govde .galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: .75rem; margin: 1.25rem 0 }
.serbest-icerik .galeri a, .zengin-govde .galeri a { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px }
.serbest-icerik .galeri img, .zengin-govde .galeri img { width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; transition: transform .35s }
.serbest-icerik .galeri a:hover img { transform: scale(1.06) }

.serbest-icerik blockquote, .zengin-govde blockquote {
  margin: 1.25rem 0; padding: .6rem 1.2rem; border-left: 4px solid var(--color-accent, var(--mrk, #1d4ed8)); font-style: italic; opacity: .9;
}

@media (max-width: 760px) {
  .serbest-icerik .cols, .serbest-icerik .cols-3, .serbest-icerik .cols-4 { grid-template-columns: 1fr }
  .serbest-icerik img.img-l, .serbest-icerik img.img-r { float: none; display: block; margin: 0 auto 1rem }
}