/* ============================================================
   Tema: Haberler — zarif ince serif, siyah + amber kimlik,
   premium editoryal görünüm.
   ============================================================ */

@import url("../../../assets/css/style.css");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Inter:wght@400;500;600;700&display=swap");

:root {
    --hs-primary: #b45309;
    --hs-dark: #0a0a0a;
    --hs-gray: #6b6b6b;
    --hs-light: #f7f5f2;

    --hb-serif: "Cormorant Garamond", Georgia, serif;
}

body { background: #fff; color: #171717; }

h1, h2, h3, h4,
.section-title, .widget-title,
.hero-card h2, .hero-card h3, .news-card h3,
.article-title, .hs-slide-body h2, .manset-list-title {
    font-family: var(--hb-serif);
    font-weight: 700;
    letter-spacing: 0;
}

/* ---------- Üst şerit ---------- */
.topbar { background: #fff; color: var(--hs-dark); border-bottom: 1px solid #e5e2dc; }
.topbar a { color: var(--hs-dark); }
.topbar a:hover { color: var(--hs-primary); }

/* ---------- Header ---------- */
.site-header { background: #fff; border-bottom: 0; }
.site-logo {
    font-family: var(--hb-serif);
    font-style: italic;
    font-weight: 700;
    font-size: 2.5rem;
    color: var(--hs-dark);
}
.site-logo span { color: var(--hs-primary); font-style: normal; }
.site-slogan { font-family: "Inter", sans-serif; letter-spacing: .12em; text-transform: uppercase; font-size: .66rem; }

/* ---------- Navigasyon ---------- */
.main-nav { background: var(--hs-dark); box-shadow: none; }
.main-nav .nav-link { color: #e7e5e4; font-family: "Inter", sans-serif; font-size: .84rem; font-weight: 600; }
.main-nav .nav-link::after { background: var(--hs-primary) !important; }
.main-nav .nav-link:hover, .main-nav .nav-link.active { color: #fff; }

/* ---------- Son dakika ---------- */
.breaking-bar { background: var(--hs-primary); }
.breaking-label { background: rgba(0,0,0,.3); }

/* ---------- Manşet ---------- */
.hero-card { box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.hero-card-lg h2 { font-size: 2.1rem; line-height: 1.2; }
.hero-card h3 { font-weight: 600; }
.cat-badge { background: var(--hs-primary) !important; border-radius: 2px; font-family: "Inter", sans-serif; }
.hs-slide-body h2 { font-size: 2.2rem; }
.hs-slide-ribbon { background: var(--hs-primary); }
.hs-arrow:hover { background: var(--hs-primary); }
.hs-dot.active, .hs-thumb.active { background: var(--hs-primary); border-color: var(--hs-primary); }

/* ---------- Bölüm başlığı ---------- */
.section-title { font-family: var(--hb-serif); font-size: 1.7rem; font-weight: 700; }
.section-title::before { background: var(--hs-primary); width: 4px; }

/* ---------- Haber kartı ---------- */
.news-card { border: 1px solid #ececec; box-shadow: none; }
.news-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.news-card h3 { font-size: 1.15rem; }
.news-card h3 a:hover { color: var(--hs-primary); }

/* ---------- Kenar çubuğu ---------- */
.side-widget { border: 1px solid #ececec; box-shadow: none; }
.side-widget .widget-title { font-family: var(--hb-serif); font-size: 1.15rem; border-bottom: 1px solid var(--hs-dark); }
.popular-item .rank { font-family: var(--hb-serif); color: #e7e5e4; }
.popular-item a:hover, .cat-list a:hover { color: var(--hs-primary); }

/* ---------- Haber detayı ---------- */
.article-title { font-family: var(--hb-serif); font-size: 2.4rem; }
.article-summary { border-left: 3px solid var(--hs-primary); font-family: var(--hb-serif); font-size: 1.25rem; font-style: italic; font-weight: 500; }
.article-content blockquote { border-left: 3px solid var(--hs-primary); font-family: var(--hb-serif); }
.author-avatar { background: var(--hs-dark); }

/* ---------- Footer ---------- */
.site-footer { background: var(--hs-dark); }
.site-footer h5 { font-family: var(--hb-serif); font-size: 1.2rem; }
.social-icons a:hover { background: var(--hs-primary); }

.pagination .page-item.active .page-link { background: var(--hs-primary); border-color: var(--hs-primary); }

/* ---------- "Şimdi Gündemde" şeridi (home-extra.php) ---------- */
.hb-hotnow { border-top: 1px solid var(--hs-dark); border-bottom: 1px solid var(--hs-dark); padding: .6rem 0; display: flex; align-items: center; gap: 1rem; }
.hb-hotnow-label { flex: 0 0 auto; font-family: "Inter", sans-serif; font-weight: 700; font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; color: var(--hs-primary); }
.hb-hotnow-track { display: flex; gap: 1.4rem; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.hb-hotnow-track::-webkit-scrollbar { display: none; }
.hb-hotnow-item { flex: 0 0 auto; display: flex; align-items: center; gap: .5rem; text-decoration: none; white-space: nowrap; }
.hb-hotnow-time { font-family: "Inter", sans-serif; font-weight: 700; font-size: .74rem; color: var(--hs-gray); }
.hb-hotnow-title { font-family: var(--hb-serif); font-weight: 600; font-size: .92rem; color: var(--hs-dark); }
.hb-hotnow-item:hover .hb-hotnow-title { color: var(--hs-primary); }