/*
Theme Name: Linux V1 (V6.4 Purple Neon)
Version: 1.6.4
Text Domain: linuxv1
*/
:root{
  --bg1:#2b0b49;
  --bg2:#15062b;
  --text:#f8f7fb;
  --muted:#cfd2de;
  --border:#3f2a66;
  --gold:#ffcf52;
  --accent-pink:#ff3b8d;
  --accent-orange:#ff8a00;
  --radius:22px;
  --shadow:0 18px 40px rgba(12,6,28,.40), 0 6px 18px rgba(5,2,14,.30);
  --hero-img:url('https://images.unsplash.com/photo-1545239351-1141bd82e8a6?q=80&w=1600&auto=format&fit=crop');
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.75 "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu;
  background:
    radial-gradient(1200px 520px at 15% 0%, rgba(255,60,141,.12), transparent 60%),
    radial-gradient(1100px 520px at 85% 0%, rgba(255,138,0,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2) 70%);
  color:var(--text);
}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,92%);margin-inline:auto}
.grid{display:grid;gap:18px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow)}
.card.p{padding:22px}
.input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);color:var(--text)}
.input::placeholder{color:#e4dff2cc}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;letter-spacing:.2px;transition:.2s ease all}
.btn.block{width:100%;justify-content:center}
.btn.primary{
  background:linear-gradient(90deg, var(--accent-pink) 10%, var(--accent-orange) 50%, #ffb03a 100%);
  color:#fff; box-shadow:0 10px 26px rgba(255,138,0,.28);
}
.btn.primary:hover{filter:brightness(1.08)}
.btn.alt{background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));color:#fff;border:1px solid rgba(255,255,255,.20)}

.topband{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(120px 120px at 30% 20%, #fff2b1, #f2c14e);color:#2d1b00;font-weight:900;border:1px solid #f6d980}
.brand .name{font-weight:900;letter-spacing:.2px}
.nav ul{list-style:none;display:flex;gap:10px;margin:0;padding:0}
.nav a{display:inline-block;padding:10px 14px;border-radius:999px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.nav a:hover{border-color:rgba(255,255,255,.34);transform:translateY(-1px)}

.hero{padding:42px 0 34px; position:relative}
.hero-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:stretch}
@media (max-width: 1024px){ .hero-grid{ grid-template-columns:1fr } }
.hero .hero-card{position:relative;max-width:none}
.hero .hero-bg{position:absolute; inset:-10%; z-index:0; background: var(--hero-img) center/cover no-repeat; opacity:.26; filter: blur(8px) saturate(.95) brightness(.85); transform: scale(1.06); pointer-events:none}
.hero .hero-overlay{position:absolute; inset:0; z-index:1; background: linear-gradient(180deg, rgba(11,6,24,.50), rgba(11,6,24,.70))}
.hero .hero-content{position:relative; z-index:2}
.hero-left{position:relative; display:grid; gap:14px; z-index:0}
.hero-left::before,
.hero-left::after{content:""; position:absolute; inset:-10%; pointer-events:none; z-index:0;
  background:
    radial-gradient(280px 200px at 20% 10%, rgba(255,60,141,.20), transparent 60%),
    radial-gradient(360px 240px at 85% 0%, rgba(255,138,0,.18), transparent 62%),
    radial-gradient(520px 360px at 50% -20%, rgba(255,207,82,.10), transparent 70%);
  filter: blur(14px); opacity:.55}
.hero-left::after{transform: rotate(8deg) translateY(-6px); opacity:.35}
.feature-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}
.feature-card .fi{flex:0 0 44px; height:44px; display:grid; place-items:center; border-radius:12px;
  background:radial-gradient(60px 60px at 30% 20%, rgba(255,207,82,.65), rgba(255,138,0,.45));
  color:#2a1500; font-weight:900; font-size:18px; border:1px solid rgba(255,255,255,.25)}
.feature-card .fx h3{margin:0 0 4px; font-size:16px; line-height:1.2; color:#fff}
.feature-card .fx p{margin:0; font-size:13px; line-height:1.6; color:#e6e0f3}

/* below-hero split: left categories + right 2x2 posts */
.section{padding:42px 0}
.section.tight{padding-top:28px}
.home-split{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
@media(max-width:1000px){.home-split{grid-template-columns:1fr}}
.sidebar-card{position:sticky;top:24px}
.posts-4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:680px){.posts-4{grid-template-columns:1fr}}
.post-card.compact{padding:0}
.post-card.compact .inner{padding:14px 16px}
.post-card.compact .thumb{aspect-ratio:16/9;background:#3a225f;border-bottom:1px solid rgba(255,255,255,.08)}
.post-card.compact .thumb img{width:100%;height:100%;object-fit:cover}
.post-card.compact h3{margin:6px 0 2px;font-size:17px}
.post-card.compact .meta{font-size:12px;opacity:.75}
.sidebar-card ul{list-style:none;margin:0;padding-left:0;display:grid;gap:8px}
.sidebar-card ul li a{display:block;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;text-decoration:none}
.sidebar-card ul li a:hover{border-color:rgba(255,255,255,.25)}

/* Single post split + larger comments */
.content-split{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
@media(max-width:1000px){.content-split{grid-template-columns:1fr}}
.post-main .card{margin-bottom:16px}
.post-side .box + .box{margin-top:16px}
.post-side .box h4{margin:0 0 10px}
.post-side ul{list-style:none;margin:0;padding-left:0;display:grid;gap:8px}
.post-side ul li a{display:block;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;text-decoration:none}
.post-side ul li a:hover{border-color:rgba(255,255,255,.25)}
.comments-area, .comment-respond{margin-top:18px}
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond textarea{
  width:100%; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:10px 12px; font-size:15px}
.comment-respond textarea{min-height:190px}
.comment-respond .form-submit input[type="submit"]{cursor:pointer; border-radius:12px; border:1px solid rgba(255,255,255,.25);
  background:linear-gradient(90deg, #ff8a00, #ffb03a); color:#381400; font-weight:800; padding:10px 14px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .comment{margin-bottom:16px}
.comment-list .comment .comment-body{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}


/* ===== V6.5: Oval hero, lady figure, richer footer ===== */
/* Oval look for sohbet (hero) card */
.hero .hero-card{
  border-radius: 32px; /* daha oval */
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 28px 60px rgba(12,6,28,.44), 0 8px 22px rgba(5,2,14,.30);
}
.hero .hero-content .input{ border-radius: 18px }
.hero .hero-content .btn{ border-radius: 18px }

/* Lady figure visible, behind content */
.hero-figure{
  position:absolute; right:-10px; bottom:0; width:360px; height:420px;
  z-index:1; /* overlay (1) ile aynı katmanda kalır; overlay'i biraz şeffaf bırakıyoruz */
  pointer-events:none;
  opacity:.55; /* belirgin ama rahatsız etmiyor */
  filter: drop-shadow(0 18px 36px rgba(0,0,0,.35));
}
@media(max-width:1024px){ .hero-figure{ display:none } }
.hero-figure img{
  width:100%; height:100%; object-fit:cover;
  border-radius: 28px;
  clip-path: ellipse(55% 48% at 55% 55%); /* oval siluet */
}

/* Hero overlay'i biraz şeffaflaştır: görsel görülsün */
.hero .hero-overlay{
  background: linear-gradient(180deg, rgba(11,6,24,.42), rgba(11,6,24,.62));
}

/* Footer (rich grid) */
.site-footer{
  padding:48px 0 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.24));
  border-top:1px solid rgba(255,255,255,.08);
  color:#d8dbea;
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:22px}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
.footer-grid h4{margin:0 0 10px;color:#fff}
.small{color:#d8dbea;font-size:13px;opacity:.9}
.social{display:flex;gap:10px}
.social a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.newsletter{display:grid;gap:10px;grid-template-columns:2fr 1fr}
.newsletter input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
.newsletter button{border-radius:10px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg, #ff8a00, #ffb03a);color:#381400;font-weight:800;padding:10px 12px}


/* ===== V6.6: Links, read-more, minor polish ===== */
a{ color:#ffd089; text-decoration:none }
a:hover{ color:#ffe6a8; text-decoration:underline }
.post-card .readmore,
.posts-4 .readmore{
  display:inline-block; margin-top:6px; font-weight:800;
  border-bottom:1px dashed rgba(255,255,255,.35);
}
.post-card .readmore:hover,
.posts-4 .readmore:hover{ border-bottom-color: rgba(255,255,255,.6) }


/* ===== V6.7: Text-only post cards (latest 4) ===== */
.posts-4 .post-card.compact{padding:14px 16px}
.posts-4 .post-card.compact .inner{padding:0}
.posts-4 .post-card.compact h3{margin:0 0 6px;font-size:18px}
.posts-4 .post-card.compact .excerpt{margin:6px 0 0}


/* ===== V6.8: Header brand minimal, latest posts with image, solid section background ===== */
/* Brand name hidden: only logo shown (already handled in markup) */


/* Latest posts (2x2) with image on top */
.posts-4 .post-card.compact{padding:0; overflow:hidden}
.posts-4 .post-card.compact .thumb.img{display:block; aspect-ratio:16/9; background:#2f1a52}
.posts-4 .post-card.compact .thumb.img img{width:100%; height:100%; object-fit:cover; display:block}
.posts-4 .post-card.compact .inner{padding:14px 16px}
.posts-4 .post-card.compact h3{margin:6px 0 6px; font-size:18px; line-height:1.3}

/* Make the home-split section solid color (no gradient) until it ends */
.section.tight{
  background: var(--bg2);   /* solid */
}
/* Next sections continue with normal page background (no change needed) */


/* ===== V6.9: Header H1 + Title L1 (ellipsis) ===== */
.topband{
  padding:12px 0;
  background:#0f0a1a; /* düz koyu bar */
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky; top:0; z-index:50; /* isteğe bağlı sabit üst */
}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.brand .logo{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:radial-gradient(120px 120px at 30% 20%, #fff2b1, #f2c14e);
  color:#2d1b00;font-weight:900;border:1px solid #f6d980; flex:0 0 auto;
}
.brand .name{
  font-weight:900;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:42vw; /* L1: tek satır, taşanı '…' */
}
@media(max-width:900px){ .brand .name{ max-width:48vw } }
@media(max-width:720px){ .brand .name{ max-width:56vw } }

/* Nav right, simple pills */
.nav ul{list-style:none;display:flex;gap:10px;margin:0;padding:0;flex-wrap:wrap}
.nav a{
  display:inline-block;padding:10px 14px;border-radius:999px;
  color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  text-decoration:none;
}
.nav a:hover{border-color:rgba(255,255,255,.34);transform:translateY(-1px)}


/* ===== V6.10: Solid backgrounds on archive & single ===== */
/* Category/Archive pages: keep section background solid throughout */
.archive .section,
.blog .section,
.search .section {
  background: var(--bg2);
}

/* Single post pages: content blocks remain on a single solid background */
.single .section {
  background: var(--bg2);
}

/* Optional: eliminate any inner gradient carry-over within post cards */
.single .card,
.archive .card,
.search .card {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}

/* Ensure visual separation between solid sections (no abrupt color seam) */
.section + .section {
  border-top: 1px solid rgba(255,255,255,.06);
}


/* ===== V6.11: Header H4 + L1, no shifting ===== */
.topband{
  padding:12px 0;
  background:#0f0a1a;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky; top:0; z-index:60;
}
.topbar{
  display:grid;
  grid-template-columns: 1fr auto; /* H4: sol geniş blok, sağ dar menü */
  align-items:center;
  gap:16px;
  min-height:58px;
}
.brand.h4block .brand-link{
  display:flex; align-items:center; gap:12px; min-width:0;
  padding:6px 10px;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  text-decoration:none; color:inherit;
}
.brand.h4block .logo{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:radial-gradient(120px 120px at 30% 20%, #fff2b1, #f2c14e);
  color:#2d1b00;font-weight:900;border:1px solid #f6d980; flex:0 0 auto;
}
.brand.h4block .name{
  font-weight:900; letter-spacing:.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* L1 */
  max-width:48vw;
}
@media(max-width:900px){ .brand.h4block .name{ max-width:56vw } }
@media(max-width:720px){ .brand.h4block .name{ max-width:62vw } }

.nav{ min-width:0; justify-self:end; overflow:hidden }
.nav ul{
  list-style:none; display:flex; gap:10px; margin:0; padding:0;
  flex-wrap:nowrap; white-space:nowrap; overflow-x:auto; overflow-y:hidden; /* no wrap shift */
  -webkit-overflow-scrolling: touch;
}
.nav ul::-webkit-scrollbar{ height:6px }
.nav ul::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); border-radius:999px }
.nav a{
  display:inline-block; padding:10px 14px; border-radius:999px;
  color:#fff; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  text-decoration:none;
}
.nav a:hover{ border-color:rgba(255,255,255,.34); transform:translateY(-1px) }


/* ===== V6.12: Header color + footer solid and overflow-safe ===== */
/* Header: solid palette color to match lower sections */
.topband{
  background: var(--bg2) !important;  /* matched to page base */
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Footer: solid background to prevent blending with previous section */
.site-footer{
  background: var(--bg2) !important;
  position: relative;
  z-index: 1;
}
.site-footer .container{ position: relative; z-index: 2 }

/* Footer content: wrap long items; avoid overflow mixing */
.footer-grid{ 
  display:grid; 
  grid-template-columns:2fr 1fr 1fr 1fr 1fr; 
  gap:22px;
}
@media(max-width:1000px){ .footer-grid{ grid-template-columns:repeat(2,1fr) } }
.footer-grid ul,
.footer-grid p,
.footer-grid a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Separate previous section from footer with a thin line (prevents color seam) */
.section:last-of-type{
  border-bottom: 1px solid rgba(255,255,255,.06);
}


/* ===== V6.13: Header title visible (W3=900), H4-L1 ellipsis ===== */
.brand .name{
  display:inline-block;
  font-weight:900;           /* W3 */
  letter-spacing:.2px;
  white-space:nowrap;        /* L1 single line */
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:48vw;
  vertical-align:middle;
}
@media(max-width:900px){ .brand .name{ max-width:56vw } }
@media(max-width:720px){ .brand .name{ max-width:62vw } }



/* Her bölüm bitene kadar tek renk */
.section-solid { background: var(--bg2); position: relative; z-index: 1; }
.section-solid + .section-solid { border-top: 1px solid rgba(255,255,255,.06); }

/* 6 yazı = 2 sütun (3 satır) — eşit yükseklik */
.posts-6.two-col.cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
@media(max-width:720px){
  .posts-6.two-col.cards{ grid-template-columns:1fr; }
}
.post-card.compact{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}
.post-card.compact .thumb.img{display:block;aspect-ratio:16/9;background:#2f1a52}
.post-card.compact .thumb.img img{width:100%;height:100%;object-fit:cover}
.post-card.compact .inner{flex:1;display:flex;flex-direction:column;padding:14px 16px}
.post-card.compact .excerpt{flex:1;max-height:7.7em;overflow:hidden}

/* SSS: Solda görsel (F2), mobilde gizle (M2), SP2 boşluk */
.faq-wrap{padding:56px 0}
.faq-grid{
  display:grid;grid-template-columns:380px 1fr;gap:36px;align-items:center;
}
@media(max-width:900px){
  .faq-grid{grid-template-columns:1fr}
  .faq-fig{display:none} /* M2 */
}
.faq-fig img{width:100%;border-radius:22px;object-fit:cover}
.faq-box h2{margin:0 0 18px}
.accordion .item{
  background:rgba(255,255,255,.06);
  margin-bottom:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12)
}
.accordion .q{
  width:100%;text-align:left;padding:14px 16px;background:none;border:none;color:#fff;
  font-weight:700;cursor:pointer
}
.accordion .a{display:none;padding:0 16px 14px;color:#ddd;line-height:1.6}
.accordion .item.open .a{display:block}