/* =============================================================================
   "Nerio" tema paketi — özgün stil dosyası (Tailwind gerektirmez)
   Çekirdek style.css'in üzerine yüklenir.

   Renk mantığı:
     - Manşet bloğu (header + son dakika şeridi + hero) her iki modda koyudur.
     - İçerik bölümü aydınlık modda beyaz, karanlık modda koyu zemindir.
   ============================================================================= */

body.theme-nerio {
    --nerio-dark: #111318;          /* manşet bloğu zemini */
    --nerio-card-dark: #1a1d24;     /* koyu kart */
    --nerio-line-dark: rgba(255, 255, 255, .08);
    --nerio-muted-dark: #9aa3b2;

    --nerio-surface: #ffffff;       /* içerik kartı (moda göre değişir) */
    --nerio-surface-2: #f6f7f9;     /* içerik zemini */
    --nerio-ink: #111318;           /* içerik yazısı */
    --nerio-ink-soft: #5b6472;
    --nerio-line: #e6e8ec;

    background: var(--nerio-surface-2);
    color: var(--nerio-ink);
}

/* Karanlik mod: data-theme <html> uzerindedir, secici ona gore kurulur */
[data-theme="dark"] body.theme-nerio {
    --nerio-surface: #1a1d24;
    --nerio-surface-2: #111318;
    --nerio-ink: #eef1f6;
    --nerio-ink-soft: #9aa3b2;
    --nerio-line: rgba(255, 255, 255, .09);
}

/* ---------------------------------------------------------------- Üst bölüm */
body.theme-nerio .top-bar {
    background: var(--nerio-dark);
    color: var(--nerio-muted-dark);
    border-bottom: 1px solid var(--nerio-line-dark);
}
body.theme-nerio .top-bar a { color: var(--nerio-muted-dark); }
body.theme-nerio .top-bar a:hover { color: #fff; }

body.theme-nerio .header {
    background: var(--nerio-dark);
    border-bottom: 1px solid var(--nerio-line-dark);
}
body.theme-nerio .header-inner { height: 76px; }
body.theme-nerio .logo-mark {
    background: var(--accent);
    color: #fff;
    border-radius: 10px;
    font-weight: 800;
}
body.theme-nerio .logo-text { color: #fff; font-weight: 800; letter-spacing: -.03em; }
body.theme-nerio .logo-text small { color: var(--accent); letter-spacing: .12em; }
body.theme-nerio .header-search input {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--nerio-line-dark);
    color: #fff;
    border-radius: 10px;
}
body.theme-nerio .header-search input::placeholder { color: #6b7485; }
body.theme-nerio .header-search { max-width: 420px; }
body.theme-nerio .search-icon svg { color: #9aa3b2; }
body.theme-nerio .btn-login { color: #cbd2dd; border-color: var(--nerio-line-dark); }
body.theme-nerio .btn-register {
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
}
body.theme-nerio .btn-register:hover { filter: brightness(1.08); }
body.theme-nerio .member-greeting { color: #cbd2dd; }
body.theme-nerio .theme-switch { border-color: var(--nerio-line-dark); }

/* Menü şeridi */
body.theme-nerio .main-nav { background: var(--nerio-dark); border-bottom: 1px solid var(--nerio-line-dark); }
body.theme-nerio .nav-inner { height: 52px; gap: 6px; }
body.theme-nerio .nav-inner a {
    color: #b9c0cc;
    font-size: .84rem;
    font-weight: 500;
    padding: 0 14px;
    border-radius: 8px;
}
body.theme-nerio .nav-inner a:hover { color: #fff; background: rgba(255, 255, 255, .05); }
body.theme-nerio .nav-inner a.active { color: var(--accent); background: transparent; }
body.theme-nerio .nav-inner a.son-dakika { color: #ff5a5f; }

/* Son dakika şeridi — menü ile manşet arasında, kırmızı ve yuvarlak köşeli.
   Şeridin altı/üstü 3 px koyu boşluk bırakır. */
body.theme-nerio .ticker-bar { background: var(--nerio-dark); padding: 3px 0 0; }
body.theme-nerio .ticker {
    width: calc(100% - 32px);
    max-width: 1228px;
    margin: 0 auto;
    height: 44px;
    background: #ef4444;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}
body.theme-nerio .ticker-label {
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-weight: 800;
    letter-spacing: .12em;
    gap: 8px;
    padding: 0 18px;
    border-radius: 12px 0 0 12px;
}
body.theme-nerio .ticker-dot { background: #fff; animation: nerio-pulse 1.6s infinite; }
@keyframes nerio-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
body.theme-nerio .ticker-content a { color: #fff; font-weight: 600; }
body.theme-nerio .ticker-content a:hover { color: #fff; text-decoration: underline; }

/* ------------------------------------------------------------ Manşet bloğu */
body.theme-nerio .nerio-hero-wrap { background: var(--nerio-dark); padding: 3px 0 0; }
body.theme-nerio .nerio-hero {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 22px;
    position: relative;
    padding-bottom: 86px;
}
body.theme-nerio .nerio-lead {
    position: relative;
    min-height: 470px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
body.theme-nerio .nerio-lead img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}
body.theme-nerio .nerio-lead:hover img { transform: scale(1.04); }
body.theme-nerio .nerio-lead::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(17, 19, 24, .95) 0%, rgba(17, 19, 24, .6) 45%, rgba(17, 19, 24, 0) 100%),
        linear-gradient(0deg, rgba(17, 19, 24, .92) 0%, rgba(17, 19, 24, 0) 45%);
}
body.theme-nerio .nerio-lead-body {
    position: relative;
    z-index: 2;
    padding: 34px 38px 44px;
    max-width: 68%;
}
/* Baslik gorseli kaplamasin: akiskan punto + en fazla 3 satir */
body.theme-nerio .nerio-lead-body h2 {
    color: #fff;
    font-size: clamp(1.45rem, 2.05vw, 2rem);
    line-height: 1.18;
    letter-spacing: -.02em;
    margin: 12px 0 14px;
    font-weight: 800;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.theme-nerio .nerio-lead-body h2 a { color: inherit; }
body.theme-nerio .nerio-lead-body h2 a:hover { color: var(--accent-light); }

body.theme-nerio .nerio-tag {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 4px;
}
body.theme-nerio .nerio-tag-c1 { background: #d946ef; }
body.theme-nerio .nerio-tag-c2 { background: #f97316; }
body.theme-nerio .nerio-tag-c3 { background: #10b981; }
body.theme-nerio .nerio-tag-c4 { background: #3b82f6; }
body.theme-nerio .nerio-tag-c5 { background: #ef4444; }

body.theme-nerio .nerio-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #c2c9d4;
    font-size: .82rem;
}
body.theme-nerio .nerio-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: #6b7485; }
body.theme-nerio .nerio-btn {
    display: inline-block;
    margin-top: 20px;
    background: var(--accent);
    color: #fff;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: 8px;
    transition: filter .2s;
}
body.theme-nerio .nerio-btn:hover { filter: brightness(1.1); }

/* Son haberler paneli */
body.theme-nerio .nerio-side {
    background: var(--nerio-card-dark);
    border: 1px solid var(--nerio-line-dark);
    border-radius: 16px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
body.theme-nerio .nerio-side-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.theme-nerio .nerio-side-head h3 { color: #fff; font-size: 1.05rem; font-weight: 700; }
body.theme-nerio .nerio-side-head a { color: #9aa3b2; font-size: .8rem; }
body.theme-nerio .nerio-side-head a:hover { color: #fff; }
body.theme-nerio .nerio-side-item { display: flex; gap: 14px; align-items: flex-start; }
body.theme-nerio .nerio-side-item img {
    width: 78px;
    height: 78px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform .5s;
}
body.theme-nerio .nerio-side-item:hover img { transform: scale(1.08); }
body.theme-nerio .nerio-side-item h4 {
    color: #edf0f5;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 6px 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.theme-nerio .nerio-side-item:hover h4 { color: var(--accent-light); }
body.theme-nerio .nerio-side-item .nerio-mini-meta { color: #7f8899; font-size: .72rem; }
body.theme-nerio .nerio-side-cat {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* Manşetin üstüne taşan mini kartlar */
body.theme-nerio .nerio-float {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    z-index: 3;
}
body.theme-nerio .nerio-float-3 { grid-template-columns: repeat(3, 1fr); }
body.theme-nerio .nerio-float-2 { grid-template-columns: repeat(2, 1fr); }
body.theme-nerio .nerio-float-card {
    background: var(--nerio-card-dark);
    border: 1px solid var(--nerio-line-dark);
    border-radius: 14px;
    padding: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
body.theme-nerio .nerio-float-card img {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}
body.theme-nerio .nerio-float-card h4 {
    color: #edf0f5;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 4px 0 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.theme-nerio .nerio-float-card:hover h4 { color: var(--accent-light); }
body.theme-nerio .nerio-float-card .nerio-mini-meta { color: #7f8899; font-size: .68rem; }

/* ----------------------------------------------------------- İçerik bölümü */
body.theme-nerio main { background: var(--nerio-surface-2); }
body.theme-nerio .nerio-section { padding-top: 78px; }
body.theme-nerio .section-header {
    border: 0;
    align-items: center;
    margin-bottom: 20px;
}
body.theme-nerio .section-header h2 {
    background: transparent;
    color: var(--nerio-ink);
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -.01em;
    text-transform: none;
    clip-path: none;
    padding: 0;
}
body.theme-nerio .more-link {
    color: var(--nerio-ink-soft);
    font-weight: 600;
    font-size: .82rem;
    text-transform: none;
    letter-spacing: 0;
}
body.theme-nerio .more-link:hover { color: var(--accent); }

/* Büyük öne çıkan + yan liste */
body.theme-nerio .nerio-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    margin-bottom: 44px;
}
/* Dönüşümlü düzen: bir kategoride büyük görsel solda, sonrakinde sağda */
body.theme-nerio .nerio-split-rev { grid-template-columns: 1fr 2fr; }
body.theme-nerio .nerio-split-rev .nerio-big { order: 2; }
body.theme-nerio .nerio-split-rev .nerio-stack { order: 1; }
body.theme-nerio .nerio-big {
    position: relative;
    min-height: 400px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
body.theme-nerio .nerio-big img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s;
}
body.theme-nerio .nerio-big:hover img { transform: scale(1.05); }
body.theme-nerio .nerio-big::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 100%);
}
body.theme-nerio .nerio-big-body { position: relative; z-index: 2; padding: 30px; }
body.theme-nerio .nerio-big-body h3 {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.22;
    font-weight: 800;
    margin: 12px 0 14px;
}
body.theme-nerio .nerio-big-body h3 a { color: inherit; }
body.theme-nerio .nerio-big-body h3 a:hover { color: var(--accent-light); }

body.theme-nerio .nerio-stack { display: flex; flex-direction: column; justify-content: space-between; gap: 22px; }
body.theme-nerio .nerio-stack-item { display: flex; gap: 16px; }
body.theme-nerio .nerio-stack-item img {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform .5s;
}
body.theme-nerio .nerio-stack-item:hover img { transform: scale(1.06); }
body.theme-nerio .nerio-stack-item h4 {
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--nerio-ink);
    margin: 6px 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.theme-nerio .nerio-stack-item:hover h4 { color: var(--accent); }
body.theme-nerio .nerio-stack-item .nerio-mini-meta { color: var(--nerio-ink-soft); font-size: .76rem; font-weight: 500; }

/* Alt kart ızgarası */
body.theme-nerio .news-grid { gap: 30px; }
body.theme-nerio .news-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
body.theme-nerio .news-card:hover { transform: none; }
body.theme-nerio .card-thumb {
    height: 210px;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 14px;
}
body.theme-nerio .news-card:hover .card-thumb img { transform: scale(1.05); }
body.theme-nerio .card-badge {
    position: static;
    display: inline-block;
    margin-bottom: 8px;
    background: var(--accent);
    color: #fff;
    border-radius: 4px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    padding: 4px 9px;
}
body.theme-nerio .news-grid > .news-card:nth-child(3n+1) .card-badge { background: #f97316; }
body.theme-nerio .news-grid > .news-card:nth-child(3n+2) .card-badge { background: #d946ef; }
body.theme-nerio .news-grid > .news-card:nth-child(3n+3) .card-badge { background: #3b82f6; }
body.theme-nerio .card-body { padding: 0; }
body.theme-nerio .card-body h3 {
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.32;
    margin-bottom: 8px;
    color: var(--nerio-ink);
}
body.theme-nerio .card-body h3 a:hover { color: var(--accent); }
body.theme-nerio .card-excerpt { color: var(--nerio-ink-soft); font-size: .88rem; line-height: 1.6; }
body.theme-nerio .card-meta { color: var(--nerio-ink-soft); font-size: .76rem; margin-top: 10px; }

/* ------------------------------------------------------- Kenar çubuğu / iç sayfalar */
body.theme-nerio .widget {
    background: var(--nerio-surface);
    border: 1px solid var(--nerio-line);
    border-radius: 14px;
    box-shadow: none;
}
body.theme-nerio .widget-header {
    background: transparent;
    border-bottom: 1px solid var(--nerio-line);
    color: var(--nerio-ink);
    font-weight: 700;
    font-size: .9rem;
    text-transform: none;
    letter-spacing: 0;
}
body.theme-nerio .tr-num { color: var(--accent); font-weight: 800; }
body.theme-nerio .tr-text h5, body.theme-nerio .cat-item { color: var(--nerio-ink); }
body.theme-nerio .tr-meta, body.theme-nerio .cat-count { color: var(--nerio-ink-soft); }
body.theme-nerio .tag-item {
    background: var(--nerio-surface-2);
    border: 1px solid var(--nerio-line);
    border-radius: 999px;
    color: var(--nerio-ink-soft);
}
body.theme-nerio .tag-item:hover { background: var(--accent); border-color: var(--accent); color: #fff; }

body.theme-nerio .page-header h1 { font-size: 2rem; font-weight: 800; letter-spacing: -.02em; }
body.theme-nerio .article-header h1 { font-size: 2.3rem; font-weight: 800; line-height: 1.16; letter-spacing: -.02em; }
body.theme-nerio .category-badge { background: var(--accent); color: #fff; border-radius: 4px; letter-spacing: .1em; }
body.theme-nerio .article-content { font-size: 1.04rem; line-height: 1.8; color: var(--nerio-ink); }
body.theme-nerio .article-content h2 { font-weight: 800; letter-spacing: -.01em; }
body.theme-nerio .article-featured-image img { border-radius: 16px; }
body.theme-nerio .breadcrumb, body.theme-nerio .article-meta { color: var(--nerio-ink-soft); }
body.theme-nerio .news-list-item {
    background: var(--nerio-surface);
    border: 1px solid var(--nerio-line);
    border-radius: 14px;
}

/* Alt bilgi */
body.theme-nerio .footer { background: var(--nerio-dark); }
body.theme-nerio .footer h4 { color: #fff; font-weight: 700; letter-spacing: 0; text-transform: none; }
body.theme-nerio .f-links a { color: #9aa3b2; }
body.theme-nerio .f-links a:hover { color: #fff; }
body.theme-nerio .footer-bottom { border-top: 1px solid var(--nerio-line-dark); color: #7f8899; }

/* --------------------------------------------------------------- Duyarlılık */
@media (max-width: 1024px) {
    body.theme-nerio .nerio-hero { grid-template-columns: 1fr; padding-bottom: 18px; }
    /* Mini kartlar tablette taşmaz, normal akışta iki sütun olur */
    body.theme-nerio .nerio-float,
    body.theme-nerio .nerio-float-3,
    body.theme-nerio .nerio-float-2 {
        position: static;
        transform: none;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 4px;
    }
    body.theme-nerio .nerio-lead { min-height: 420px; }
    body.theme-nerio .nerio-lead-body { max-width: 100%; padding: 24px 26px 30px; }
    body.theme-nerio .nerio-lead-body h2 { font-size: 1.65rem; }
    body.theme-nerio .nerio-split,
    body.theme-nerio .nerio-split-rev { grid-template-columns: 1fr; gap: 24px; }
    body.theme-nerio .nerio-split-rev .nerio-big,
    body.theme-nerio .nerio-split-rev .nerio-stack { order: 0; }
    body.theme-nerio .nerio-section { padding-top: 34px; }
    body.theme-nerio .ticker { width: calc(100% - 28px); }
}
@media (max-width: 600px) {
    body.theme-nerio .nerio-float,
    body.theme-nerio .nerio-float-3,
    body.theme-nerio .nerio-float-2 { grid-template-columns: 1fr; }
    body.theme-nerio .ticker { height: 40px; border-radius: 10px; }
    body.theme-nerio .ticker-label { padding: 0 12px; font-size: .66rem; border-radius: 10px 0 0 10px; }
    body.theme-nerio .nerio-lead { min-height: 320px; }
    body.theme-nerio .nerio-lead-body { padding: 16px 18px 22px; }
    body.theme-nerio .nerio-lead-body h2 { font-size: 1.28rem; margin: 10px 0 12px; -webkit-line-clamp: 4; }
    body.theme-nerio .nerio-btn { padding: 10px 20px; font-size: .9rem; }
    body.theme-nerio .nerio-side { padding: 16px; }
    body.theme-nerio .nerio-side-item img { width: 66px; height: 66px; }
    body.theme-nerio .nerio-big { min-height: 300px; }
    body.theme-nerio .nerio-big-body { padding: 18px; }
    body.theme-nerio .nerio-big-body h3 { font-size: 1.15rem; }
    body.theme-nerio .nerio-stack-item img { width: 80px; height: 80px; }
    body.theme-nerio .card-thumb { height: 180px; }
    body.theme-nerio .article-header h1 { font-size: 1.55rem; }
}

/* Görsel yüklenemezse alt metnin başlığın üstüne binmesini engelle */
body.theme-nerio .nerio-lead img,
body.theme-nerio .nerio-big img,
body.theme-nerio .nerio-side-item img,
body.theme-nerio .nerio-float-card img,
body.theme-nerio .nerio-stack-item img { color: transparent; font-size: 0; }

/* =============================================================================
   Manset ust yazisi — kurumsal duzenleme
   Onceki hali: baslik 29px ve dar satir araligi, metin blogu mansetin %68'ini
   kapliyordu, kategori etiketi ise temanin donen renk paletinden (mor, turuncu,
   yesil...) rastgele bir renk aliyordu ve site markasiyla ilgisi yoktu.
   Burada uclu de sitenin kendi rengine ve daha sakin bir hiyerarsiye cekilir.
   ============================================================================= */

/* Metin blogu: gorsele nefes birak, alta yaslan */
body.theme-nerio .nerio-lead-body {
    max-width: 58%;
    padding: 34px 40px 38px;
}

/* Kategori etiketi: her zaman markanin vurgu rengi */
body.theme-nerio .nerio-lead .nerio-tag,
body.theme-nerio .nerio-lead .nerio-tag-c1,
body.theme-nerio .nerio-lead .nerio-tag-c2,
body.theme-nerio .nerio-lead .nerio-tag-c3,
body.theme-nerio .nerio-lead .nerio-tag-c4,
body.theme-nerio .nerio-lead .nerio-tag-c5 {
    background: var(--accent);
    color: var(--on-accent, #fff);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    padding: 6px 12px;
    border-radius: 3px;
}

/* Baslik: biraz kucuk, satir araligi acik, en fazla iki satir */
body.theme-nerio .nerio-lead-body h2 {
    font-size: clamp(1.25rem, 1.72vw, 1.7rem);
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: -.015em;
    margin: 16px 0 12px;
    -webkit-line-clamp: 2;
    text-wrap: balance;
}

/* Kunye satiri: geri planda kalsin */
body.theme-nerio .nerio-lead .nerio-meta {
    font-size: .78rem;
    color: rgba(255, 255, 255, .62);
    gap: 8px;
}
body.theme-nerio .nerio-lead .nerio-meta .dot {
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, .38);
}

/* Dugme: daha hafif, oku isaretiyle yon duygusu */
body.theme-nerio .nerio-btn {
    margin-top: 18px;
    padding: 10px 20px;
    font-size: .86rem;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: .01em;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    transition: filter .18s, transform .18s;
}
body.theme-nerio .nerio-btn::after {
    content: " →";
    opacity: .75;
}
body.theme-nerio .nerio-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* Gorsel uzerindeki karartma: yazinin oturdugu sol alt bolgede biraz daha guclu,
   sag ustteki kategori rozetinin oldugu alanda ise acik kalsin */
body.theme-nerio .nerio-lead::after {
    background:
        linear-gradient(90deg, rgba(10, 12, 16, .93) 0%, rgba(10, 12, 16, .55) 52%, rgba(10, 12, 16, .05) 100%),
        linear-gradient(0deg, rgba(10, 12, 16, .88) 0%, rgba(10, 12, 16, 0) 52%);
}

@media (max-width: 1024px) {
    body.theme-nerio .nerio-lead-body {
        max-width: 100%;
        padding: 24px 26px 28px;
    }
    body.theme-nerio .nerio-lead-body h2 { font-size: 1.4rem; margin: 12px 0 10px; }
}
@media (max-width: 600px) {
    body.theme-nerio .nerio-lead-body h2 { font-size: 1.22rem; -webkit-line-clamp: 3; }
    body.theme-nerio .nerio-btn { padding: 9px 17px; font-size: .82rem; }
}

/* -----------------------------------------------------------------------------
   Manset yerlesimi: baslik solda tek satir, dugme sag altta
   Baslik ile dugme ayni satirda durur; baslik sigmazsa dugmeye degmeden
   uc nokta ile kesilir (grid sutunu minmax(0,1fr) oldugu icin tasma olmaz).
   -------------------------------------------------------------------------- */
body.theme-nerio .nerio-lead-body {
    max-width: 100%;
    padding: 30px 34px 22px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 28px;
    align-items: end;
}

/* Kategori etiketi: basligin sol ustunde kalir */
body.theme-nerio .nerio-lead-body > .nerio-tag {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
}

/* Baslik: tek satir, tasarsa uc nokta */
body.theme-nerio .nerio-lead-body h2 {
    grid-column: 1;
    grid-row: 2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: none;
    margin: 12px 0 8px;
    line-height: 1.26;
}

body.theme-nerio .nerio-lead-body .nerio-meta {
    grid-column: 1;
    grid-row: 3;
}

/* Dugme: basligin tam hizasinda, sagda. Metin blogu zaten mansetin altina
   yaslandigi icin dugme de sag altta duruyor. */
body.theme-nerio .nerio-lead-body .nerio-btn {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    margin-top: 0;
    white-space: nowrap;
}

/* Dar ekranlarda alt alta: baslik iki satir, dugme altta */
@media (max-width: 860px) {
    body.theme-nerio .nerio-lead-body {
        grid-template-columns: minmax(0, 1fr);
        padding: 22px 22px 20px;
    }
    body.theme-nerio .nerio-lead-body h2 {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    body.theme-nerio .nerio-lead-body .nerio-btn {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
        margin-top: 14px;
    }
}

/* -----------------------------------------------------------------------------
   Manset her zaman 16:9
   Yan panel uzun oldugunda izgara satiri buyuyor, manset gorseli de dikey
   kirpilip kutu gibi gorunuyordu. Manset artik en-boy oranini kendisi
   dayatiyor; yan panel tasarsa kendi icinde kirpilir.
   -------------------------------------------------------------------------- */
body.theme-nerio .nerio-lead {
    aspect-ratio: 16 / 9;
    min-height: 0;
}
body.theme-nerio .nerio-side {
    align-self: stretch;
    overflow: hidden;
}

@media (max-width: 1024px) {
    body.theme-nerio .nerio-lead { aspect-ratio: auto; min-height: 420px; }
    body.theme-nerio .nerio-side { overflow: visible; }
}
@media (max-width: 600px) {
    body.theme-nerio .nerio-lead { min-height: 320px; }
}