/* kartify-blog-detail.css — Paket 282
   blog/detay.tpl icindeki KOSULSUZ ve STATIK gomulu stil blogu
   (kaynak satir 25-304, 8269 karakter) buraya alindi.
   Tek bir kural silinmedi veya degistirilmedi.
   Bagalanti, kaldirilan blogun TAM yerinde duruyor. */

    /* --- Yazi karti --- */
    .kartify-blog-page .blog-deatils-box {
        padding: clamp(18px, 2vw, 28px);
        background: #fff;
        border-radius: 6px;
    }

    .kartify-blog-page .blog-detail-image {
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 6px;
    }

    .kartify-blog-page .blog-detail-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .kartify-blog-page .blog-image-contain h1 {
        margin: 0;
        color: #20242c;
        font-size: clamp(22px, 2vw, 30px);
        font-weight: 600;
        line-height: 1.35;
    }

    /* Meta satiri: Kartify ul.blog-list-box */
    .kartify-blog-page .blog-list-box {
        margin: 12px 0 0;
        padding: 0 0 16px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 20px;
        border-bottom: 1px solid rgba(102, 108, 122, .12);
        list-style: none;
    }

    .kartify-blog-page .blog-list-box li {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #666c7a;
        font-size: 14px;
    }

    .kartify-blog-page .blog-list-box li i {
        color: #ff9900;
    }

    /* --- Yazi govdesi ---
       Icerik panelin zengin metin duzenleyicisinden geliyor; hangi
       etiketlerin gelecegi onceden bilinemez, bu yuzden yaygin olanlarin
       hepsi bicimlendiriliyor. Icerige DOKUNULMUYOR, yalnizca stil. */
    .kartify-blog-page .blog-detail-contain {
        padding-top: 18px;
        color: #555b68;
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.75;
    }

    .kartify-blog-page .blog-detail-contain p {
        margin: 0 0 clamp(12px, 1.2vw, 20px);
    }

    /* Kartify'nin ilk harf buyutmesi. */
    .kartify-blog-page .blog-detail-contain > p:first-child::first-letter {
        margin-right: 5px;
        float: left;
        color: #20242c;
        font-size: 3.1em;
        font-weight: 600;
        line-height: .95;
    }

    .kartify-blog-page .blog-detail-contain h2,
    .kartify-blog-page .blog-detail-contain h3,
    .kartify-blog-page .blog-detail-contain h4 {
        margin: clamp(20px, 2vw, 30px) 0 10px;
        color: #20242c;
        font-weight: 600;
        line-height: 1.4;
    }

    .kartify-blog-page .blog-detail-contain h2 { font-size: clamp(19px, 1.5vw, 24px); }
    .kartify-blog-page .blog-detail-contain h3 { font-size: clamp(17px, 1.3vw, 21px); }
    .kartify-blog-page .blog-detail-contain h4 { font-size: clamp(16px, 1.2vw, 19px); }

    .kartify-blog-page .blog-detail-contain a {
        color: #ff9900;
        text-decoration: underline;
    }

    .kartify-blog-page .blog-detail-contain img {
        max-width: 100%;
        height: auto;
        margin: 10px 0;
        border-radius: 6px;
    }

    .kartify-blog-page .blog-detail-contain ul,
    .kartify-blog-page .blog-detail-contain ol {
        margin: 0 0 clamp(12px, 1.2vw, 20px);
        padding-left: 22px;
    }

    .kartify-blog-page .blog-detail-contain li {
        margin-bottom: 6px;
    }

    /* Genis tablolar sayfayi yatay kaydirtmasin diye kendi icinde kayar. */
    .kartify-blog-page .blog-detail-contain table {
        width: 100%;
        display: block;
        overflow-x: auto;
        border-collapse: collapse;
    }

    .kartify-blog-page .blog-detail-contain td,
    .kartify-blog-page .blog-detail-contain th {
        padding: 8px 10px;
        border: 1px solid #eceef3;
    }

    /* Alinti: Kartify .blog-quote (koyu kutu, beyaz yazi, 6 px kose). */
    .kartify-blog-page .blog-detail-contain blockquote {
        margin: 0 0 clamp(12px, 1.2vw, 20px);
        padding: clamp(17px, 2.2vw, 45px);
        color: #fff;
        background: #20242c;
        border: none;
        border-radius: 6px;
        font-size: clamp(16px, 1.3vw, 22px);
        line-height: 1.5;
    }

    .kartify-blog-page .blog-detail-contain blockquote p {
        margin: 0;
        color: #fff;
        font-size: inherit;
    }

    /* --- Kenar cubugu: listeleme sayfasiyla ayni --- */
    .kartify-blog-page .left-sidebar-box {
        padding: 18px 23px;
        background: #fff;
        border-radius: 6px;
    }

    .kartify-blog-page .kartify-blog-cats {
        margin: 0;
        padding: 0;
        border: none;
    }

    .kartify-blog-page .kartify-blog-cats .side-nav-categories {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .kartify-blog-page .kartify-blog-cats .title {
        width: 100%;
        margin: 0 0 10px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-start !important;
        color: #20242c !important;
        background: transparent !important;
        font-size: clamp(17px, 1.1vw, 19px) !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .kartify-blog-page .kartify-blog-cats .title strong {
        font-weight: 500 !important;
        text-transform: none !important;
    }

    /* Hamburger ikonu bir element degil, .title::before uzerinde
       FontAwesome glifi (Paket 189'da canlida bulundu). */
    .kartify-blog-page .kartify-blog-cats .title::before {
        content: none !important;
    }

    /* Sunucunun basliga koydugu kivrik kose suslemesi; koyu zeminli eski
       tasarim icindi, burada tek basina kucuk koyu kare olarak kaliyor. */
    .kartify-blog-page .kartify-blog-cats .title::after {
        display: none !important;
    }

    .kartify-blog-page .kartify-blog-cats ul {
        margin: 0 !important;
        padding: 16px 0 0 !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        border-top: 1px solid rgba(102, 108, 122, .1);
        list-style: none;
    }

    .kartify-blog-page .kartify-blog-cats ul + ul {
        padding-top: 0 !important;
        border-top: none;
    }

    .kartify-blog-page .kartify-blog-cats li {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        border: none !important;
    }

    .kartify-blog-page .kartify-blog-cats li > a {
        padding: 0 !important;
        display: block;
        color: #20242c !important;
        background: none !important;
        font-size: clamp(14px, 0.95vw, 16px) !important;
        font-weight: 400 !important;
        text-decoration: none;
    }

    .kartify-blog-page .kartify-blog-cats li > a:hover {
        color: #ff9900 !important;
    }

    /* --- Sayfa genisletme: diger sayfalarla ayni olculer --- */
    @media (min-width: 1200px) and (max-width: 1920px) {
        #kartify-blog-wrapper .custom-container {
            box-sizing: border-box;
            width: 100% !important;
            max-width: none !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            padding-right: 10px !important;
            padding-left: 10px !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        #kartify-blog-wrapper .custom-container {
            box-sizing: border-box;
            width: 100% !important;
            max-width: none !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            padding-right: 5px !important;
            padding-left: 5px !important;
        }
    }

    @media (max-width: 991.98px) {
        #kartify-blog-wrapper .custom-container {
            box-sizing: border-box;
            width: 100% !important;
            max-width: none !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            padding-right: 2px !important;
            padding-left: 2px !important;
        }
    }

    /* Paket 155/173'te ogrenilen yan etki: kapsayici ic boslugu Bootstrap
       satirinin negatif kenar boslugundan kucuk kalinca yatay kaydirma
       cubugu cikiyordu. */
    #kartify-blog-wrapper .custom-container > .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }