/* =========================================================
   SIYASETIN SESI - LIDERLER ORIGINAL SHELL
   ========================================================= */

/* Eski Liderler header'ını gizle */
body > .topbar,
body > header:not(.ss-original-header),
body > .section-nav{
    display:none !important;
}


/* =========================================================
   EN ÜST İNCE ŞERİT
   ========================================================= */

.ss-utility{
    background:#151515;
    color:#ddd;
    font-size:12px;
}

.ss-shell{
    width:min(1180px,calc(100% - 32px));
    margin:auto;
}

.ss-utility-inner{
    min-height:35px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.ss-utility a{
    color:#ddd;
    text-decoration:none;
}

.ss-utility a:hover{
    color:#fff;
}

.ss-utility-right{
    display:flex;
    align-items:center;
    gap:9px;
}


/* =========================================================
   LOGO + ÜST REKLAM
   ========================================================= */

.ss-original-header{
    background:#fff;
    border-bottom:1px solid #e7e9e7;
}

.ss-brand-row{
    min-height:110px;

    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    align-items:center;

    gap:42px;

    padding:15px 0;
}

.ss-logo{
    display:flex;
    align-items:center;

    text-decoration:none;
}

.ss-logo img{
    display:block;

    width:auto;
    max-width:265px;
    max-height:83px;
}


/* üst banner */

.ss-header-ad{
    min-width:0;
}

.ss-header-ad-link{
    display:flex;

    width:100%;
    min-height:78px;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:3px;

    text-decoration:none;

    background:#f4f6f5;
}

.ss-header-ad-link img{
    display:block;

    width:100%;
    max-height:90px;

    object-fit:contain;
}

.ss-header-ad-placeholder{
    width:100%;

    padding:23px;

    text-align:center;

    border:1px dashed #cad2cc;

    color:#839087;

    font-size:12px;
}

.ss-header-ad-placeholder strong{
    display:block;

    margin-bottom:3px;

    color:#66736a;

    font-size:15px;
}


/* =========================================================
   ANA MENÜ
   ========================================================= */

.ss-main-nav{
    background:#fff;

    border-top:1px solid #eceeec;
    border-bottom:1px solid #e1e5e2;

    box-shadow:0 2px 5px rgba(0,0,0,.025);
}

.ss-nav-inner{
    min-height:49px;

    display:flex;
    align-items:center;

    gap:2px;
}

.ss-nav-link,
.ss-more-button{
    display:flex;

    min-height:49px;

    align-items:center;

    padding:0 15px;

    border:0;

    background:transparent;

    color:#161b18;

    font-family:inherit;
    font-size:14px;
    font-weight:650;

    text-decoration:none;

    cursor:pointer;

    white-space:nowrap;
}

.ss-nav-link:hover,
.ss-more-button:hover{
    color:#0f5b38;

    background:#f6f8f6;
}

.ss-leaders-link{
    color:#0f5b38;
    font-weight:800;
}


/* MORE */

.ss-more{
    position:relative;
}

.ss-more-button::after{
    content:"⌄";

    margin-left:5px;

    font-size:12px;
}

.ss-more-menu{
    position:absolute;

    top:100%;
    left:0;

    z-index:1000;

    display:none;

    width:220px;

    padding:7px;

    background:#fff;

    border:1px solid #e2e6e3;
    border-radius:5px;

    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.ss-more:hover .ss-more-menu,
.ss-more:focus-within .ss-more-menu{
    display:block;
}

.ss-more-menu a{
    display:block;

    padding:9px 11px;

    border-radius:4px;

    color:#252c27;

    font-size:13px;
    font-weight:600;

    text-decoration:none;
}

.ss-more-menu a:hover{
    background:#f1f6f3;
    color:#0f5b38;
}


/* SEARCH */

.ss-search{
    margin-left:auto;

    display:grid;

    width:37px;
    height:37px;

    place-items:center;

    border-radius:50%;

    color:#111;

    text-decoration:none;

    font-size:22px;
}

.ss-search:hover{
    background:#f2f5f3;
}


/* =========================================================
   ANA LIDERLER SAYFASI
   ========================================================= */

/*
   Ana sayfada header ile içerik arasındaki mesafe
   onaylanan makete yakın.
*/

body:has(#iller) .leader-white-intro{
    padding-top:0;
}


/* Gündemden ile il listesi arasına banner */

.ss-home-inline-ad{
    width:100%;
    min-height:90px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:
        4px 0
        24px;

    border:1px dashed #c3cec6;
    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #f7f9f8,
            #edf2ef
        );

    color:#7c8980;

    text-align:center;
}

.ss-home-inline-ad small{
    display:block;

    margin-top:3px;
}


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

@media(max-width:900px){

    .ss-utility{
        display:none;
    }

    .ss-brand-row{
        min-height:auto;

        grid-template-columns:1fr;

        gap:10px;

        padding:
            11px 0
            9px;
    }

    .ss-logo{
        justify-content:center;
    }

    .ss-logo img{
        max-width:220px;
        max-height:65px;
    }

    .ss-header-ad{
        display:none;
    }


    /*
     * Mobil menü:
     * orijinal site hissi korunur,
     * yatay kaydırılır.
     */

    .ss-main-nav{
        overflow:hidden;
    }

    .ss-nav-inner{
        width:100%;

        overflow-x:auto;
        overflow-y:hidden;

        padding:0 10px;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .ss-nav-inner::-webkit-scrollbar{
        display:none;
    }

    .ss-nav-link,
    .ss-more-button{
        flex:0 0 auto;

        min-height:44px;

        padding:0 11px;

        font-size:12px;
    }

    .ss-more-menu{
        display:none !important;
    }

    .ss-search{
        flex:0 0 auto;

        margin-left:0;
    }

}


@media(max-width:480px){

    .ss-shell{
        width:calc(100% - 22px);
    }

    .ss-logo img{
        max-width:195px;
    }

}


/* LIDERLER_FINAL_LAYOUT_V6 */


/* ---------------------------------------------------------
   GÜNDEMDEN ALTINDAKİ 728x90 BANNER KALKIYOR
--------------------------------------------------------- */

.ss-home-inline-ad{
    display:none !important;
}


/* ---------------------------------------------------------
   MASAÜSTÜ SAĞ HABER KOLONU SABİT
   KENDİ İÇİNDE SCROLL YOK
--------------------------------------------------------- */

@media(min-width:1100px){

    /*
     * Ana Liderler sayfası
     */

    .liderler-content-layout{
        align-items:start !important;
    }

    .liderler-sidebar{
        position:sticky !important;

        top:18px !important;

        align-self:start !important;

        max-height:none !important;

        overflow:visible !important;
    }

    .liderler-sidebar .liderler-side-box,
    .liderler-sidebar .liderler-side-list{
        max-height:none !important;

        overflow:visible !important;
    }


    /*
     * İl detay sayfaları V5
     */

    .city-sidebar-v5{
        position:sticky !important;

        top:18px !important;

        align-self:start !important;

        max-height:none !important;

        overflow:visible !important;
    }

    .city-sidebar-v5 .city-news-box-v5,
    .city-sidebar-v5 .city-news-list-v5{
        max-height:none !important;

        overflow:visible !important;
    }


    /*
     * Önceki city sürümleri kalmışsa
     * onları da aynı davranışa zorla.
     */

    .city-sidebar,
    .city-sidebar-v4{
        position:sticky !important;

        top:18px !important;

        align-self:start !important;

        max-height:none !important;

        overflow:visible !important;
    }

}


/* ---------------------------------------------------------
   TABLET + MOBİL
   Sağ kolon sabit değil, doğal akışta.
--------------------------------------------------------- */

@media(max-width:1099px){

    .liderler-sidebar,
    .city-sidebar,
    .city-sidebar-v4,
    .city-sidebar-v5{
        position:static !important;

        top:auto !important;

        max-height:none !important;

        overflow:visible !important;
    }

}