/* ============================================================
   editor-content.css
   HTML editöründen gelen ham içeriği site CSS'inden izole eder.
   Üst kapsayıcılar (.descp ul li gibi) yüksek özgüllüklü kurallar
   içerdiği için reset !important ile zorlanır, kendi kurallarımız
   da element zinciriyle özgüllüğü yükseltilmiş halde yazılır.
   ============================================================ */

/* 1) HARD RESET — dış sitenin tüm miras/override'larını sıfırla.
      !important şart: .descp ul li gibi (0,1,2) özgüllükle kuralları kırmak için. */
.editor-content,
.editor-content *:not(script):not(style) {
    all: revert !important;
}

    /* 2) Wrapper temel tipografisi
      .editor-content.editor-content çift class ile özgüllüğü (0,2,0)'a çıkar */
    .editor-content.editor-content {
        font-family: inherit;
        font-size: 16px;
        line-height: 1.6;
        color: #222;
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
        display: block;
    }

    /* 3) Başlıklar — .descp h5 gibi yüksek özgüllüklü kuralları kırmak için
      çift class (.editor-content.editor-content) + !important kullanılır. */
    .editor-content.editor-content h1,
    .editor-content.editor-content h2,
    .editor-content.editor-content h3,
    .editor-content.editor-content h4,
    .editor-content.editor-content h5,
    .editor-content.editor-content h6,
    .editor-content.editor-content .h5-head {
        font-family: inherit !important;
        font-weight: 700 !important;
        color: #111 !important;
        line-height: 1.3 !important;
        display: block !important;
        letter-spacing: -0.01em !important;
        text-transform: none !important;
        font-style: normal !important;
    }

    .editor-content.editor-content h1 {
        font-size: 2.25rem !important;   /* 36px */
        margin: 2rem 0 1rem !important;
    }

    .editor-content.editor-content h2 {
        font-size: 1.875rem !important;  /* 30px */
        margin: 1.75rem 0 .9rem !important;
    }

    .editor-content.editor-content h3 {
        font-size: 1.5rem !important;    /* 24px */
        margin: 1.5rem 0 .8rem !important;
    }

    .editor-content.editor-content h4 {
        font-size: 1.25rem !important;   /* 20px */
        margin: 1.4rem 0 .7rem !important;
    }

    /* h5 = bölüm başlığı (SEO ana başlığı) — büyük ve belirgin */
    .editor-content.editor-content h5,
    .editor-content.editor-content .h5-head {
        font-size: 1.5rem !important;    /* 24px */
        font-weight: 700 !important;
        color: #111 !important;
        margin: 1.75rem 0 .85rem !important;
        line-height: 1.3 !important;
        padding: 0 !important;
        border: 0 !important;
        background: none !important;
    }

    /* Arka arkaya gelen h5 → alt başlık olarak küçült (Belirtiler / Çözüm gibi) */
    .editor-content.editor-content h5 + h5,
    .editor-content.editor-content .h5-head + .h5-head,
    .editor-content.editor-content h5 + .h5-head,
    .editor-content.editor-content .h5-head + h5 {
        font-size: 1.15rem !important;   /* 18.4px */
        font-weight: 600 !important;
        color: #333 !important;
        margin: 1rem 0 .5rem !important;
        letter-spacing: 0 !important;
    }

    .editor-content.editor-content h6 {
        font-size: 1.125rem !important;  /* 18px */
        font-weight: 600 !important;
        margin: 1.25rem 0 .6rem !important;
    }

    .editor-content.editor-content > :first-child { margin-top: 0 !important; }

    /* 4) Paragraflar */
    .editor-content p {
        margin: 0 0 .85rem;
        font-size: 1rem;
        line-height: 1.6;
        color: #222;
        display: block;
    }

        /* 5) Bağlantılar */
        .editor-content a,
        .editor-content p a,
        .editor-content li a {
            color: #0066cc;
            text-decoration: underline;
            text-underline-offset: 2px;
            font-size: inherit;
            line-height: inherit;
        }

            .editor-content a:hover {
                color: #004a99;
            }

    /* 6) Listeler — .descp ul li (0,1,2) ile aynı/üstü özgüllük gerekir.
      .editor-content ul li = (0,1,2) → equal; source order ile bu dosya sonra yüklenirse kazanır.
      Garanti için .editor-content.editor-content ul li = (0,2,2) yapıyoruz. */
    .editor-content.editor-content ul,
    .editor-content.editor-content ol {
        margin: 0 0 1rem 1.5rem !important;
        padding: 0 !important;
        list-style-position: outside !important;
    }

    .editor-content.editor-content ul {
        list-style-type: disc !important;
    }

    .editor-content.editor-content ol {
        list-style-type: decimal !important;
    }

        .editor-content.editor-content ul li,
        .editor-content.editor-content ol li {
            margin: .25rem 0 !important;
            padding: 0 !important;
            font-size: 1rem !important;
            line-height: 1.6 !important;
            color: #222 !important;
            display: list-item !important;
        }

    /* iç içe <li><p> sıkışıklığını gider */
    .editor-content.editor-content li > p {
        margin: 0 !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    /* iç içe listeler */
    .editor-content.editor-content ul ul,
    .editor-content.editor-content ol ol,
    .editor-content.editor-content ul ol,
    .editor-content.editor-content ol ul {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    /* 7) Yatay çizgi */
    .editor-content hr {
        border: 0;
        border-top: 1px solid #e2e2e2;
        margin: 1.75rem 0;
        display: block;
    }

    /* 8) Vurgular */
    .editor-content strong, .editor-content b {
        font-weight: 700;
    }

    .editor-content em, .editor-content i {
        font-style: italic;
    }

    .editor-content small {
        font-size: .875em;
    }

    .editor-content mark {
        background: #fff3a3;
        padding: 0 .15em;
    }

    /* 9) Alıntı */
    .editor-content blockquote {
        margin: 1rem 0;
        padding: .75rem 1rem;
        border-left: 4px solid #ccc;
        background: #fafafa;
        color: #444;
        font-style: italic;
        display: block;
    }

    /* 10) Kod */
    .editor-content code {
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: .92em;
        background: #f4f4f4;
        padding: .1em .35em;
        border-radius: 3px;
    }

    .editor-content pre {
        background: #f4f4f4;
        padding: .85rem 1rem;
        border-radius: 4px;
        overflow-x: auto;
        margin: 0 0 1rem;
        display: block;
    }

        .editor-content pre code {
            background: transparent;
            padding: 0;
        }

    /* 11) Görseller */
    .editor-content img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        border: 0;
    }

    .editor-content figure {
        margin: 1rem 0;
        display: block;
    }

    .editor-content figcaption {
        font-size: .875rem;
        color: #666;
        text-align: center;
        margin-top: .35rem;
    }

    /* 12) Tablolar */
    .editor-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 1rem 0;
        font-size: .95rem;
        display: table;
    }

    .editor-content th,
    .editor-content td {
        border: 1px solid #ddd;
        padding: .55rem .75rem;
        text-align: left;
        vertical-align: top;
    }

    .editor-content thead th {
        background: #f5f5f5;
        font-weight: 600;
    }

    .editor-content tbody tr:nth-child(even) {
        background: #fafafa;
    }

/* 13) Mobil uyum */
@media (max-width: 576px) {
	.editor-content.editor-content                       { font-size: 15px; }
	.editor-content.editor-content h1                    { font-size: 1.75rem !important; }
	.editor-content.editor-content h2                    { font-size: 1.5rem !important; }
	.editor-content.editor-content h3                    { font-size: 1.3rem !important; }
	.editor-content.editor-content h4                    { font-size: 1.15rem !important; }
	.editor-content.editor-content h5,
	.editor-content.editor-content .h5-head              { font-size: 1.25rem !important; }
	.editor-content.editor-content h5 + h5,
	.editor-content.editor-content .h5-head + .h5-head,
	.editor-content.editor-content h5 + .h5-head,
	.editor-content.editor-content .h5-head + h5         { font-size: 1.05rem !important; }
	.editor-content.editor-content h6                    { font-size: 1.05rem !important; }
	.editor-content.editor-content ul,
	.editor-content.editor-content ol                    { margin-left: 1.25rem !important; }
	.editor-content table                                { font-size: .88rem; }
	.editor-content th,
	.editor-content td                                   { padding: .4rem .5rem; }
}