/* =========================================================================
   MAKALE SABLONU — yeni tasarim
   Yalnizca body.crs-yeni tasiyan tekil yazilarda gecerlidir.
   Trafigin buyuk kismi bu sablona iniyor; okunabilirlik ve randevu yolu oncelikli.
   ====================================================================== */

/* Sayfa zemini: kategori/Bilgi Merkezi liste bolumleriyle ayni acik mint.
   Krem zemin, alttaki krem randevu kemeriyle birlesip kemeri gorunmez
   kiliyordu (Ertan, 22 Eylul). Beyaz secilmedi: kart beyaz, kenari kaybolurdu. */
body.crs-yeni .site-content { background: var(--crs-mint-acik); }

body.crs-yeni .ast-article-single {
    background: var(--crs-beyaz);
    border: 1px solid var(--crs-cizgi);
    border-radius: var(--crs-r-buyuk);
    box-shadow: var(--crs-golge-kart);
    padding: var(--crs-b5) var(--crs-b5) var(--crs-b6);
    margin-top: var(--crs-b4);
    margin-bottom: var(--crs-b6);
}

/* Okuma sutunu: kenar cubugu kalkinca (a12) kart 1200px kalmis, metin 68ch
   (791px) sola yaslanip sagda ~370px bosluk birakiyordu (Ertan, 22 Eylul).
   Kart artik metin olcusu + ic bosluk kadar ve ortali; baslik da sutunu
   doldurur (20ch siniri 3-4 satir yapiyordu). */
body.crs-yeni .ast-article-single {
    max-width: calc(var(--crs-olcu) + 2 * var(--crs-b5));
    margin-left: auto;
    margin-right: auto;
}
body.crs-yeni .entry-content { max-width: none; }

body.crs-yeni .entry-title {
    font-family: var(--crs-f-baslik);
    font-size: var(--crs-ol-h1);
    font-weight: 700;
    color: var(--crs-koyu);
    line-height: var(--crs-satir-baslik);
    letter-spacing: -.02em;
    margin: 0 0 var(--crs-b4);
}

body.crs-yeni .entry-content p,
body.crs-yeni .entry-content li {
    font-size: var(--crs-ol-govde);
    line-height: var(--crs-satir-govde);
    color: var(--crs-govde);
}
body.crs-yeni .entry-content p { margin: 0 0 var(--crs-b3); }

body.crs-yeni .entry-content h2 {
    font-size: var(--crs-ol-h2);
    margin: var(--crs-b6) 0 var(--crs-b3);
    padding-top: var(--crs-b3);
    border-top: 1px solid var(--crs-cizgi);
}
body.crs-yeni .entry-content h2:first-of-type { border-top: 0; padding-top: 0; }

body.crs-yeni .entry-content h3 {
    font-size: var(--crs-ol-h3);
    margin: var(--crs-b5) 0 var(--crs-b2);
    color: var(--crs-koyu);
}

body.crs-yeni .entry-content ul,
body.crs-yeni .entry-content ol { margin: 0 0 var(--crs-b4); padding-left: 22px; }
body.crs-yeni .entry-content li { margin-bottom: var(--crs-b1); }
body.crs-yeni .entry-content ul li::marker { color: var(--crs-yesil-orta); }

body.crs-yeni .entry-content a {
    color: var(--crs-yesil);
    text-decoration-color: var(--crs-yesil-soluk);
    text-underline-offset: 3px;
}
body.crs-yeni .entry-content a:hover { color: var(--crs-yesil-koyu); text-decoration-color: currentColor; }

body.crs-yeni .entry-content img,
body.crs-yeni .entry-content figure img { border-radius: var(--crs-r-orta); }

/* --- Yas seridi --- */
body.crs-yeni .crs-yas-seridi {
    background: var(--crs-mint-acik);
    border-color: var(--crs-yesil-soluk);
    border-radius: var(--crs-r-orta);
    padding: var(--crs-b3);
    margin-bottom: var(--crs-b4);
}
body.crs-yeni .crs-ys-baslik { color: var(--crs-soluk); letter-spacing: .14em; }
body.crs-yeni .crs-ys-oge {
    border-color: var(--crs-cizgi-koyu);
    border-radius: var(--crs-r-kucuk);
    color: var(--crs-koyu);
}
body.crs-yeni a.crs-ys-oge:hover,
body.crs-yeni a.crs-ys-oge:focus {
    border-color: var(--crs-yesil-orta);
    background: var(--crs-mint);
    color: var(--crs-koyu);
}
body.crs-yeni a.crs-ys-oge:focus-visible { outline-color: var(--crs-yesil); }
body.crs-yeni .crs-ys-oge.aktif {
    background: var(--crs-yesil);
    border-color: var(--crs-yesil);
    color: #fff;
}
body.crs-yeni .crs-ys-oge.aktif small { color: #cfe3da; }
body.crs-yeni .crs-ys-oge small { color: var(--crs-soluk); }

/* --- Icindekiler --- */
body.crs-yeni .crs-icindekiler {
    border-color: var(--crs-cizgi);
    border-radius: var(--crs-r-orta);
    margin-bottom: var(--crs-b5);
}
body.crs-yeni .crs-icindekiler > summary {
    background: var(--crs-krem-koyu);
    color: var(--crs-koyu);
}
body.crs-yeni .crs-ic-sayi { color: var(--crs-govde); }
body.crs-yeni .crs-icindekiler > summary::after { border-color: var(--crs-govde); }
body.crs-yeni .crs-icindekiler > summary:focus-visible { outline-color: var(--crs-yesil); }
body.crs-yeni .crs-ic-liste li::before { color: var(--crs-yesil-orta); }
body.crs-yeni .crs-ic-alt li::before { background: var(--crs-yesil-soluk); }
body.crs-yeni .entry-content .crs-ic-liste a { color: var(--crs-koyu); }
body.crs-yeni .entry-content .crs-ic-liste a:hover,
body.crs-yeni .entry-content .crs-ic-liste a:focus { color: var(--crs-yesil); }
body.crs-yeni .crs-ic-alt a { color: var(--crs-govde); }

/* --- SSS ve Ilgili Icerikler ([crs_faq], [crs_ilgili] — crs-sss-ilgili.php) ---
   Eskiden her yazinin icindeki satir ici stil/scriptle geliyordu; simdi
   native <details>, JS yok. Ok = kaynakca ile ayni dil (dondurulmus kenarlik). */
body.crs-yeni .entry-content .crs-sss,
body.crs-yeni .entry-content .crs-ilgili {
    background: var(--crs-beyaz);
    border: 1px solid var(--crs-cizgi);
    border-radius: var(--crs-r-orta);
    margin-top: var(--crs-b5);
    padding: var(--crs-b4) var(--crs-b3);
}
body.crs-yeni .entry-content .crs-sss h2,
body.crs-yeni .entry-content .crs-ilgili h2 {
    border-top: 0;
    padding-top: 0;
    margin: 0 0 var(--crs-b3);
}
/* Akordiyon ogesi (.crs-sss-oge) Iletisim sayfasiyla ortak: tasarim-sistemi.css.
   Burada yalnizca yazi govdesine ozgu farklar. */
body.crs-yeni .entry-content .crs-sss-oge { margin-bottom: 10px; }
body.crs-yeni .entry-content .crs-sss-oge:last-child { margin-bottom: 0; }
body.crs-yeni .entry-content .crs-sss-oge[open] { background: var(--crs-mint-acik); border-color: var(--crs-yesil-soluk); }
body.crs-yeni .entry-content .crs-sss-oge summary { line-height: 1.4; }
body.crs-yeni .crs-sss-cevap {
    padding: 0 20px 18px;
    color: var(--crs-govde);
    font-size: var(--crs-ol-kucuk);
    line-height: 1.65;
}
body.crs-yeni .entry-content .crs-sss-cevap p { margin: 0 0 .7em; font-size: inherit; }
body.crs-yeni .entry-content .crs-sss-cevap p:last-child { margin-bottom: 0; }
body.crs-yeni .entry-content .crs-sss-cevap a { color: var(--crs-yesil); }

body.crs-yeni .entry-content .crs-ilgili-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.crs-yeni .entry-content .crs-ilgili-liste li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0;
}
body.crs-yeni .entry-content .crs-ilgili-liste li::before { display: none; }
body.crs-yeni .crs-ilgili-ikon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background-color: var(--crs-yesil-orta);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.4 12.2 2.4 2.4 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.4 12.2 2.4 2.4 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.crs-yeni .entry-content .crs-ilgili-liste a {
    color: var(--crs-koyu);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.45;
    text-decoration: none;
}
body.crs-yeni .entry-content .crs-ilgili-liste a:hover,
body.crs-yeni .entry-content .crs-ilgili-liste a:focus { color: var(--crs-yesil); text-decoration: underline; }

/* --- Onceki / sonraki yazi (functions.php crs_yazi_gezinme_metinleri) ---
   Astra: tam genislik, turuncu, yalnizca "Önceki Yazı". Simdi kartla ayni
   kapta iki beyaz kart, etiket + komsu yazinin basligi. */
body.crs-yeni .post-navigation {
    max-width: calc(var(--crs-olcu) + 2 * var(--crs-b5));
    margin: 0 auto var(--crs-b4);
    padding: 0;
}
/* Altta randevu kemeri (crs_yazi_kemeri) geldigi icin Astra'nin 4em alt boslugu gereksiz */
body.crs-yeni.single #primary { padding-bottom: var(--crs-b3); }
body.crs-yeni .post-navigation .nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
/* Astra: .single .post-navigation .nav-links .nav-previous + .nav-next {width:50%} — 4 sinif */
body.crs-yeni.single .post-navigation .nav-links .nav-previous,
body.crs-yeni.single .post-navigation .nav-links .nav-next { width: 100%; float: none; padding: 0; }
body.crs-yeni.single .post-navigation .nav-links .nav-next { text-align: right; }
body.crs-yeni.single .post-navigation .nav-links a {
    /* Astra: height/line-height 2.33em + padding 0 1.5em — ikinci satiri kesiyordu */
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    height: auto;
    line-height: 1.4;
    float: none;
    padding: 16px 20px;
    background: var(--crs-beyaz);
    border: 1px solid var(--crs-cizgi);
    border-radius: var(--crs-r-orta);
    color: var(--crs-koyu);
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease;
}
body.crs-yeni .post-navigation .nav-links a:hover,
body.crs-yeni .post-navigation .nav-links a:focus { border-color: var(--crs-yesil-soluk); background: var(--crs-mint-acik); color: var(--crs-koyu); }
body.crs-yeni .crs-gez-etiket {
    font-size: var(--crs-ol-etiket);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--crs-yesil);
}
body.crs-yeni .crs-gez-baslik {
    font-family: var(--crs-f-baslik);
    font-weight: 600;
    font-size: 15.5px;
    line-height: 1.4;
}
@media (max-width: 600px) {
    body.crs-yeni .post-navigation { margin: 0 0 var(--crs-b5); }
    body.crs-yeni .post-navigation .nav-links { grid-template-columns: 1fr; gap: 10px; }
    /* Astra .nav-next'e grid-column-start:2 veriyor; tek sutunda ikinci sutun acip yan yana diziyordu */
    body.crs-yeni.single .post-navigation .nav-links .nav-next { text-align: left; grid-column-start: auto; }
}

/* --- Sabit randevu cubugu --- */
body.crs-yeni .crs-randevu-cubugu {
    background: rgba(255, 255, 255, .95);
    border-top-color: var(--crs-cizgi);
    box-shadow: 0 -6px 22px -12px rgba(29, 63, 59, .3);
}
body.crs-yeni .crs-rc-ara {
    color: var(--crs-koyu);
    border-color: var(--crs-cizgi-koyu);
}
body.crs-yeni .crs-rc-ara:hover,
body.crs-yeni .crs-rc-ara:focus { background: var(--crs-mint-acik); color: var(--crs-koyu); }
body.crs-yeni .crs-rc-wa {
    background: var(--crs-yesil);
    box-shadow: 0 2px 10px -2px rgba(62, 117, 97, .5);
}
body.crs-yeni .crs-rc-wa:hover,
body.crs-yeni .crs-rc-wa:focus { background: var(--crs-yesil-koyu); }
body.crs-yeni .crs-rc-btn:focus-visible { outline-color: var(--crs-yesil); }

/* --- Mobil --- */
@media (max-width: 921px) {
    /* g6: Astra #primary'ye 4em (68px) ust bosluk veriyor; kartin kendi
       28px'iyle H1 basliktan ~100px asagida basliyordu. 24px'e cekildi
       (toplam ~52px). Alt bosluk altbilgi oncesi nefes icin duruyor. */
    body.crs-yeni #primary { padding-top: 24px; }
    body.crs-yeni .ast-article-single {
        padding: var(--crs-b4) var(--crs-b3) var(--crs-b5);
        border-radius: var(--crs-r-orta);
        margin-top: var(--crs-b3);
    }
}

@media (max-width: 600px) {
    body.crs-yeni .ast-article-single {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: var(--crs-b4) var(--crs-b3) var(--crs-b5);
        margin-top: 0;
        box-shadow: none;
    }
    body.crs-yeni .entry-content h2 { margin-top: var(--crs-b5); }
}

/* --- Mobilde dikey ritmi sikilastir ---
   Taslagin ferah masaustu ritmi mobilde sayfayi gereksiz uzatiyordu.
   Okuma konforu (17px / 1.75) korunur, yalnizca bosluklar kisalir. */
@media (max-width: 600px) {
    body.crs-yeni .entry-content h2 {
        margin-top: 26px;
        margin-bottom: 12px;
        padding-top: 0;
        border-top: 0;
    }
    body.crs-yeni .entry-content h3 { margin-top: 26px; margin-bottom: 8px; }
    body.crs-yeni .entry-content p  { margin-bottom: 15px; }
    body.crs-yeni .entry-content li { margin-bottom: 3px; }
    body.crs-yeni .entry-content ul,
    body.crs-yeni .entry-content ol { margin-bottom: 20px; }

    /* Yazi icindeki eski satir ici padding'i da sifirla */
    body.crs-yeni .entry-content h2[style],
    body.crs-yeni .entry-content h3[style] { padding-top: 0 !important; }

    body.crs-yeni .crs-yas-seridi { margin-bottom: 18px; }
    body.crs-yeni .crs-icindekiler { margin-bottom: 26px; }
    body.crs-yeni .entry-content .crs-sss,
    body.crs-yeni .entry-content .crs-ilgili { margin-top: 30px; padding: var(--crs-b3) 14px; }
}