/*
 * Yurdum Gazetesi - Mobil ve Tablet Uyumluluk Katmanı (Responsive CSS)
 * ÖNEMLİ: Masaüstü (> 1000px) tasarıma %100 sadık kalmak için tüm kurallar
 * yalnızca <= 1000px medya sorgusu içinde tanımlanmıştır.
 */

.yurdum-mobile-nav-bar {
    display: none;
}

@media only screen and (max-width: 1000px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    /* Masaüstü kule reklamlarını mobilde gizle (yatay taşmayı önler) */
    .solbanner,
    .sagbanner,
    .solsabitbanner,
    .sagsabitbanner {
        display: none !important;
    }

    /* Ana Taşıyıcı */
    div#tumeva-ana-bolge {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    /* Üst Tarih ve Üyelik Çubuğu */
    #top {
        width: 100% !important;
        height: auto !important;
        padding: 6px 10px !important;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
    }

    #bugun {
        margin: 0 !important;
        padding: 2px 0 !important;
    }

    #top .top-page {
        width: auto !important;
        float: none !important;
        margin-top: 0 !important;
        text-align: left !important;
    }

    #top .top-page > div {
        display: none !important;
    }

    .top-page ul li {
        display: inline-block !important;
        margin: 2px 0 !important;
    }

    /* Header & Logo */
    #header {
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    #header .logo {
        width: 100% !important;
        max-width: 310px !important;
        height: auto !important;
        float: none !important;
        margin: 0 auto !important;
        text-align: center;
    }

    #header .logo img {
        width: 100% !important;
        max-width: 300px !important;
        height: auto !important;
    }

    #header .banner,
    .tepe-banner-1,
    .manset-alti-banner-1 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 4px auto !important;
        text-align: center;
        overflow: hidden;
    }

    #header .banner img,
    .tepe-banner-1 img,
    .manset-alti-banner-1 img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }

    /* Mobil Hamburger Menü Çubuğu */
    .yurdum-mobile-nav-bar {
        display: flex;
        gap: 8px;
        padding: 8px 10px;
        background: #222;
        border-top: 1px solid #3c3c3c;
        border-bottom: 2px solid #c40021;
        box-sizing: border-box;
    }

    .yurdum-mobile-toggle {
        flex: 1 1 50%;
        min-height: 40px;
        padding: 8px 12px;
        background: #c40021;
        color: #fff;
        border: 0;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.3px;
        cursor: pointer;
        text-align: center;
    }

    .yurdum-mobile-toggle-alt {
        background: #3b3b3b;
    }

    /* Kategori ve Alt Menüler (Mobilde Açılır/Kapanır) */
    .menu-header,
    .menu-home {
        display: none;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .menu-header.yurdum-menu-open,
    .menu-home.yurdum-menu-open {
        display: block !important;
    }

    #tum_cat {
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .menu-header > ul,
    .menu-home > ul,
    #tum_cat > ul {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        float: none !important;
    }

    .menu-header > ul > li,
    .menu-home > ul > li,
    #tum_cat > ul > li {
        width: 50% !important;
        float: none !important;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .menu-home > ul > li {
        border-bottom: 1px solid #dcdcdc;
    }

    .menu-header a,
    .menu-home a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 10px 12px !important;
        line-height: 1.35 !important;
        border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
        font-size: 13px !important;
    }

    .menu-home a {
        border-right: 1px solid #e2e2e2 !important;
    }

    .menu-header > ul > li:hover:after,
    .menu-home > ul > li:hover:after {
        display: none !important;
    }

    .menu-header .has-sub ul,
    .menu-home .has-sub ul {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .menu-header .has-sub ul li,
    .menu-header .has-sub ul li a,
    .menu-home .has-sub ul li,
    .menu-home .has-sub ul li a {
        width: 100% !important;
        height: auto !important;
        line-height: 1.35 !important;
        box-sizing: border-box;
    }

    /* Son Dakika Bandı */
    #sondakika {
        width: 100% !important;
        height: auto !important;
        min-height: 34px;
        padding: 5px 8px !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .sondakbar {
        width: 100% !important;
        float: none !important;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .sondakbar .icon {
        flex: 0 0 113px;
        float: none !important;
        margin: 0 !important;
    }

    .sondakhaber,
    .tickercontainer,
    .tickercontainer .mask {
        width: calc(100% - 122px) !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .sondakhaber ul li a,
    .sondakhaber ul li span {
        font-size: 14px !important;
    }

    /* Spot Haberler (2 Sütunlu Kart Düzeni) */
    .spot-haberler {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 5px !important;
        padding: 6px !important;
        box-sizing: border-box;
        border: 1px solid #ececec;
        border-radius: 3px;
    }

    .spot-haberler center {
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .spot-karanlik {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 36px;
        margin: 6px 0 0 0 !important;
        padding: 0 !important;
        text-align: left;
        line-height: 1.3;
    }

    .spot-haberler img,
    .spot-haberler img:hover {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 !important;
        box-sizing: border-box;
    }

    /* Ana İçerik ve Sütun Sıralaması (Mobilde Ana Haberler Üstte, Sağ Blok Altta) */
    div#icerik,
    .page-icerik-orta {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 0 8px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    #tumevamanset {
        order: 1;
    }

    div#gundem {
        order: 2;
    }

    div#icerik-orta,
    div#icerik > .haber-detay,
    div#icerik > .haber-detays {
        order: 3;
    }

    div#icerik > .sag-blok {
        order: 4;
    }

    div#icerik-orta,
    .icerik-orta_sol,
    .haber-detay,
    .haber-detays,
    .buyuk-cerceve,
    div#iceriks,
    .ic-sayfalar-baslik,
    .anasayfa-sayfalar-baslik {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .ic-sayfalar-baslik,
    .anasayfa-sayfalar-baslik {
        height: auto !important;
        min-height: 32px;
        padding: 4px 10px !important;
    }

    .anasayfa-sayfalar-baslik h1,
    .ic-sayfalar-baslik h1 {
        width: 100% !important;
        height: auto !important;
        padding-left: 0 !important;
    }

    /* Ana Manşet Slider */
    #tumevamanset {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
    }

    ul#output {
        width: 100% !important;
        height: 54vw !important;
        min-height: 215px;
        max-height: 380px;
        padding-top: 0 !important;
        position: relative;
    }

    ul#output li {
        width: 100% !important;
        height: 100% !important;
    }

    ul#output li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    ul#output li a span,
    ul#output li a span:hover {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        padding: 8px 10px !important;
        box-sizing: border-box;
    }

    ul#tabs {
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        background-repeat: repeat;
    }

    ul#tabs li {
        float: none !important;
        flex: 1 0 auto;
        height: auto !important;
        text-align: center;
    }

    ul#tabs li a {
        padding: 7px 6px !important;
        font-size: 13px !important;
        height: auto !important;
    }

    .tum {
        display: none !important;
    }

    /* Manşet Yanı / Gündem Kutusu */
    div#gundem {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 4px 0 14px 0 !important;
        box-sizing: border-box;
    }

    .sosyalmedya {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6px;
    }

    .sagmanset,
    .sagmanset .orta,
    div#gundem1sagmanset,
    div#gundem2sagmanset,
    div#gundem3sagmanset,
    div#gundem4sagmanset,
    ul#gundem1tabs,
    ul#gundem2tabs,
    ul#gundem3tabs,
    ul#gundem4tabs,
    ul#gundem1tabs li,
    ul#gundem2tabs li,
    ul#gundem3tabs li,
    ul#gundem4tabs li {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
    }

    #mansettab ul {
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }

    ul#gundem1output,
    ul#gundem2output,
    ul#gundem3output,
    ul#gundem4output {
        width: 100% !important;
        height: 200px !important;
    }

    ul#gundem1output li img,
    ul#gundem2output li img,
    ul#gundem3output li img,
    ul#gundem4output li img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover;
    }

    /* Döviz / Borsa Bandı */
    .borsaBand {
        width: 100% !important;
        height: auto !important;
        overflow-x: auto;
        box-sizing: border-box;
    }

    .borsaList {
        height: auto !important;
        display: flex;
        flex-wrap: nowrap;
        min-width: max-content;
    }

    .borsaList li.parite {
        margin-left: 6px !important;
    }

    /* İkinci Manşet & Ana Sayfa Kategori Kutuları */
    .hh-hozetler,
    .haberozetleri,
    ul.habercat {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
    }

    .haberozetleri ul.haberyeni,
    .haberozetleri ul.yenihaberler,
    .haberozetleri ul.yenihaberler li,
    .haberozetleri ul.haberyeni li h2,
    .haberozetleri ul.haberyeni li p {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .haberozetleri ul.haberyeni li img,
    .haberozetleri ul.haberyeni li img:hover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        box-sizing: border-box;
    }

    .altblokhabertasiyici,
    .altblokhaber-icerik {
        width: 100% !important;
        box-sizing: border-box;
    }

    .altblokhabersol,
    .altblokhabersag {
        width: 100% !important;
        float: none !important;
        margin-bottom: 14px;
    }

    .altblokhaberkategori,
    .altblokhaber,
    .altblokhaber-resim,
    .altblokhaberyatay {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    .altblokhaber-resim img,
    .altblokhaber-resim img:hover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 4px 0 !important;
        box-sizing: border-box;
    }

    .altblokhaber-icerik div[style*="height:20px"] {
        height: auto !important;
    }

    /* Kutu Haberler, Dikey Haberler, Galeri Kartları */
    .kutu-haberler,
    .kutu-ilan {
        width: 100% !important;
        height: auto !important;
        min-height: 105px;
        margin: 6px 0 !important;
        padding: 8px 0 !important;
        box-sizing: border-box;
    }

    .kutu-haberler .baslik,
    .kutu-haberler .ozet,
    .kutu-ilan .baslik {
        width: auto !important;
        height: auto !important;
    }

    .dikey-haberler,
    .dikey-videolar,
    .galeri-kutular,
    .galeri-kt-kutular {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 5px !important;
        padding: 4px !important;
        box-sizing: border-box;
    }

    .dikey-haberler .baslik,
    .dikey-haberler .baslik a,
    .dikey-haberler .ozet,
    .dikey-videolar .baslik,
    .dikey-videolar .ozet {
        width: 100% !important;
        height: auto !important;
    }

    .dikey-haberler img,
    .dikey-haberler img:hover,
    .dikey-videolar img,
    .dikey-videolar img:hover,
    .galeri-kutular img,
    .galeri-kutular img:hover,
    .galeri-kt-kutular img,
    .galeri-kt-kutular img:hover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 0 6px 0 !important;
        box-sizing: border-box;
    }

    /* Haber Detay Sayfası */
    .haber-baslik {
        font-size: 20px !important;
        line-height: 1.3 !important;
        width: 100% !important;
    }

    .haber-metin img,
    #iceriks img,
    #iceriks iframe,
    #iceriks video,
    #iceriks embed,
    #iceriks object,
    .videoScreen,
    .videoScreen iframe,
    .videoScreen video {
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
    }

    #iceriks iframe,
    .haber-detay iframe[src*="youtube"],
    .haber-detay iframe[src*="dailymotion"],
    .haber-detay iframe[src*="vimeo"] {
        width: 100% !important;
        aspect-ratio: 16 / 9;
    }

    #iceriks table,
    .haber-detay table {
        max-width: 100% !important;
        display: block;
        overflow-x: auto;
    }

    .SocialTools {
        height: auto !important;
        overflow: hidden;
    }

    .SocialTools li {
        width: 33.333% !important;
        margin-bottom: 2px;
    }

    /* Yorum ve İletişim Formları */
    .yorum-input,
    .yorum-input:hover,
    .yorum-textArea,
    .yorum-textArea:hover,
    .textfield,
    .textfield:hover,
    .textarea,
    .textarea:hover,
    .styledselect_form_4 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Sağ Blok (Sidebar) */
    .sag-blok {
        width: 100% !important;
        float: none !important;
        margin: 14px 0 0 0 !important;
        box-sizing: border-box;
    }

    .cerceve,
    .cerceve-anket,
    .anket,
    .anket-main,
    .blok-baslik,
    .blok-baslik-haber,
    div#cok-okunanlar,
    .cok-okunanlar_top,
    .cok-okunanlar_top-haber,
    .block-cok-okunanlar,
    .block-cok-okunanlar-main,
    div#ckic,
    .ckic_top,
    .ckic_top-haber,
    .yazar-haber,
    .yazar-kt-kutular,
    .foto-galeri,
    .video-galeri,
    .namaz,
    .namaz div.title,
    #tumevahava1,
    #tumevahava2 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    div#cok-okunanlar,
    div#ckic,
    .cok-okunanlar_top-haber,
    .ckic_top-haber,
    .yazar-haber {
        height: auto !important;
        min-height: 82px;
        overflow: hidden;
    }

    /* Ana Sayfa Foto & Video Multimedia Bandı */
    .multimediaBord,
    #multimedia {
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    #multimedia .column-a,
    #multimedia .column-b {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
        margin: 0 0 16px 0 !important;
        border-right: 0 !important;
    }

    #multimedia .item,
    #multimedia .vg .item {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 6px 5px !important;
        box-sizing: border-box;
    }

    #multimedia .item img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        box-sizing: border-box;
    }

    #multimedia .item h6 {
        width: 100% !important;
        height: auto !important;
        min-height: 34px;
    }

    /* Footer */
    .footer .etraf {
        padding: 14px 12px !important;
        box-sizing: border-box;
    }

    .footer .etraf .ic {
        width: 100% !important;
        float: none !important;
    }

    .footer .etraf .ic > ul > li,
    .footer .etraf .ic > ul > li.group {
        width: 50% !important;
        float: none !important;
        display: inline-block;
        vertical-align: top;
        margin: 0 -2px 16px 0 !important;
        padding-right: 10px !important;
        background: none !important;
        box-sizing: border-box;
    }

    .footer .etraf.border > div {
        width: 100% !important;
        float: none !important;
        margin: 6px 0 !important;
        text-align: left !important;
    }

    .yukaricik {
        right: 14px !important;
        bottom: 14px !important;
        width: 40px !important;
        height: 40px !important;
    }
}

@media only screen and (max-width: 560px) {
    .kutu-haberler img,
    .kutu-haberler img:hover {
        width: 120px !important;
        height: 72px !important;
        object-fit: cover;
    }

    .kutu-haberler .baslik,
    .kutu-haberler .ozet {
        margin-left: 132px !important;
    }

    .dikey-haberler,
    .dikey-videolar,
    .galeri-kutular,
    .galeri-kt-kutular {
        width: 100% !important;
        margin: 6px 0 !important;
    }

    .SocialTools li {
        width: 50% !important;
    }

    .footer .etraf .ic > ul > li,
    .footer .etraf .ic > ul > li.group {
        width: 100% !important;
        display: block;
        margin: 0 0 14px 0 !important;
    }
}