/* =============================================
   Sektorler - Page Specific Styles
   ============================================= */

/* Ana basliklarda cizgiyi gizle (PHP ile uyumlu) */
.imgdivtitlee::before {
    display: none;
}

.imgdivtitlee {
    left: 0 !important;
}

/* =============================================
   Sektor Aciklama - Liste Stilleri (Quill Editor)
   ============================================= */

/* Sektor icerik alanindaki listeler */
.asektorlerdiv li > div ul,
.asektorlerdiv li > div ol,
.abackgrounddiv li > div ul,
.abackgrounddiv li > div ol {
    list-style: none;
    padding-left: 0;
    margin: 15px 0;
}

    .asektorlerdiv li > div ul li,
    .asektorlerdiv li > div ol li,
    .abackgrounddiv li > div ul li,
    .abackgrounddiv li > div ol li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        line-height: 1.6;
        color: var(--text, #e2e8f0);
        font-family: "Plus Jakarta Sans", sans-serif;
    }

/* Turuncu madde isareti */
.asektorlerdiv li > div ul li::before,
.abackgrounddiv li > div ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #FF4E2A;
    border-radius: 50%;
}

/* Numarali liste icin turuncu numara */
.asektorlerdiv li > div ol,
.abackgrounddiv li > div ol {
    counter-reset: item;
}

.asektorlerdiv li > div ol li,
.abackgrounddiv li > div ol li {
    counter-increment: item;
}

.asektorlerdiv li > div ol li::before,
.abackgrounddiv li > div ol li::before {
    content: counter(item) '.';
    position: absolute;
    left: 0;
    top: 0;
    color: #FF4E2A;
    font-weight: 700;
    font-size: 16px;
}

/* Ic ice listeler */
.asektorlerdiv li > div ul ul,
.asektorlerdiv li > div ol ol,
.abackgrounddiv li > div ul ul,
.abackgrounddiv li > div ol ol {
    margin-left: 20px;
    margin-top: 8px;
}

/* Acik tema destegi */
[data-theme="light"] .asektorlerdiv li > div ul li,
[data-theme="light"] .asektorlerdiv li > div ol li,
[data-theme="light"] .abackgrounddiv li > div ul li,
[data-theme="light"] .abackgrounddiv li > div ol li,
.light-theme .asektorlerdiv li > div ul li,
.light-theme .asektorlerdiv li > div ol li,
.light-theme .abackgrounddiv li > div ul li,
.light-theme .abackgrounddiv li > div ol li {
    color: #0C4B6F;
}

/* Arka planli bolumde beyaz metin */
.abackgrounddiv .asektorlerlidivvv ul li,
.abackgrounddiv .asektorlerlidivvv ol li {
    color: #fff;
}

/* =============================================
   Tirnak Isaretleri - Medya ile Cakisma Duzeltmesi
   ============================================= */

/* Tirnak isaretlerini medyanin altina tasiyoruz (absolute -> relative) */
.asektorlerlidiv .atirnak,
.asektorlerlidivv .atirnak {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    text-align: center;
    font-size: 100px;
    line-height: 0.5;
    margin-top: 20px;
    margin-bottom: 0;
}

.asektorlerlidiv > h3,
.asektorlerlidivv > h3 {
    text-align: center;
    padding: 10px 30px;
}

.asektorlerlidiv .atirnakdivv,
.asektorlerlidivv .atirnakdivv {
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    text-align: center;
    font-size: 60px;
    line-height: 0.5;
    margin-top: 0;
    margin-bottom: 20px;
    transform: rotate(179deg);
}

