/* =====================================================================
   Biçimlendirilmiş içerik (görsel metin editörüyle hazırlanan metinler)
   Hem sitede hem yönetim panelindeki editörde kullanılır; böylece editörde
   görülen biçim sitede de aynı görünür.
   ===================================================================== */

.icerik {
    color: #374151;
    font-size: 1.0625rem;
    line-height: 1.75;
    overflow-wrap: break-word;
}
.icerik > :first-child { margin-top: 0; }
.icerik > :last-child { margin-bottom: 0; }

.icerik p { margin: 0 0 1em; }
.icerik h2, .icerik h3, .icerik h4 { color: #00609c; line-height: 1.3; font-weight: 800; margin: 1.6em 0 .6em; }
.icerik h2 { font-size: 1.5rem; }
.icerik h3 { font-size: 1.25rem; font-weight: 700; }
.icerik h4 { font-size: 1.0625rem; font-weight: 700; }
.icerik strong { font-weight: 700; color: inherit; }
.icerik a { color: #0a7fa0; text-decoration: underline; text-underline-offset: .15em; }
.icerik a:hover { color: #00609c; }
.icerik blockquote { margin: 1.5em 0; padding: .25em 0 .25em 1.1em; border-left: 4px solid #1cb0d6; color: #4b5563; font-style: italic; }

.icerik ul, .icerik ol { margin: 0 0 1em; padding-left: 1.6em; }
.icerik ul { list-style: disc; }
.icerik ol { list-style: decimal; }
.icerik ul ul { list-style: circle; }
.icerik ol ol { list-style: lower-alpha; }
.icerik li { margin: .35em 0; padding-left: .2em; }
.icerik li > ul, .icerik li > ol { margin: .35em 0 0; }

/* Hizalama */
.icerik .ql-align-center { text-align: center; }
.icerik .ql-align-right { text-align: right; }
.icerik .ql-align-justify { text-align: justify; }

/* Girinti */
.icerik p.ql-indent-1, .icerik h2.ql-indent-1, .icerik h3.ql-indent-1, .icerik h4.ql-indent-1 { padding-left: 3em; }
.icerik p.ql-indent-2, .icerik h2.ql-indent-2, .icerik h3.ql-indent-2, .icerik h4.ql-indent-2 { padding-left: 6em; }
.icerik p.ql-indent-3, .icerik h2.ql-indent-3, .icerik h3.ql-indent-3, .icerik h4.ql-indent-3 { padding-left: 9em; }
.icerik p.ql-indent-4 { padding-left: 12em; }
.icerik p.ql-indent-5 { padding-left: 15em; }
.icerik p.ql-indent-6 { padding-left: 18em; }
.icerik p.ql-indent-7 { padding-left: 21em; }
.icerik p.ql-indent-8 { padding-left: 24em; }
@media (max-width: 600px) {
    .icerik p[class*="ql-indent-"] { padding-left: 1.5em; }
}

/* Yazı tipleri */
.icerik .ql-font-arial { font-family: Arial, Helvetica, sans-serif; }
.icerik .ql-font-georgia { font-family: Georgia, 'Times New Roman', serif; }
.icerik .ql-font-times { font-family: 'Times New Roman', Times, serif; }
.icerik .ql-font-verdana { font-family: Verdana, Geneva, sans-serif; }
.icerik .ql-font-tahoma { font-family: Tahoma, Verdana, sans-serif; }
.icerik .ql-font-courier { font-family: 'Courier New', Courier, monospace; }

/* Yazı boyutları (piksel değerleri rem karşılıklarıyla) */
.icerik .ql-size-12 { font-size: .75rem; }
.icerik .ql-size-14 { font-size: .875rem; }
.icerik .ql-size-18 { font-size: 1.125rem; }
.icerik .ql-size-20 { font-size: 1.25rem; }
.icerik .ql-size-24 { font-size: 1.5rem; line-height: 1.4; }
.icerik .ql-size-28 { font-size: 1.75rem; line-height: 1.35; }
.icerik .ql-size-32 { font-size: 2rem; line-height: 1.3; }

/* ---------- Çalışma Konularımız: onay simgeli liste ---------- */
.icerik--onayli { font-size: 1.125rem; }
.icerik--onayli ul { list-style: none; padding-left: 0; display: grid; gap: 1.5rem; }
.icerik--onayli ul > li {
    position: relative; margin: 0; padding-left: 2.25rem;
}
.icerik--onayli ul > li::before {
    content: ''; position: absolute; left: 0; top: .3em;
    width: 1.25rem; height: 1.25rem;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231cb0d6' d='M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zM374 145.7c-10.7-7.8-25.7-5.4-33.5 5.3L221.1 315.2 169 263.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c5 5 11.8 7.5 18.8 7s13.4-4.1 17.5-9.8L379.3 179.2c7.8-10.7 5.4-25.7-5.3-33.5z'/%3E%3C/svg%3E");
}
.icerik--onayli ul ul { gap: .5rem; margin-top: .75rem; }
.icerik--onayli ul ul > li::before { width: .5rem; height: .5rem; top: .75em; left: .75rem; background: #1cb0d6; border-radius: 50%; }

/* ---------- Koyu zemin (Amacımız bölümü) ---------- */
.icerik--koyu { color: #eff6ff; font-size: 1.125rem; font-weight: 300; line-height: 1.75; }
@media (min-width: 768px) { .icerik--koyu { font-size: 1.25rem; } }
.icerik--koyu h2, .icerik--koyu h3, .icerik--koyu h4 { color: #fff; }
.icerik--koyu strong { font-weight: 600; }
.icerik--koyu a, .icerik--koyu a:hover { color: #fff; }
.icerik--koyu blockquote { color: #e0f2fe; border-left-color: #1cb0d6; }