/* =====================================================
   MB-101 - Muhatap Ekosistem Menüsü
   Mevcut HTML class yapısı korunmuştur
===================================================== */

.navbar {
    width: 100%;
    background: #ba243f;
    display: flex;
    gap: 12px;
    padding: 12px 18px;
    box-sizing: border-box;
    align-items: center;
}

/* TÜM BUTONLAR */

.nav-btn,
.city-btn {
    flex: 1;
    background: #ba243f;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    transition: .25s;
    white-space: nowrap;
    box-sizing: border-box;
}

.nav-btn:hover,
.city-btn:hover {
    background: #ffffff;
    color: #ba243f;
}

/* =====================================================
   İL SEÇ
===================================================== */

.city-select {
    flex: 1;
    position: relative;
}

.city-btn {
    width: 100%;
    position: relative;
    font-weight: 900;
}

.city-btn::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #000000;
    border-radius: 3px;
    pointer-events: none;
}

.city-btn::after {
    content: "▼";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

/* =====================================================
   DROPDOWN
===================================================== */

.dropdown-content {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #ba243f;
    border: 2px solid #ffffff;
    border-radius: 6px;
    overflow: hidden;
    z-index: 99999;
    box-sizing: border-box;
}

.city-select:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    display: block;
    padding: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.dropdown-content a:hover {
    background: #ffffff;
    color: #ba243f;
}

/* =====================================================
   MOBİL
===================================================== */

@media (max-width: 900px) {

    .navbar {
        flex-direction: column;
    }

    .nav-btn,
    .city-select {
        width: 100%;
    }
}
/*
=========================================
   MG-201 - Muhatap Ikili Gorsel Blogu
========================================= */

.muhatap-ikili-gorsel {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    box-sizing: border-box;
}

.muhatap-gorsel-karti {
    flex: 1;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.muhatap-gorsel-karti img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    object-position: center;
    display: block;
    border: 0;
}

@media (max-width: 768px) {

    .muhatap-ikili-gorsel {
        display: block;
    }

    .muhatap-gorsel-karti {
        display: block;
        width: 100%;
        margin-bottom: 24px;
    }

    .muhatap-gorsel-karti:last-child {
        margin-bottom: 0;
    }

    .muhatap-gorsel-karti img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
    }
}
/* =====================================================
   MG-202
   Sol Buyuk - Sag Iki Kucuk
===================================================== */

.mg-202{

    display:flex;

    gap:20px;

    width:100%;

    max-width:1170px;

    margin:0 auto;

}

.mg-202-big{

    flex:2;

}

.mg-202-right{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:20px;

}

.mg-202 a{

    display:block;

    overflow:hidden;

}

.mg-202 img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}

@media(max-width:768px){

    .mg-202{

        display:block;

    }

    .mg-202-big,

    .mg-202-right a{

        margin-bottom:24px;

    }

    .mg-202-right{

        display:block;

    }

    .mg-202 img{

        height:auto;

        object-fit:contain;

    }

}
/* =====================================================
   MG-203
   Sol Iki Kucuk - Sag Buyuk
===================================================== */

.mg-203{

    display:flex;

    gap:20px;

    width:100%;

    max-width:1170px;

    margin:0 auto;

}

.mg-203-left{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:20px;

}

.mg-203-big{

    flex:2;

}

.mg-203 a{

    display:block;

    overflow:hidden;

}

.mg-203 img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}

@media(max-width:768px){

    .mg-203{

        display:block;

    }

    .mg-203-left a,

    .mg-203-big{

        margin-bottom:24px;

    }

    .mg-203-left{

        display:block;

    }

    .mg-203 img{

        height:auto;

        object-fit:contain;

    }

}

/* =====================================================
   MG-204
   Sol Buyuk - Sag Iki Kucuk
===================================================== */

.mg-204{

    display:flex;

    gap:20px;

    width:100%;

    max-width:1170px;

    margin:0 auto;

    align-items:stretch;

}

.mg-204-big{

    flex:2;

    display:flex;

}

.mg-204-big img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.mg-204-right{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:20px;

}

.mg-204-right a{

    flex:1;

    display:flex;

    overflow:hidden;

}

.mg-204-right img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

@media(max-width:768px){

    .mg-204{

        display:block;

    }

    .mg-204-big,

    .mg-204-right a{

        margin-bottom:24px;

    }

    .mg-204-right{

        display:block;

    }

    .mg-204-right img,

    .mg-204-big img{

        width:100%;

        height:auto;

        object-fit:contain;

    }

}

/* =====================================================
   MG-205
   Sol Iki Kucuk - Sag Bir Buyuk
===================================================== */

.mg-205{

    display:flex;

    gap:20px;

    width:100%;

    max-width:1170px;

    height:520px;

    margin:0 auto;

    align-items:stretch;

}

/* SOL */

.mg-205-left{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:20px;

}

.mg-205-left a{

    flex:1;

    display:flex;

    overflow:hidden;

}

.mg-205-left img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/* SAĞ */

.mg-205-big{

    flex:2;

    display:flex;

    overflow:hidden;

}

.mg-205-big img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/* MOBIL - MG-205 */

@media (max-width:768px) {

    .mg-205 {
        display:block;
        height:auto;
    }

    .mg-205-left {
        display:block;
        width:100%;
    }

    /* Iki kucuk resmin ikisinin de altinda 24px bosluk */
    .mg-205-left a {
        display:block;
        width:100%;
        margin-bottom:24px;
    }

    /* Buyuk resim */
    .mg-205-big {
        display:block;
        width:100%;
        margin-bottom:0;
    }

    .mg-205 img {
        width:100%;
        height:auto;
        display:block;
        object-fit:contain;
    }
}
/* =====================================================
   MD-101 - MUHATAP YAZI / HABER DETAY SAYFASI
===================================================== */
body.single-post #content {
    background: #ffffff !important;
}

body.single-post .haberSingle,
body.single-post .safirBox {
    background: #ffffff !important;
}

.muhatap-single-page {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
}

.muhatap-single {
    width: 100%;
    margin: 0;
    padding: 0;
}

.muhatap-single-inner {
    width: 100%;
    box-sizing: border-box;
}


/* =====================================================
   BREADCRUMB
===================================================== */

.muhatap-breadcrumb {
    width: 100%;
    margin: 12px auto 34px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #777777;
}


/* =====================================================
   KÜÇÜK BORDO ÜST BAŞLIK
===================================================== */

.muhatap-ust-baslik {
    max-width: 900px;
    margin: 0 auto 10px;
    padding: 0 20px;

    text-align: center;

    font-family: Inter, Arial, sans-serif;
    font-size: clamp(28px, 1.5vw, 31px);
    line-height: 1.3;
    font-weight: 700;

    color: #BA243F;

    box-sizing: border-box;
}


/* =====================================================
   ANA BAŞLIK
===================================================== */

.muhatap-main-heading {
    width: 100%;
    max-width: 960px;

    margin: 0 auto 18px;
    padding: 0 20px;

    text-align: center;

    font-family: Inter, Arial, sans-serif;
    font-size: clamp(60px, 3.6vw, 70px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -0.7px;

    color: #111111;

    box-sizing: border-box;
}


/* =====================================================
   SPOT
===================================================== */

.muhatap-excerpt {
    max-width: 820px;

    margin: 0 auto 30px;
    padding: 0 20px;

    text-align: center;

    font-family: Inter, Arial, sans-serif;
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.5;
    font-weight: 400;

    color: #555555;

    box-sizing: border-box;
}


/* =====================================================
   KAPAK FOTOĞRAFI
===================================================== */

.muhatap-cover {
    width: 100%;
    max-width: 1170px;

    margin: 0 auto 18px;

    text-align: center;

    padding: 0;
}

.muhatap-cover-image {
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;

    margin: 0 auto;

    border: 0;
}


/* =====================================================
   META BİLGİ BANDI
===================================================== */

.muhatap-meta {
    width: 100%;
    max-width: 960px;

    margin: 0 auto 24px;
    padding: 14px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;

    color: #555555;

    box-sizing: border-box;
}

.muhatap-meta-author {
    display: flex;
    align-items: center;
    gap: 7px;
}

.muhatap-meta-label {
    color: #888888;
}

.muhatap-meta-author a {
    color: #043294;
    text-decoration: none;
}

.muhatap-meta-author a:hover {
    text-decoration: underline;
}

.muhatap-meta-update {
    margin-left: 12px;
    color: #888888;
}


/* =====================================================
   PAYLAŞIM
===================================================== */

.muhatap-share {
    width: 100%;
    max-width: 760px;

    margin: 0 auto 30px;

    text-align: center;
}

.muhatap-share-title {
    margin-bottom: 10px;

    font-family: Inter, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;

    color: #888888;
}


/* =====================================================
   ANA OKUMA ALANI
===================================================== */

.muhatap-reading {
    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    font-family: Inter, Arial, sans-serif;
    font-size: 19px;
    line-height: 1.72;
    font-weight: 400;

    color: #252525;

    box-sizing: border-box;
}

.muhatap-reading p {
    margin: 0 0 1.45em;
}


/* =====================================================
   YAZI İÇİ GÖRSELLER

   FOTOĞRAFIN ORANI ASLA DEĞİŞMEZ.
   KÜÇÜK FOTOĞRAF ZORLA BÜYÜTÜLMEZ.
===================================================== */

.muhatap-reading img {
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;

    margin-left: auto;
    margin-right: auto;
}


/* Gutenberg figure */

.muhatap-reading figure {
    max-width: 100%;
    height: auto;
}

.muhatap-reading figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}


/* =====================================================
   MUHATAP MG BLOKLARI

   MG blokları normal metnin 760px sınırından çıkıp
   1170px'e kadar açılabilir.
===================================================== */

.muhatap-reading .muhatap-ikili-gorsel,
.muhatap-reading .mg-202,
.muhatap-reading .mg-203,
.muhatap-reading .mg-204,
.muhatap-reading .mg-205 {
    width: calc(100vw - 40px);
    max-width: 1170px;

    position: relative;
    left: 50%;

    transform: translateX(-50%);
}


/* =====================================================
   ALT REKLAM
===================================================== */

.muhatap-single-ad {
    width: 100%;
    max-width: 960px;

    margin: 46px auto 32px;

    text-align: center;
}


/* =====================================================
   ETİKETLER
===================================================== */

.muhatap-tags {
    width: 100%;
    max-width: 760px;

    margin: 30px auto;

    padding-top: 18px;

    border-top: 1px solid #eeeeee;

    font-family: Inter, Arial, sans-serif;
    font-size: 13px;

    color: #777777;
}

.muhatap-tags-title {
    margin-right: 8px;

    font-weight: 700;

    color: #BA243F;
}

.muhatap-tags a {
    color: #555555;
    text-decoration: none;
}


/* =====================================================
   İLGİLİ SON HABERLER
   4 SÜTUN x 2 SIRA = 8 HABER
===================================================== */

.muhatap-related {
    width: 100%;
    max-width: 1170px;
    margin: 45px auto 0;
}

.muhatap-related-heading {
    margin-bottom: 18px;
    padding-bottom: 10px;

    border-bottom: 3px solid #BA243F;

    font-family: Inter, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;

    color: #111111;
}

.muhatap-related-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 270px));
    justify-content: center;
    gap: 28px 18px;
}

.muhatap-related-item {
    min-width: 0;
}

.muhatap-related-image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.muhatap-related-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* BORDO ÜST BAŞLIK */

.muhatap-related-kicker {
    margin: 0 0 5px;

    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;

    color: #BA243F;
}

/* ANA BAŞLIK */

.muhatap-related-title {
    margin: 0;

    font-family: Inter, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.22;
    font-weight: 700;
}

.muhatap-related-title a {
    color: #111111;
    text-decoration: none;
}

.muhatap-related-title a:hover {
    color: #BA243F;
}


/* TABLET */

@media (max-width: 900px) {

    .muhatap-related-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* MOBİL */

@media (max-width: 600px) {

    .muhatap-related-items {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* =====================================================
   MOBİL
===================================================== */

@media (max-width: 768px) {

    .muhatap-single-page {
        padding: 0 18px;
    }

    .muhatap-breadcrumb {
        margin-bottom: 24px;
        font-size: 12px;
    }

    .muhatap-ust-baslik {
    padding: 0;

    font-size: clamp(17px, 4.5vw, 19px);
    line-height: 1.25;
}

   .muhatap-main-heading {
    padding: 0;

    font-size: clamp(26px, 7vw, 30px);
    line-height: 1.12;

    letter-spacing: -0.3px;
}

    .muhatap-excerpt {
        padding: 0;
    }

    .muhatap-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;

        padding-left: 0;
        padding-right: 0;
    }

    .muhatap-meta-update {
        display: block;
        margin: 4px 0 0;
    }

    .muhatap-reading {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.68;
    }

    .muhatap-reading .muhatap-ikili-gorsel,
    .muhatap-reading .mg-202,
    .muhatap-reading .mg-203,
    .muhatap-reading .mg-204,
    .muhatap-reading .mg-205 {
        width: 100%;
        max-width: 100%;

        left: auto;
        transform: none;
    }
}
body.single-post .innerContainer {
    background: #ffffff !important;
}

.muhatap-tags a {
    display: inline-block;
    margin: 3px 2px;
}
.muhatap-cover-caption {
    width: 100%;
    max-width: 960px;
    margin: 8px auto 0;
    padding: 0 8px;

    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 400;

    color: #777777;
    text-align: center;

    box-sizing: border-box;
}
/* =====================================================
   MW-101 - MUHATAP İKİLİ HABER WIDGET
   SADECE widget.advanced1.php İÇİN
===================================================== */

.muhatap-advanced-two .muhatap-two-news {
    display: flex !important;
    flex-direction: row !important;
    gap: 18px;
    width: 100%;
    box-sizing: border-box;
}

.muhatap-advanced-two .muhatap-two-news-item {
    width: calc(50% - 9px) !important;
    flex: 0 0 calc(50% - 9px) !important;
    min-width: 0;
    margin: 0;
}

/* FOTOĞRAF */

.muhatap-advanced-two .muhatap-two-news-image {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden;
    text-decoration: none;
}

.muhatap-advanced-two .muhatap-two-news-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    border: 0;
}

/* KÜÇÜK BORDO ÜST BAŞLIK */

.muhatap-advanced-two .muhatap-two-news-kicker {
    margin: 0 0 5px;
    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;
    color: #BA243F;
}

/* ANA BAŞLIK */

.muhatap-advanced-two .muhatap-two-news-title {
    margin: 0;
    padding: 0;
    font-family: Inter, Arial, sans-serif;
    font-size: 21px;
    line-height: 1.20;
    font-weight: 700;
}

.muhatap-advanced-two .muhatap-two-news-title a {
    color: #111111;
    text-decoration: none;
}

.muhatap-advanced-two .muhatap-two-news-title a:hover {
    color: #BA243F;
}

/* MOBİL */

@media (max-width: 700px) {

    .muhatap-advanced-two .muhatap-two-news {
        display: block !important;
    }

    .muhatap-advanced-two .muhatap-two-news-item {
        width: 100% !important;
        flex: none !important;
        margin-bottom: 24px;
    }

    .muhatap-advanced-two .muhatap-two-news-item:last-child {
        margin-bottom: 0;
    }

    .muhatap-advanced-two .muhatap-two-news-title {
        font-size: 20px;
    }
}
/* =====================================================
   MA-101 - KATEGORİ ARŞİVİ ÜST BAŞLIK
===================================================== */

.articleList.standard .muhatap-archive-kicker {
    margin: 0 0 5px;

    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;

    color: #BA243F;
}

/* =====================================================
   MD-102 - EDİTORYAL KATKI NOTU
===================================================== */

.muhatap-editorial-note {
    width: 100%;
    max-width: 760px;

    margin: 42px auto 0;
    padding: 20px 0 0;

    border-top: 1px solid #dddddd;

    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;

    color: #777777;

    box-sizing: border-box;
}

.muhatap-editorial-note p {
    margin: 0 0 8px;
}

.muhatap-editorial-note a {
    color: #BA243F;
    font-weight: 600;
    text-decoration: none;
}

.muhatap-editorial-note a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {

    .muhatap-editorial-note {
        margin-top: 32px;
        font-size: 13px;
        line-height: 1.55;
    }
}

/* =========================================
   MUHATAP OKUMA SAYFASI
   Dar metin + genis yazici gorseller
========================================= */

/* Yazinin ana okuma genisligi */
.muhatap-reading {
    width: 86%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* Yazinin icindeki standart metinler */
.muhatap-reading p,
.muhatap-reading h2,
.muhatap-reading h3,
.muhatap-reading h4,
.muhatap-reading ul,
.muhatap-reading ol,
.muhatap-reading blockquote {
    max-width: 100%;
}

/* Editorden dogrudan eklenen resimler */
.muhatap-reading > img,
.muhatap-reading p > img {
    display: block;
    width: auto;
    height: auto;

    /* Resim kendi boyutunu korur, ama 1170 px'i gecmez */
    max-width: min(1170px, calc(100vw - 30px));

    /* Dar yazi sutunundan tasarak ortalanir */
    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin-top: 34px;
    margin-bottom: 34px;
}

/* Gutenberg / WordPress figure yapisi */
.muhatap-reading figure.wp-block-image,
.muhatap-reading figure.wp-caption {
    width: max-content;
    max-width: min(1170px, calc(100vw - 30px));

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin-top: 34px;
    margin-bottom: 34px;
}

/* Figure icindeki resmi tekrar tasirmiyoruz */
.muhatap-reading figure.wp-block-image img,
.muhatap-reading figure.wp-caption img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;

    position: static;
    left: auto;
    transform: none;

    margin: 0 auto;
}

/* Fotograf altyazisi */
.muhatap-reading figcaption,
.muhatap-reading .wp-caption-text {
    max-width: 760px;
    margin: 8px auto 0;
    text-align: center;
}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 768px) {

    /* Metin bilincli olarak ekrandan daha dar */
    .muhatap-reading {
        width: 86%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    /* Resimler metinden belirgin olarak daha genis */
    .muhatap-reading > img,
    .muhatap-reading p > img,
    .muhatap-reading figure.wp-block-image,
    .muhatap-reading figure.wp-caption {
        max-width: 96vw;
    }

    .muhatap-reading > img,
    .muhatap-reading p > img {
        width: auto;
        height: auto;
    }

    .muhatap-reading figure.wp-block-image img,
    .muhatap-reading figure.wp-caption img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
}

/* =========================================
   MUHATAP SINGLE NORMAL
   Ana kapak + dar metin + genis ara gorseller
========================================= */

/* ANA SAYFA GOVDESI */
.muhatap-single-inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================
   ANA KAPAK
========================================= */

.muhatap-cover {
    width: 100%;
    max-width: 1170px;
    margin: 30px auto;
}

.muhatap-cover-image {
    width: 100%;
    height: auto;
    display: block;
}

.muhatap-cover-caption {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
}


/* =========================================
   ANA OKUMA ALANI
========================================= */

.muhatap-reading {
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================
   YAZI ICI GORSELLER
========================================= */

/*
   Metin 760 px'de kalir.
   Gorseller kendi dogal genisliklerinde
   1170 px'e kadar acilabilir.
*/

.muhatap-reading > img,
.muhatap-reading p > img {
    display: block;

    width: auto;
    height: auto;

    max-width: min(1170px, calc(100vw - 30px));

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin-top: 36px;
    margin-bottom: 36px;
}


/* WordPress / Gutenberg figure */
.muhatap-reading figure.wp-block-image,
.muhatap-reading figure.wp-caption {
    width: max-content;

    max-width: min(1170px, calc(100vw - 30px));

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin-top: 36px;
    margin-bottom: 36px;
}


/* Figure icindeki resim */
.muhatap-reading figure.wp-block-image img,
.muhatap-reading figure.wp-caption img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;

    position: static;
    left: auto;
    transform: none;

    margin: 0 auto;
}


/* Resim altyazisi */
.muhatap-reading figcaption,
.muhatap-reading .wp-caption-text {
    max-width: 760px;
    margin: 8px auto 0;

    font-size: 14px;
    line-height: 1.4;

    text-align: center;
}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 768px) {

    /*
       Metin bilincli olarak ekranin
       tamamini kullanmaz.
    */

    .muhatap-reading {
        width: 86%;
        max-width: none;

        margin-left: auto;
        margin-right: auto;
    }


    /*
       Ana kapak mobilde metinden daha genis.
    */

    .muhatap-cover {
        width: 96vw;
        max-width: 96vw;

        position: relative;
        left: 50%;
        transform: translateX(-50%);

        margin-top: 24px;
        margin-bottom: 28px;
    }


    /*
       Yazi ici gorseller de metinden tasar.
       Ancak ekran disina cikmaz.
    */

    .muhatap-reading > img,
    .muhatap-reading p > img,
    .muhatap-reading figure.wp-block-image,
    .muhatap-reading figure.wp-caption {
        max-width: 96vw;
    }


    .muhatap-reading > img,
    .muhatap-reading p > img {
        width: auto;
        height: auto;
    }


    .muhatap-reading figure.wp-block-image img,
    .muhatap-reading figure.wp-caption img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

}