/* ============================================================
   Tema: Modern Manşet — iri yuvarlak kartlar, mor vurgu, büyük tipografi.
   Varsayılan stili içe aktarır, ardından ezer.
   ============================================================ */

:root {
    --hs-primary: #7c3aed;
    --hs-dark: #0f172a;
    --hs-gray: #64748b;
    --hs-light: #f5f3ff;

    --m-accent: #7c3aed;
    --m-accent-2: #be185d;
    --m-ring: rgba(124, 58, 237, .16);
    --m-radius: 1.25rem;
}

body { background: #ffffff; color: #1e293b; }

h1, h2, h3, h4,
.site-logo, .section-title, .widget-title,
.hero-card h2, .hero-card h3, .news-card h3,
.article-title, .hs-slide-body h2 {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
}

/* ---------- Header / nav ---------- */
.topbar { background: linear-gradient(90deg, #4c1d95, #7c3aed); color: #ede9fe; }
.topbar a { color: #ede9fe; }
.site-header { background: #fff; border-bottom: 0; }
.site-logo { font-size: 1.9rem; }
.header-brand-name b {
    background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2));
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.site-slogan { background:none; -webkit-text-fill-color:currentColor; }
.main-nav {
    background: #fff;
    box-shadow: 0 8px 30px rgba(15, 23, 42, .08);
    border-radius: 999px;
    margin: .75rem auto 0;
    max-width: min(1140px, calc(100% - 24px));
}
.main-nav .container { padding-inline: .5rem; }
.main-nav .nav-link { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 600; font-size: .9rem; border-radius: 999px; }
.main-nav .nav-link::after { display: none; }
.main-nav .nav-link:hover, .main-nav .nav-link.active {
    background: var(--m-ring);
    color: var(--m-accent);
}

/* ---------- Son dakika ---------- */
.breaking-bar { background: linear-gradient(90deg, #6d28d9, #be185d); border-radius: var(--m-radius); margin-top: .75rem; }
.breaking-label { background: rgba(0, 0, 0, .18); }

/* ---------- Bölüm başlığı ---------- */
.section-title { font-size: 1.5rem; }
.section-title::before {
    width: 8px; height: 26px; border-radius: 4px;
    background: linear-gradient(180deg, var(--m-accent), var(--m-accent-2));
}

/* ---------- Manşet ---------- */
.hero-card { border-radius: var(--m-radius); box-shadow: 0 18px 44px rgba(15, 23, 42, .16); }
.hero-card-lg h2 { font-size: 2rem; }
.hero-card::after { background: linear-gradient(180deg, transparent 30%, rgba(45, 12, 74, .92)); }
.cat-badge {
    border-radius: 999px;
    padding: .3rem .8rem;
    box-shadow: 0 4px 12px var(--m-ring);
}

/* ---------- Haber kartı ---------- */
.news-card {
    border: 1px solid #eef2f7;
    border-radius: var(--m-radius);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
    transition: transform .22s cubic-bezier(.2, .7, .3, 1), box-shadow .22s;
}
.news-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(124, 58, 237, .18); }
.news-card .thumb-wrap { height: 210px; }
.news-card h3 { font-size: 1.1rem; }
.news-card h3 a { color: var(--hs-dark); }
.news-card h3 a:hover { color: var(--m-accent); }

/* ---------- Kenar çubuğu ---------- */
.side-widget { border: 1px solid #eef2f7; border-radius: var(--m-radius); box-shadow: 0 10px 30px rgba(15, 23, 42, .05); }
.widget-title { border-bottom: 0; position: relative; padding-bottom: .8rem; }
.widget-title::after {
    content: ""; position: absolute; left: 0; bottom: 0;
    width: 42px; height: 3px; border-radius: 3px;
    background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2));
}
.popular-item .rank {
    background: linear-gradient(180deg, var(--m-accent), var(--m-accent-2));
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* ---------- Haber detayı ---------- */
.article-detail { padding-bottom: .5rem; }
.article-hero {
    margin-bottom: 0 !important;
    border-radius: calc(var(--m-radius) + .25rem);
    box-shadow: 0 24px 60px rgba(45, 12, 74, .2);
}
.article-hero::after { height: 48%; background: linear-gradient(180deg, transparent, rgba(30, 15, 58, .72)); }
.article-hero-image { transition: transform .7s cubic-bezier(.2, .7, .3, 1); }
.article-hero:hover .article-hero-image { transform: scale(1.025); }
.article-intro {
    z-index: 2;
    margin: -4.25rem 2rem 2rem;
    padding: 1.6rem 1.8rem 1.35rem;
    border: 1px solid rgba(124, 58, 237, .1);
    border-radius: var(--m-radius);
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .1);
    backdrop-filter: blur(16px);
}
.article-title { margin: 0; font-size: clamp(1.75rem, 3.3vw, 2.65rem); line-height: 1.12; }
.article-summary { border-left-width: 5px; border-radius: 0 var(--m-radius) var(--m-radius) 0; box-shadow: 0 10px 30px rgba(15, 23, 42, .05); }
.article-content { font-size: 1.08rem; line-height: 1.9; }
.article-content > p:first-child::first-letter { float: left; margin: .08em .12em 0 0; color: var(--m-accent); font-size: 3.4em; font-weight: 800; line-height: .82; }
.author-box { border-color: rgba(124, 58, 237, .14); box-shadow: 0 14px 38px rgba(15, 23, 42, .06); }

@media (max-width: 767.98px) {
    .article-intro { margin: -2.1rem .65rem 1.5rem; padding: 1.1rem 1rem 1rem; }
    .article-title { font-size: clamp(1.45rem, 7vw, 2rem); }
    .article-content { font-size: 1rem; line-height: 1.8; }
}

/* ---------- Butonlar ---------- */
.btn-dark, .btn-danger {
    background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2));
    border: 0;
    border-radius: 999px;
    box-shadow: 0 8px 22px var(--m-ring);
}
.btn-outline-dark { border-radius: 999px; }
.cat-filter .btn { border-radius: 999px; }
.pagination .page-link { border-radius: 999px; border-color: #eef2f7; }
.pagination .page-item.active .page-link { background: var(--m-accent); border-color: var(--m-accent); }

/* ---------- Footer ---------- */
.site-footer { background: radial-gradient(1200px 400px at 10% 0%, #2e1065, #0f172a); }
.social-icons a { border-radius: 999px; }
.social-icons a:hover { background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2)); }