/* =====================================================================
   PORTAL HABER — Manşet Pro'nun üzerine giydirilen haber portalı teması
   (manset/theme.css önce yüklenir; burada üst alan, menü ve sürmanşet
   şeridi yeniden tasarlanır. Renkler --mn-* değişkenlerinden gelir.)
   ===================================================================== */

.mp-body { --mn-radius: 8px; --mn-radius-sm: 6px; }

/* ---------- üst bar ---------- */
.mp-top { background: var(--mn-dark); color: rgba(255, 255, 255, .78); font-size: 12.5px; }
.mp-top-in { display: flex; align-items: center; gap: 18px; min-height: 36px; }
.mp-today { white-space: nowrap; }
.mp-today i { margin-right: 4px; opacity: .7; }
.mp-services { display: flex; gap: 16px; align-items: center; overflow-x: auto; white-space: nowrap; scrollbar-width: none; flex: 1; min-width: 0; }
.mp-services::-webkit-scrollbar { display: none; }
.mp-services a { display: inline-flex; align-items: center; gap: 5px; }
.mp-services a:hover { color: #fff; }
.mp-services i { color: var(--mn-brand); }
.mp-weather { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #fff; white-space: nowrap; }
.mp-langs { display: inline-flex; gap: 2px; }
.mp-langs a { padding: 2px 6px; border-radius: 4px; font-weight: 600; }
.mp-langs a.is-active { background: var(--mn-brand); color: #fff; }

/* ---------- logo + piyasalar + arama ---------- */
.mp-head { background: var(--mn-surface); border-bottom: 1px solid var(--mn-border); }
.mp-head-in { display: flex; align-items: center; gap: 22px; min-height: 84px; }
.mp-markets { display: flex; gap: 22px; flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; justify-content: center; font-size: 13px; }
.mp-markets .mn-mk { flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.25; }
.mp-markets .mn-mk b { color: var(--mn-text); font-size: 14px; }
.mp-search { flex: 0 1 280px; max-width: 280px; margin-left: 0; }
.mp-search input { border-radius: 8px; height: 40px; }
.mp-head .mn-icon-btn { border-radius: 8px; }

/* ---------- renkli kategori menüsü ---------- */
.mp-nav { position: sticky; top: 0; z-index: 1030; background: var(--mn-brand); color: #fff; box-shadow: 0 6px 16px -12px rgba(0, 0, 0, .5); }
.mp-nav-in { display: flex; align-items: stretch; min-height: 48px; overflow-x: auto; scrollbar-width: none; }
.mp-nav-in::-webkit-scrollbar { display: none; }
.mp-nav .dropdown { position: static; display: flex; }
.mp-nav-home, .mp-nav-link { display: inline-flex; align-items: center; gap: 6px; padding: 0 16px; color: #fff !important; font-weight: 700; font-size: 13.5px; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; border: 0; background: none; transition: background .15s; }
.mp-nav-home { padding: 0 18px; font-size: 18px; background: rgba(0, 0, 0, .18); }
.mp-nav-home:hover, .mp-nav-link:hover { background: rgba(0, 0, 0, .14); }
.mp-nav-home.is-active, .mp-nav-link.is-active { background: rgba(0, 0, 0, .28); box-shadow: inset 0 -3px 0 #fff; }
.mp-nav .bi-chevron-down { font-size: 11px; }


/* ---------- bölüm başlıkları ---------- */
.mp-body .mn-head { border-bottom: 2px solid var(--cat, var(--mn-brand)); padding-bottom: 8px; margin-bottom: 14px; }
.mp-body .mn-head::after { display: none; }
.mp-body .mn-head h2 { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; }
.mp-body .mn-head.is-cat h2 { border-left: 0; padding-left: 0; }
.mp-body .mn-head .mn-more { margin-left: auto; text-transform: uppercase; font-size: 12px; }

/* ---------- son dakika bandı ---------- */
.mp-body .mn-breaking { background: var(--mn-surface); border-top: 0; }
.mp-body .mn-breaking-label { border-radius: 4px; }

@media (max-width: 1199px) {
    .mp-markets { display: none; }
    .mp-search { margin-left: auto; }
}
@media (max-width: 991px) {
    .mp-top { display: none; }
    .mp-head-in { min-height: 64px; }
}
@media (max-width: 575px) {
    .mp-search { display: none; }
}

/* ---------- mobil: yatay taşma olmasın ---------- */
.mp-body { overflow-x: clip; }
.mp-head-in > .mn-logo { min-width: 0; }
.mp-head-in .mn-logo-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 575px) {
    .mp-head-in { gap: 10px; }
    .mp-head-in > .mn-logo { flex: 1 1 0; }
    .mp-head-in .mn-logo-text { font-size: 19px; }
    .mp-head-in .mn-logo-mark { width: 34px; height: 34px; font-size: 18px; }
    .mp-head .mn-icon-btn { width: 38px; height: 38px; flex: none; }
    .mn-header-actions { flex: none; gap: 6px; }
}


/* ---------- sürmanşet: sayfanın en üstünde kart şeridi (Ana Sayfa Düzeni'nden ayarlanır) ---------- */
.mp-sub { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.mp-sub.is-c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mp-sub.is-c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mp-sub.is-c6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .mp-sub.is-c7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .mp-sub.is-c8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.mp-sub-card { position: relative; display: block; overflow: hidden; border-radius: var(--mn-radius); background: var(--mn-dark); color: #fff !important; box-shadow: var(--mn-shadow); }
.mp-sub-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--mn-dark); }
.mp-sub-img, .mp-sub-card .mn-noimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.mp-sub-card:hover .mp-sub-img { transform: scale(1.05); }
.mp-sub-card.is-image-only .mp-sub-img { object-fit: contain; z-index: 1; }
.mp-sub-card.is-image-only .mn-bg-blur { position: absolute; }
.mp-sub-cat { position: absolute; top: 8px; left: 8px; z-index: 2; background: var(--cat, var(--mn-brand)); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 2px 8px; border-radius: 4px; }
.mp-sub-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px; font-weight: 700; line-height: 1.3; }

/* 1) Görsel üstünde başlık */
.mp-sub.is-overlay .mp-sub-card:not(.is-image-only) .mp-sub-media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(3, 6, 14, .92) 0%, rgba(3, 6, 14, .3) 55%, rgba(3, 6, 14, 0) 80%); }
.mp-sub.is-overlay .mp-sub-title { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px 12px; }
/* 2) Görsel + altta başlık */
.mp-sub.is-below .mp-sub-card, .mp-sub.is-accent .mp-sub-card { background: var(--mn-surface); color: var(--mn-text) !important; }
.mp-sub.is-below .mp-sub-title, .mp-sub.is-accent .mp-sub-title { padding: 10px 12px 12px; color: var(--mn-text); }
.mp-sub.is-below .mp-sub-card.is-image-only, .mp-sub.is-accent .mp-sub-card.is-image-only { background: var(--mn-dark); }
/* 4) Renkli şeritli kart */
.mp-sub.is-accent .mp-sub-card { border-top: 4px solid var(--cat, var(--mn-brand)); }
.mp-sub.is-accent .mp-sub-cat { position: static; display: inline-block; margin: 10px 12px 0; background: none; color: var(--cat, var(--mn-brand)); padding: 0; }
/* 5) Küçük görsel + başlık */
.mp-sub.is-mini .mp-sub-card { display: grid; grid-template-columns: 38% 1fr; align-items: center; background: var(--mn-surface); color: var(--mn-text) !important; min-height: 74px; }
.mp-sub.is-mini .mp-sub-media { aspect-ratio: auto; height: 100%; min-height: 74px; }
.mp-sub.is-mini .mp-sub-title { grid-column: 2; padding: 8px 10px; font-size: 12.5px; -webkit-line-clamp: 3; }
.mp-sub.is-mini .mp-sub-cat { display: none; }
.mp-sub.is-mini .mp-sub-card.is-image-only { display: block; }
.mp-sub.is-mini .mp-sub-card.is-image-only .mp-sub-media { aspect-ratio: 16 / 10; }
/* 3) Yalnızca görsel: başlık sr-only (şablon zaten gizliyor) */

/* Küçük ekranda şerit yana kayar; mobilde otomatik kaydırma portal.js ile */
@media (max-width: 991px) {
    .mp-sub, .mp-sub[class*="is-c"] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; margin-bottom: 14px; padding-bottom: 6px; scrollbar-width: none; scroll-behavior: smooth; }
    .mp-sub::-webkit-scrollbar { display: none; }
    .mp-sub-card { flex: 0 0 38%; scroll-snap-align: start; }
}
@media (max-width: 575px) {
    .mp-sub, .mp-sub[class*="is-c"] { margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); padding-left: 12px; padding-right: 12px; scroll-padding-left: 12px; }
    .mp-sub-card { flex: 0 0 68%; }
}

/* sürmanşet: ek düzeltmeler */
.mp-sub.is-below .mp-sub-card.is-image-only, .mp-sub.is-accent .mp-sub-card.is-image-only { display: flex; flex-direction: column; }
.mp-sub.is-below .mp-sub-card.is-image-only .mp-sub-media, .mp-sub.is-accent .mp-sub-card.is-image-only .mp-sub-media { flex: 1; }
.mp-sub.is-mini, .mp-sub.is-mini[class*="is-c"] { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
@media (max-width: 991px) {
    .mp-sub.is-mini .mp-sub-card { flex-basis: 70%; }
}
@media (max-width: 575px) {
    .mp-sub.is-mini .mp-sub-card { flex-basis: 82%; }
}