/* assets/news.css — Klasik haber sitesi düzeni (ana sayfa, üst menü, tema). Tailwind'e bağımlı değil; renkler :root değişkenlerinden.
   Tema: html[data-theme=light|dark] (includes/header.php :root ve [data-theme=light] blokları). */

/* ── Üst menü ── */
.nh-nav { display: flex; align-items: center; gap: 18px; height: 64px; }
.nh-cats { display: flex; align-items: center; gap: 4px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.nh-cats::-webkit-scrollbar { display: none; }
.nh-cat { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--bone);
  padding: 8px 8px; white-space: nowrap; border-bottom: 2px solid transparent; text-decoration: none; transition: color .2s, border-color .2s; }
@media (min-width: 1400px) { .nh-cat { font-size: 12px; padding: 8px 10px; } }
.nh-cat:hover, .nh-cat.active { color: var(--dubai-gold); border-bottom-color: var(--dubai-gold); }
.nh-cat--breaking { color: #fff; background: #c8102e; padding: 6px 10px; margin-right: 6px; border-radius: 2px; }
.nh-cat--breaking:hover { color: #fff; border-bottom-color: transparent; background: #a50d26; }
.nh-tools { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.nh-tool { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--hairline); background: transparent; color: var(--bone); cursor: pointer; border-radius: 3px; transition: background .2s, color .2s; }
.nh-tool:hover { background: var(--dubai-gold); color: #17130c; }
@media (max-width: 767px) { .nh-cats { display: none; } .nh-nav { height: 56px; } }

/* ── Genel ── */
.nh-wrap { max-width: 1280px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 1024px) { .nh-wrap { padding: 0 24px; } }
.nh-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 2px solid var(--bone); margin-bottom: 14px; padding-bottom: 6px; }
.nh-sec-head h2 { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 17px; letter-spacing: .04em; text-transform: uppercase; color: var(--bone); margin: 0; display: flex; align-items: center; gap: 10px; }
.nh-sec-head h2::before { content: ""; width: 6px; height: 18px; background: var(--dubai-gold); }
.nh-sec-head a { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dubai-gold); text-decoration: none; }
.nh-sec-head a:hover { text-decoration: underline; }
.nh-kicker { font-family: 'Archivo', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dubai-gold); }
.nh-date { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.nh-title { font-family: 'Archivo', sans-serif; font-weight: 700; color: var(--bone); text-decoration: none; line-height: 1.25; display: block; }
.nh-title:hover { color: var(--dubai-gold); }
.nh-img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; background: var(--night-2); }
.nh-img--sq { aspect-ratio: 4/3; }

/* ── Manşet ── */
.nh-hero { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 16px auto 0; }
@media (min-width: 1024px) { .nh-hero { grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); gap: 20px; } }
.nh-slider { position: relative; overflow: hidden; background: var(--night-1); }
.nh-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
.nh-slides::-webkit-scrollbar { display: none; }
.nh-slide { flex: 0 0 100%; scroll-snap-align: start; position: relative; display: block; text-decoration: none; }
.nh-slide img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.nh-slide-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 56px 20px 18px; background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 55%, transparent 100%); color: #fff; }
.nh-slide-cap .nh-kicker { color: #ffb066; }
.nh-slide-cap h3 { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: clamp(18px, 1.1rem + 1.2vw, 28px); line-height: 1.2; margin: 6px 0 0; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.nh-slide-cap p { display: none; margin: 8px 0 0; font-size: 14px; color: rgba(255,255,255,.85); }
@media (min-width: 768px) { .nh-slide-cap p { display: block; } }
.nh-slider-nav { position: absolute; top: 12px; width: 34px; height: 22px; border: 0; background: rgba(0,0,0,.55); color: #fff; cursor: pointer; z-index: 2; font-size: 12px; border-radius: 2px; }
.nh-slider-nav:hover { background: var(--dubai-gold); color: #17130c; }
.nh-slider-nav.prev { left: 12px; } .nh-slider-nav.next { left: 50px; }
.nh-dots { position: absolute; right: 14px; top: 12px; display: flex; gap: 6px; z-index: 2; }
.nh-dot { width: 26px; height: 22px; border: 0; background: rgba(0,0,0,.55); color: #fff; font: 700 11px/1 'Archivo', sans-serif; cursor: pointer; border-radius: 2px; }
.nh-dot.active { background: var(--dubai-gold); color: #17130c; }

.nh-breaking { background: var(--night-1); border: 1px solid var(--hairline); display: flex; flex-direction: column; }
.nh-breaking-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--hairline); font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--bone); }
.nh-breaking-head .live-dot { background: #c8102e; box-shadow: none; }
.nh-breaking ol { list-style: none; margin: 0; padding: 0; }
.nh-breaking li { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--hairline); }
.nh-breaking li:last-child { border-bottom: 0; }
.nh-breaking .num { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 20px; color: var(--dubai-gold); line-height: 1; }
.nh-breaking .nh-title { font-size: 14px; }
.nh-breaking .nh-date { display: block; margin-top: 3px; }

/* ── Ana ızgara ── */
.nh-main { display: grid; grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
@media (min-width: 1024px) { .nh-main { grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; } }

/* Kategori blokları */
.nh-blocks { display: grid; grid-template-columns: 1fr; gap: 28px; }
@media (min-width: 768px) { .nh-blocks { grid-template-columns: 1fr 1fr; } }
.nh-block-lead { display: block; text-decoration: none; }
.nh-block-lead .nh-title { font-size: 17px; margin-top: 10px; }
.nh-block-lead p { font-size: 13px; color: var(--muted); margin: 6px 0 0; line-height: 1.45; }
.nh-block ul { list-style: none; margin: 12px 0 0; padding: 0; }
.nh-block li { padding: 9px 0; border-top: 1px solid var(--hairline); }
.nh-block li .nh-title { font-size: 14px; font-weight: 600; }
.nh-block li .nh-date { display: inline-block; margin-top: 3px; }

/* Öne çıkan 4'lü şerit */
.nh-feat { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (min-width: 768px) { .nh-feat { grid-template-columns: repeat(4, 1fr); } }
.nh-feat a { text-decoration: none; }
.nh-feat .nh-title { font-size: 14px; margin-top: 8px; }

/* Yan sütun */
.nh-side > * + * { margin-top: 24px; }
.nh-list { list-style: none !important; margin: 0; padding: 0 !important; }
.nh-list li { list-style: none !important; padding: 9px 0 !important; margin: 0 !important; border-top: 1px solid var(--hairline); }
.nh-list li::before, .nh-list li::marker { content: none; display: none; }
.nh-list li:first-child { border-top: 0; padding-top: 0; }
.nh-list .nh-title { font-size: 14px; font-weight: 600; }
.nh-box { background: var(--night-1); border: 1px solid var(--hairline); padding: 16px; }
.nh-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nh-mini a { display: block; text-decoration: none; background: var(--night-2); padding: 12px; border: 1px solid var(--hairline); }
.nh-mini .v { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 16px; color: var(--dubai-gold); margin-top: 4px; }
.nh-mini .l { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.nh-kose { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--hairline); text-decoration: none; }
.nh-kose:first-of-type { border-top: 0; }
.nh-kose .av { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--night-2); flex-shrink: 0; }
.nh-kose .nm { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dubai-gold); }
.nh-kose .nh-title { font-size: 14px; font-weight: 600; margin-top: 2px; }

/* Mobil alt çubuk */
.nh-bottombar { display: none; }
@media (max-width: 767px) {
  .nh-bottombar { display: grid; grid-template-columns: repeat(4, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: var(--night-1); border-top: 1px solid var(--hairline); padding-bottom: env(safe-area-inset-bottom); }
  .nh-bottombar a { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 4px 6px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); text-decoration: none; }
  .nh-bottombar a i { font-size: 17px; color: var(--dubai-gold); }
  body { padding-bottom: 58px; }
}

/* Açık temada koyu-temaya özel opaklık sınıfları */
html[data-theme="light"] .bg-white\/5, html[data-theme="light"] .bg-white\/\[0\.03\], html[data-theme="light"] .hover\:bg-white\/5:hover { background-color: rgba(0,0,0,.04) !important; }
html[data-theme="light"] .text-white\/85, html[data-theme="light"] .text-white\/60 { color: inherit; }
html[data-theme="light"] .mashrabiya { opacity: .03; }
html[data-theme="light"] img.mb-cover-dark { filter: none; }