/* 
Theme Name: Linux Zümrüt
Theme URI: https://example.com/linux-zumrut
Author: Linux Themes
Author URI: https://example.com
Description: Zümrüt yeşili odaklı, sade ve premium gölgeli arayüz. İslami yeşil tonları, altın vurgular, temiz tipografi.
Version: 4.4.0
Text Domain: linux-zumrut
Tags: blog, emerald, green, islamic, gradient, responsive
*/

:root{
  --ink:#0a1612;
  --bg:#08110d;
  --panel:#0e1b15;
  --muted:#bfe3cd;
  --bd:1px solid rgba(255,255,255,.12);
  --radius:22px;
  --ring:0 18px 46px rgba(0,0,0,.5);
  --accent:#22c55e;
  --accent-2:#eab308;
}

/* RAINBOWS */
@keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.rainbow{background:linear-gradient(90deg,#22c55e,#34d399,#a3e635,#eab308,#22c55e);background-size:300% 300%;animation:rainbowMove 12s linear infinite}
.rainbow-soft{background:linear-gradient(90deg,#16a34a,#22c55e,#84cc16,#facc15);background-size:300% 300%;animation:rainbowMove 16s linear infinite}
.text-rainbow{background:linear-gradient(90deg,#22c55e,#34d399,#a3e635,#eab308,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:rainbowMove 10s linear infinite}

/* BASE */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;color:#efeaff;font:16px/1.75 "Poppins",system-ui,Segoe UI,Roboto; background:radial-gradient(1200px 800px at 90% -10%, rgba(34,197,94,.08), transparent), var(--bg); overflow-x:hidden}
a{color:#b5c7ff;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{width:min(1220px,92%);margin-inline:auto}
.card{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:var(--bd);border-radius:var(--radius);box-shadow:var(--ring)}
.card.p{padding:24px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:16px;font-weight:900;border:1px solid rgba(255,255,255,.22);color:#070512;background:#fff;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(90deg,#16a34a,#ffb84d,#fff16b,#6bffb0,#6bfff6,#6bb0ff,#b06bff,#ff6bf2,#16a34a);background-size:250% 250%;animation:rainbowMove 10s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.btn.primary{background:#0f0b2a;color:#fff}
.input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff}

/* HEADER — massive rainbow band + neon nav */
.header-band{position:relative}
.header-band .rb{height:14px}
.header-main{backdrop-filter:blur(14px) saturate(160%);background:rgba(10,8,30,.6);border-bottom:1px solid rgba(255,255,255,.12)}
.brandline{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:90px}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#070512;font-weight:900}
.brand .logo.rainbow{box-shadow:0 10px 30px rgba(151,117,250,.4)}
.brand .name{font-weight:900;letter-spacing:.2px}
.quick-cta{display:flex;gap:10px;flex-wrap:wrap}

.nav-pills{background:rgba(10,8,30,.6);backdrop-filter:blur(12px) saturate(160%);border-top:1px solid rgba(255,255,255,.10)}
.menu-pills{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;margin:0;padding:10px 0}
.menu-pills>li>a{display:inline-block;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;transition:transform .2s, background .2s}
.menu-pills>li>a:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.menu-pills>li.current-menu-item>a,.menu-pills>li.current_page_item>a{background:#0f0b2a;border-color:rgba(255,255,255,.22);position:relative;overflow:hidden}
.menu-pills>li.current-menu-item>a:after,.menu-pills>li.current_page_item>a:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px}
.menu-pills>li.current-menu-item>a:after,.menu-pills>li.current_page_item>a:after{background:linear-gradient(90deg,#16a34a,#ffb84d,#fff16b,#6bffb0,#6bfff6,#6bb0ff,#b06bff,#ff6bf2,#16a34a);background-size:250% 250%;animation:rainbowMove 10s linear infinite}

/* ===== ZÜMRÜT HERO – emerald glass + motif + simetrik ===== */
.zum-hero{position:relative;padding:22px 0}
.zum-hero .container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Büyük kart – emerald cam + konik altın vurgulu kenar */
.zum-card{
  position:relative; isolation:isolate; overflow:hidden; border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), #0f1713;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 60px rgba(3,14,9,.55), inset 0 1px 0 rgba(255,255,255,.05);
}
/* İnce konik vurgu */
.zum-card::before{
  content:""; position:absolute; inset:-1px; border-radius:26px; padding:1px;
  background:conic-gradient(from 0deg, #22c55e, #84cc16, #a3e635, #eab308, #22c55e);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:.42; pointer-events:none;
}
/* Hafif İslami motif (çok silik) – SVG pattern */
.zum-card::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.06; mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 0l10 20 20 10-20 10-10 20-10-20-20-10 20-10z' fill='%23ffffff' opacity='.45'/%3E%3C/svg%3E");
  background-size:220px 220px;
}

/* İç grid – paneller aynı yükseklikte */
.zum-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;padding:24px}
@media (max-width:980px){.zum-grid{grid-template-columns:1fr}}

/* Paneller (sol/sağ) – eşit ölçü ve ortalama */
.zum-pane{
  display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:260px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;padding:18px;
  box-shadow:0 12px 34px rgba(3,14,9,.46), inset 0 1px 0 rgba(255,255,255,.05);
}

/* Başlık ve alt yazı */
.zum-title{margin:0;font:900 36px/1.15 system-ui,-apple-system,Segoe UI,Roboto;letter-spacing:.2px;color:#eaf1fb}
.zum-title .rbw{background:linear-gradient(90deg,#22c55e,#84cc16,#a3e635,#eab308);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.zum-lead{margin:4px 0 10px;color:rgba(222,247,229,.9);font:600 15px/1.7 system-ui,-apple-system,Segoe UI,Roboto}

/* Rozetler */
.z-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.z-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  font:800 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto;color:#062016;
  background:linear-gradient(180deg,#e8fff2,#fafee8);
  border:1px solid rgba(34,197,94,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px rgba(0,0,0,.10)
}

/* Form */
.z-row{display:grid;grid-template-columns:1fr;gap:10px}
.z-input{
  width:100%;padding:12px;border-radius:12px;background:#0b1410;border:1px solid rgba(34,197,94,.15);
  color:#eaf1fb;font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto;outline:none
}
.z-input:focus{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 6px rgba(34,197,94,.10)}

/* Butonlar */
.z-actions{display:flex;gap:10px;flex-wrap:wrap}
.zbtn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;text-decoration:none;cursor:pointer;
  border:1px solid rgba(255,255,255,.12);font:900 13px/1 system-ui,-apple-system,Segoe UI,Roboto;color:#eaf1fb;background:transparent;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.zbtn:hover{border-color:rgba(34,197,94,.35)}
.zbtn.primary{
  background:linear-gradient(135deg,#22c55e,#84cc16,#eab308);
  color:#0b120e;border-color:transparent;box-shadow:0 10px 26px rgba(34,197,94,.28)
}
.zbtn.ghost{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
@media (max-width:600px){.zum-title{font-size:28px}.zum-pane{min-height:220px}}


/* RAINBOW STRIPED POSTS — completely different look */
.section{padding:48px 0}
.section .title{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.title .dot{width:12px;height:12px;border-radius:999px}
.title .dot.rainbow{box-shadow:0 0 18px rgba(255,255,255,.4)}

.posts-list{display:grid;grid-template-columns:1fr;gap:18px}
.post-stripe{display:grid;grid-template-columns: 14px 1fr;gap:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))}
.post-stripe .bar{min-height:100%;}
.post-stripe .content{display:grid;grid-template-columns: clamp(260px, 40vw, 520px) minmax(0,1fr);gap:16px;padding:16px}
@media(max-width:860px){.post-stripe .content{grid-template-columns:1fr}}
.post-stripe .thumb.ratio{position:relative;border-radius:14px;overflow:hidden;background:#0f0b2a}
.post-stripe .thumb.ratio::before{content:"";display:block;padding-top:56.25%}
.post-stripe .thumb.ratio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post-stripe .meta{color:#d2ccff;font-size:13px}
.post-stripe .title{font-size:24px;margin:4px 0 6px}
.post-stripe .excerpt{color:#e9e5ff}
.post-stripe .actions{display:flex;gap:10px;align-items:center;margin-top:10px}
.category-pill{display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);margin-bottom:6px}

/* INFO tiles */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:980px){.info-grid{grid-template-columns:1fr}}
.info-card .head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:900}
.info-card p{margin:0}

/* FOOTER */
.site-footer{margin-top:16px;border-top:8px solid transparent;border-image:linear-gradient(90deg,#16a34a,#ffb84d,#fff16b,#6bffb0,#6bfff6,#6bb0ff,#b06bff,#ff6bf2,#16a34a) 1}
.footer-top{background:rgba(10,8,30,.6);backdrop-filter:blur(10px);padding:28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-top .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}
@media(max-width:980px){.footer-top .cols{grid-template-columns:1fr 1fr}}
.footer-bot{background:#0f0b2a;padding:14px 0;color:#dcd6ff;text-align:center;font-size:13px;border-top:1px solid rgba(255,255,255,.12)}

html,body{width:100%;overflow-x:hidden}
.container{width:100%;max-width:1220px;margin:0 auto;padding:0 16px}
.entry-content img{max-width:100%;height:auto}


/* Tekil yazı sayfası grid */
.container.post-view{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px; /* << taşmayı önler */
  gap:22px;
  align-items:start;
}
@media (max-width: 980px){
  .container.post-view{ grid-template-columns:1fr; }
}

/* Sidebar listelerini sadeleştir */
.list-plain{ list-style:none; margin:0; padding-left:0; display:grid; gap:8px; }

/* İçerik taşmalarını önle */
.entry-content, .comments-card{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.entry-content img, .entry-content video, .entry-content iframe{
  max-width:100%; height:auto; display:block;
}

/* WordPress yorum alanı düzeltmeleri */
.comments-card .comment-list,
.comments-card .children{
  list-style:none;
  margin:0;
  padding-left:0;
}
.comments-card .children{ margin-left:18px; } /* iç içe yorumlar için küçük ofset */

.comments-card .comment-body{ overflow-wrap:anywhere; }
.comments-card .comment-meta{ font-size:13px; opacity:.8; }

/* Form inputları yüzde 100 iken taşmasın */
.comments-card .comment-form input[type="text"],
.comments-card .comment-form input[type="email"],
.comments-card .comment-form input[type="url"],
.comments-card .comment-form textarea{
  width:100%;
  box-sizing:border-box;        /* << kritik */
  max-width:100%;
}

/* Captcha/checkbox satırları hizalansın */
.comments-card .comment-form p{
  margin:0 0 12px;
}
.comments-card .comment-form .form-submit{
  margin-top:8px;
}

/* Büyük avatarlar taşma yapıyorsa */
.comments-card .avatar{
  width:40px; height:40px; border-radius:50%;
}





/* ===== CHANX v2 — Şık Kanal Kartları (ikon + adaptive counter) ===== */
.chanx-wrap{max-width:980px;margin:28px auto;padding:0 16px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}

.chanx-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.chanx-head .icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  font-size:16px;color:#061b13;background:linear-gradient(180deg,#e7f2ff,#fff6e0);
  border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),
  0 6px 16px rgba(0,0,0,.08)}
.chanx-head h3{margin:0;font:800 20px/1.2 system-ui,-apple-system,Segoe UI,Roboto;color:#eaf1fb;letter-spacing:.2px}
.chanx-desc{margin:.25rem 0 1rem;color:rgba(234,241,251,.7);font:500 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto}

/* Grid */
.chanx-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* Kart + ince gradient çerçeve */
.chanx-card{
  --accent:#22c55e; /* default, kanal sınıfı ile override */
  position:relative;border-radius:16px;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 28px rgba(2,6,23,.36);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.chanx-card::before{ /* pastel, çok ince border glow */
  content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.45;
}
.chanx-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(2,6,23,.45);border-color:rgba(125,211,252,.28)}

/* İç düzen */
.chanx-inner{padding:14px}
.chanx-row{display:flex;align-items:center;gap:12px;justify-content:space-between}
.chanx-left{display:flex;align-items:center;gap:10px;min-width:0}

/* İkon rozeti — kanala göre renklenir */
.chanx-badge{
  min-width:44px;min-height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#071b13;
  background:linear-gradient(180deg, color-mix(in oklab, var(--accent), #fff 35%), color-mix(in oklab, var(--accent), #000 30%));
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(0,0,0,.10);
}

.chanx-name{font:800 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto;color:#eaf1fb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.chanx-sub{margin:6px 0 0;color:rgba(234,241,251,.65);font:600 12px/1.3 system-ui,-apple-system,Segoe UI,Roboto}

/* Sayaç */
.chanx-counter{
  min-width:92px;text-align:right;
  font:900 20px/1.1 system-ui,-apple-system,Segoe UI,Roboto;color:#c9f5e0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
  padding:8px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.06)
}
.chanx-counter small{display:block;margin-top:3px;font:600 11px/1.2 system-ui,-apple-system,Segoe UI,Roboto;color:rgba(234,241,251,.6)}
.chanx-pop{animation:chanx-pop .25s ease}
@keyframes chanx-pop{0%{transform:scale(1)}60%{transform:scale(1.08)}100%{transform:scale(1)}}

/* Adaptive: mobilde sayaç ALTTA */
@media (max-width:640px){
  .chanx-row{flex-direction:column;align-items:flex-start}
  .chanx-counter{text-align:left}
}

/* ==== Kanal bazlı renkler ==== */
.chanx-card.is-sohbet{--accent:#22c55e;}   /* yeşil */
.chanx-card.is-radyo{--accent:#16a34a;}    /* mavi */
.chanx-card.is-oyun{--accent:#f59e0b;}     /* kehribar */
.chanx-card.is-diyalog{--accent:#a78bfa;}  /* mor */
.chanx-card.is-zurna{--accent:#fb7185;}    /* pembe-kırmızı */
.chanx-card.is-eglence{--accent:#f472b6;}  /* eğlence (pembe) */



/* ===== RAINBOW HERO ===== */
.rain-hero{position:relative;padding:18px 0}
.rain-hero .container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Dış kart – animasyonlu gökkuşağı kenar + simetrik grid */
.rain-card{
  position:relative; isolation:isolate; border-radius:22px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), #0f1622;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 54px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Gökkuşağı kenar (yumuşak animasyon) */
.rain-card::before{
  content:""; position:absolute; inset:-1px; border-radius:24px; padding:1px;
  background:conic-gradient(from 0deg,
    #22c55e, #eab308, #6dff8b, #5ecbff, #84cc16, #22c55e);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:.55; pointer-events:none;
  animation:rbw-rot 14s linear infinite;
}
@keyframes rbw-rot{to{transform:rotate(360deg)}}

/* İç grid: iki sütun; paneller aynı yükseklikte */
.rain-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:stretch;
  padding:22px;
}
@media (max-width:980px){.rain-grid{grid-template-columns:1fr}}

/* İç paneller – cam efekti kutular (ikisi de aynı padding ve min-height) */
.rain-pane{
  display:flex; flex-direction:column; justify-content:center; gap:14px;
  min-height:260px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.00));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; padding:18px;
  box-shadow:0 12px 32px rgba(2,6,23,.38), inset 0 1px 0 rgba(255,255,255,.05);
}

/* Başlık ve lead */
.rain-title{margin:0; font:900 36px/1.15 system-ui,-apple-system,Segoe UI,Roboto; letter-spacing:.2px}
.rain-title .rbw{
  background:linear-gradient(90deg,#ff7ad9,#7ad7ff,#6dff8b,#eab308);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.rain-title strong{color:#eaf1fb}
.rain-lead{margin:4px 0 10px; color:rgba(234,241,251,.82); font:600 15px/1.7 system-ui,-apple-system,Segoe UI,Roboto}

/* Rozetler (kısa faydalar) */
.rain-badges{display:flex; flex-wrap:wrap; gap:8px}
.rain-badge{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  font:800 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto; color:#061b13;
  background:linear-gradient(180deg,#e7f2ff,#fff6e0);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(0,0,0,.10);
}

/* Form alanları – sade */
.rain-row{display:grid; grid-template-columns:1fr; gap:10px}
.rain-input{
  width:100%; padding:12px; border-radius:12px; background:#0a1019;
  border:1px solid rgba(255,255,255,.10); color:#eaf1fb;
  font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto; outline:none;
}
.rain-input:focus{border-color:rgba(125,211,252,.35); box-shadow:0 0 0 6px rgba(125,211,252,.08)}

/* Butonlar – rainbow vurgulu */
.rain-actions{display:flex; gap:10px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:12px;
  border:1px solid rgba(255,255,255,.12); text-decoration:none; cursor:pointer;
  font:900 13px/1 system-ui,-apple-system,Segoe UI,Roboto; color:#eaf1fb; background:transparent;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}
.btn:hover{border-color:rgba(125,211,252,.35)}
.btn.primary{
  background:linear-gradient(135deg,#ff7ad9,#7ad7ff,#6dff8b,#eab308);
  background-size:300% 300%;
  color:#0a0e13; border-color:transparent;
  box-shadow:0 10px 28px rgba(127, 200, 255, .32), inset 0 1px 0 rgba(255,255,255,.5);
  animation:btn-sheen 6s ease infinite;
}
@keyframes btn-sheen{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.btn.ghost{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

/* Alt küçük bilgi satırı (opsiyonel) */
.rain-note{margin-top:4px; color:rgba(234,241,251,.7); font:600 12px/1.5 system-ui,-apple-system,Segoe UI,Roboto}

/* Mobil uyum: başlık boyutu küçülür, min-height korunur → simetri bozulmaz */
@media (max-width:600px){
  .rain-title{font-size:28px}
  .rain-pane{min-height:220px}
}



/* ===== Linux Zümrüt Header/Footer ===== */
.lz-header .lz-topbar{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), var(--bg); border-bottom:1px solid rgba(255,255,255,.08)}
.lz-bar{display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:14px 0}
.lz-brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none}
.lz-brand .lz-name{font:900 18px/1 system-ui,-apple-system,Segoe UI,Roboto; color:#eaf1fb; letter-spacing:.2px}
.lz-logo{display:inline-grid; place-items:center; width:28px; height:28px; border-radius:10px; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.16)}
.lz-nav .lz-menu{list-style:none; margin:0; padding:0; display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-start}
.lz-nav .lz-menu a{display:inline-flex; align-items:center; padding:10px 12px; border-radius:10px; text-decoration:none; font:800 13px/1 system-ui,-apple-system,Segoe UI,Roboto; color:#dff7ea; border:1px solid transparent; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))}
.lz-nav .lz-menu a:hover{border-color:rgba(125,211,252,.28)}
.lz-btn{display:inline-flex; align-items:center; padding:12px 14px; border-radius:12px; text-decoration:none; font:900 13px/1; border:1px solid rgba(255,255,255,.12); color:#09301f}
.lz-btn.lz-primary{background:linear-gradient(135deg, #22c55e, #a3e635, #eab308); border-color:transparent; box-shadow:0 10px 26px rgba(34,197,94,.28)}

.lz-main{min-height:40vh}

/* Footer */
.lz-footer{margin-top:28px; border-top:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--bg)}
.lz-footgrid{display:grid; grid-template-columns:2fr 1fr 1fr; gap:18px; padding:20px 0}
@media (max-width:800px){.lz-footgrid{grid-template-columns:1fr}}
.lz-footcol h4{margin:0 0 8px; font:900 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto; color:#f0ffe9; letter-spacing:.2px}
.lz-footmenu{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.lz-footmenu a{color:#d0f6df; text-decoration:none; font-weight:700}
.lz-footmenu a:hover{text-decoration:underline}
.lz-about{color:#bfe3cd; max-width:40ch}
.lz-copy{border-top:1px solid rgba(255,255,255,.08); padding:10px 0; text-align:center; color:#bfe3cd}

/* ===================== ZEN HERO (tamamen yeni tasarım) ===================== */
.zen-hero{position:relative;padding:28px 0}
.zen-hero .container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Arkada zarif aurora dalgaları (çok hafif) */
.zen-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background: radial-gradient(900px 500px at 85% -10%, rgba(72,187,120,.10), transparent 60%),
              radial-gradient(600px 400px at 10% 110%, rgba(234,179,8,.08), transparent 60%);
  opacity:.9;
}

/* Ana kart: ince çerçeve, cam görünüm, rafine gölge */
.zen-card{
  position:relative;z-index:1;isolation:isolate;overflow:hidden;border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), #0f1512;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(3,12,8,.55), inset 0 1px 0 rgba(255,255,255,.06);
}
/* İnce renk çizgisi (üst kenar) */
.zen-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#22c55e,#84cc16,#eab308);
  opacity:.7
}

/* Simetrik grid */
.zen-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;padding:26px}
@media(max-width:980px){.zen-grid{grid-template-columns:1fr}}

/* Paneller */
.zen-pane{
  display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:280px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;
  box-shadow:0 10px 30px rgba(3,12,8,.42), inset 0 1px 0 rgba(255,255,255,.05);
}

/* Tipografi: zarif başlık + dengeli alt metin */
.zen-eyebrow{font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto;letter-spacing:.18em;text-transform:uppercase;color:#aee6c4;opacity:.9}
.zen-title{margin:0;color:#ecfff4;font:800 38px/1.12 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
.zen-title .accent{
  background:linear-gradient(90deg,#22c55e,#84cc16,#a3e635,#eab308);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.zen-lead{margin:2px 0 6px;color:rgba(224,245,233,.9);font:500 15px/1.8 system-ui,-apple-system,Segoe UI,Roboto}

/* Minik fayda satırı (noktalı) */
.zen-points{display:grid;gap:8px;margin-top:6px}
.zen-point{display:flex;align-items:center;gap:10px;color:#d8f5e6;font:600 13px/1.6 system-ui}
.zen-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}

/* Form (kutu içinde, sade) */
.zen-row{display:grid;grid-template-columns:1fr;gap:12px}
.zen-input{
  width:100%;padding:12px 13px;border-radius:12px;background:#0b1410;border:1px solid rgba(34,197,94,.16);
  color:#eaf1fb;font:600 14px/1.2 system-ui;outline:none;transition:border-color .15s ease, box-shadow .15s ease
}
.zen-input:focus{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 6px rgba(34,197,94,.10)}

/* Butonlar – minimal lüks */
.zen-actions{display:flex;gap:10px;flex-wrap:wrap}
.zbtn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;text-decoration:none;cursor:pointer;
  border:1px solid rgba(255,255,255,.12);font:900 13px/1 system-ui;color:#ecfff4;background:transparent;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.zbtn:hover{border-color:rgba(34,197,94,.35)}
.zbtn.primary{
  background:linear-gradient(135deg,#22c55e,#84cc16,#eab308);
  color:#09130e;border-color:transparent;box-shadow:0 10px 26px rgba(34,197,94,.28)
}
.zbtn.ghost{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02))}

/* Küçülen başlıklar */
@media(max-width:600px){.zen-title{font-size:30px}.zen-pane{min-height:230px}}




/* ====== OVERRIDES: Posts grid 2-col + Emerald channel colors + Rainbow hero tune ====== */

/* 1) "En Son Yazılar"  → 2 kolon (>= 900px) */
.posts-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
@media (max-width: 900px){
  .posts-list{ grid-template-columns:1fr; }
}

/* Kart içi “stripe” yerleşimini karta uygunlaştır (daha kompakt) */
.posts-list .post-stripe{
  grid-template-columns:8px 1fr;              /* yan şerit daha ince */
  border-radius:16px;
}
.posts-list .post-stripe .content{
  grid-template-columns:1fr;                  /* liste kartında tek sütun */
  gap:12px;
  padding:14px;
}
.posts-list .post-stripe .title{ font-size:20px; margin:2px 0 4px; }
.posts-list .post-stripe .meta{ font-size:12px; opacity:.9; }
.posts-list .post-stripe .excerpt{ font-size:14px; line-height:1.6; }

/* 2) Üst “Sohbet Alanı / Kanallar” renklerini zümrüt palete sabitle */
.chanx-head .icon{
  background:linear-gradient(180deg,#def7ea,#f7fee7);
  color:#062016;
  border-color:rgba(34,197,94,.35);
}
/* kart genel tonu */
.chanx-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border:1px solid rgba(34,197,94,.14);
  box-shadow:0 10px 28px rgba(5,46,22,.35);
}
.chanx-card::before{
  background:linear-gradient(135deg, rgba(34,197,94,.22), rgba(255,255,255,0));
  opacity:.35;
}
.chanx-badge{
  background:linear-gradient(180deg, color-mix(in oklab, var(--accent), #fff 30%), color-mix(in oklab, var(--accent), #000 25%));
  border-color:rgba(255,255,255,.55);
  color:#072015;
}
.chanx-counter{
  color:#def7e5; /* daha yeşil uyumlu */
  border-color:rgba(34,197,94,.16);
}
.chanx-name{ color:#e8ffee; }
.chanx-sub{ color:rgba(222,247,229,.8); }

/* Kanal bazlı renkleri tek palete yaklaştır (tamamen yeşil varyantlar) */
.chanx-card.is-sohbet { --accent:#22c55e; }  /* zümrüt */
.chanx-card.is-radyo  { --accent:#16a34a; }  /* koyu yeşil */
.chanx-card.is-oyun   { --accent:#65a30d; }  /* zeytin/limon yeşili */
.chanx-card.is-diyalog{ --accent:#059669; }  /* teal-yeşil */
.chanx-card.is-zurna  { --accent:#10b981; }  /* jade */
.chanx-card.is-eglence{ --accent:#84cc16; }  /* lime */

/* 3) Üst rainbow hero’yu zümrüt ağırlıklı yap */
.rain-card{ background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)), #0e1713; }
.rain-card::before{
  background:conic-gradient(from 0deg, #22c55e, #84cc16, #a3e635, #eab308, #22c55e);
  opacity:.48;
}
.rain-title .rbw{
  background:linear-gradient(90deg,#22c55e,#84cc16,#a3e635,#eab308);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.btn.primary{
  background:linear-gradient(135deg,#22c55e,#84cc16,#eab308);
  color:#0a0f0c;
  box-shadow:0 10px 26px rgba(34,197,94,.28);
}
.rain-badge{
  background:linear-gradient(180deg,#e8fff2,#fafee8);
  color:#062016;
  border-color:rgba(34,197,94,.25);
}
.rain-input{
  background:#0b1410;
  border:1px solid rgba(34,197,94,.15);
}
.rain-input:focus{
  border-color:rgba(34,197,94,.45);
  box-shadow:0 0 0 6px rgba(34,197,94,.10);
}

/* ===== Zen Hero: Sağ kenar boyunca dikey kadın görseli ===== */
.zen-pane.has-figure{ position:relative; overflow:hidden; }



/* Paneli tamamen kaplayan görsel */
.zen-pane.has-figure::after{
  background-blend-mode:soft-light;
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--pane-figure, none);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  opacity:.32; /* önce .18 idi → daha görünür yaptık */
  filter: grayscale(8%) contrast(1.05) saturate(.95);
  pointer-events:none;
  z-index:0;
}

/* Önceki kenar maskesi artık yok */
.zen-pane.has-figure::before{
  display:none;
}

/* İçerik üstte */
.zen-pane.has-figure > *{
  position:relative;
  z-index:1;
}

/* Responsive ayarlar */
@media (max-width: 980px){
  .zen-pane.has-figure::after{
    right:-12%;
    width:min(50%, 420px);
    opacity:.14;
  }
  .zen-pane.has-figure::before{
    right:-12%; width:min(50%, 420px);
  }
}
@media (max-width: 640px){
  /* Mobilde gerekirse tamamen gizle */
  .zen-pane.has-figure::after,
  .zen-pane.has-figure::before{ display:none; }
}