/* İlan.gov.tr widget - BIK uyumlu stil */
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;font-size:14px;background:#f5f5f5;color:#333}
#wrapper{max-width:100%;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.clear_left,.clear_both{clear:both}
.clear_both{display:block}

/* Header - kategoriler (medya.ilan.gov.tr üst bar biçimi) */
#header{background:#e5e7eb;padding:0 0 0 0;overflow:visible;min-height:44px}
#header ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-end;gap:0}
#header ul li{margin:0;padding:12px 20px 14px;cursor:pointer;color:#fff;font-weight:700;font-size:13px;transition:opacity .2s, box-shadow .2s;position:relative;flex:1;min-width:0;text-align:center}
#header ul li:hover{opacity:.95}
#header ul li.blue{background:#1e40af}
#header ul li.green{background:#059669}
#header ul li.pink{background:#be185d}
#header ul li.orange{background:#c2410c}
#header ul li:first-child{border-radius:8px 0 0 0}
#header ul li:last-child{border-radius:0 8px 0 0}
#header ul li.active{position:relative;z-index:2;box-shadow:0 -2px 6px rgba(0,0,0,.08);padding-bottom:20px;margin-bottom:-12px}
#header ul li.active::after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid}
#header ul li.blue.active::after{border-top-color:#1e40af}
#header ul li.green.active::after{border-top-color:#059669}
#header ul li.pink.active::after{border-top-color:#be185d}
#header ul li.orange.active::after{border-top-color:#c2410c}

/* Navigasyon okları - içerik alanında yukarıda, sol/sağda */
#navigation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}
#navigation .left,#navigation .right{position:absolute;top:38%;transform:translateY(-50%);width:36px;height:80px;cursor:pointer;background:rgba(30,64,175,.85);opacity:.9;transition:opacity .2s;pointer-events:auto;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;line-height:1}
#navigation .right{left:auto;right:0;border-radius:6px 0 0 6px}
#navigation .left:hover,#navigation .right:hover{opacity:1;background:rgba(30,64,175,.95)}
#navigation .left{left:0}
#navigation .left::before{content:'\2039'}
#navigation .right::before{content:'\203A'}
#navigation .up,#navigation .down{display:none}

/* İçerik alanı - yatay carousel */
#content_cont{position:relative;min-height:200px;padding:12px 48px 12px 48px;background:#fff;overflow:hidden}
#no_item_cont{display:none;text-align:center;padding:24px;background:#fef3c7;border-radius:6px;margin:8px 0}
#no_item_cont a{color:#b45309;font-weight:600}
#content{position:relative;min-height:160px}
#content ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:0}
#content ul[class^="list-"]{display:none;animation:fadeIn .3s ease}
#content ul.list-blue.active,#content ul.list-green.active,#content ul.list-pink.active,#content ul.list-orange.active{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* İlan kartları - sabit genişlik, kesilme yok */
#content li{flex:0 0 auto;width:280px;min-width:280px;max-width:280px;margin:0;padding:12px 14px;border-right:1px solid #e5e7eb;border-bottom:none;transition:background .15s;background:#fff}
#content li:hover{background:#f8fafc}
#content li:last-child{border-right:1px solid #e5e7eb}
#content .location{margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content .location .city{color:#1e40af}
#content .location .province{margin-left:4px;color:#64748b}
#content .details a{color:#1e3a8a;text-decoration:none;font-size:13px;line-height:1.45;display:block;word-wrap:break-word;overflow-wrap:break-word}
#content .details a:hover{text-decoration:underline}
#content .news-blue .location .city{color:#1e40af}
#content .news-green .location .city{color:#047857}
#content .news-pink .location .city{color:#be185d}
#content .news-orange .location .city{color:#c2410c}
#content .news-blue .details a{color:#1e40af}
#content .news-green .details a{color:#047857}
#content .news-pink .details a{color:#9d174d}
#content .news-orange .details a{color:#c2410c}

/* Footer - kompakt, gereksiz boşluk yok */
#footer{padding:6px 12px;background:#f1f5f9;border-top:1px solid #e2e8f0;overflow:hidden;line-height:26px}
#footer ._left_{float:left;font-size:12px;color:#64748b}
#footer ._right_{float:right;margin-left:12px}
#footer ._right_ a{display:inline-block}
#footer ._right_ img{display:block;height:22px;width:auto;vertical-align:middle}
#footer #count_index,#footer #total_count{display:inline-block;margin-right:8px}