/*
Theme Name: Linux V1 (V6.4 Purple Neon)
Version: 1.6.4
Text Domain: linuxv1
*/
/* Toggle button */
.topbar-toggle {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  width: 40px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  cursor: pointer;
  color: inherit;
}

.topbar-toggle-bar {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
}

/* Layout defaults */
.topband .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Menu list reset */
.topbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
}

/* Links inherit theme colors */
.topbar-menu a {
  text-decoration: none;
}

/* Mobile behavior */
@media (max-width: 992px) {
  .topbar-toggle { display: inline-flex; }
  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--topbar-bg, #111); /* adjust to your theme */
    border-top: 1px solid rgba(255,255,255,0.08);
    display: none;
    z-index: 9999;
    padding: 12px 16px;
  }
  .nav.is-open { display: block; }
  .topbar-menu { 
    flex-direction: column; 
    gap: 8px;
  }
}

/* Desktop: menu always visible, no toggle */
@media (min-width: 993px) {
  .topbar-toggle { display: none; }
  .nav { 
    position: static; 
    display: block;
    padding: 0;
    background: transparent;
    border: 0;
  }
  .topbar-menu { flex-direction: row; }
}


: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}
/* Desktop: iki sütun */
.login-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Input ve link butonları tam genişlik */
.login-grid .input,
.login-grid .btn {
  width: 100%;
}

/* Mobil: tek sütun ve alt alta */
@media (max-width: 576px) {
  .login-grid {
    grid-template-columns: 1fr !important; /* inline stil varsa ezmek için */
  }
  .login-grid .btn {
    text-align: center;
  }
}

.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}
/* Mobilde sıralamayı değiştir */
@media (max-width: 768px) {
.hero-grid {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

  .hero-left {
    order: 2; /* mobilde alta */
  }

  .hero-card {
    order: 1; /* mobilde üste */
  }
}

.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: auto;       /* kutuya yayılmasın */
  height: auto;      /* orantılı kalsın */
  max-width: 375px;  /* istediğin maksimum genişlik */
  max-height: 210px; /* istediğin maksimum yükseklik */
  object-fit: contain; /* resmi kırpmadan göster */
  margin: 0 auto;    /* ortalamak için */
  display: block;
}
.pagination-wrap {
  text-align: center;
  margin: 30px 0 10px;
}

.pagination-wrap .page-numbers {
  display: inline-block;
  padding: 8px 13px;
  margin: 0 4px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 16px;
  text-decoration: none;
}

.pagination-wrap .current {
  background: #333;
  color: #fff;
  border-color: #333;
}

.pagination-wrap .page-numbers:hover {
  background: #f0f0f0;
}

@media(max-width: 600px) {
  .pagination-wrap .page-numbers {
    padding: 7px 11px;
    margin: 3px;
    font-size: 14px;
  }
}

.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 !important;
  }
}

.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));
}

/* Genel Footer */
.custom-footer {
    background-color: transparent;
    color: #fff;
    font-family: 'Arial', sans-serif;
    padding: 30px 0;      /* Normal padding */
    padding-bottom: 130px; /* Radyo player için ekstra boşluk */
    position: relative;
    z-index: 1;
}

/* Güzel Sözler */
.footer-sozler {
    background-color: rgba(0,0,0,0.5);
    border-radius: 50px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    word-wrap: break-word; /* Mobilde uzun sözler tam görünür */
    white-space: normal;  /* Kısaltmayı kaldır */
}

/* Footer Ana Alan */
.footer-main {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

/* Kutular */
.footer-box {
    background-color: rgba(0,0,0,0.5);
    border-radius: 15px;
    padding: 15px;
    flex: 1 1 220px;
    min-width: 220px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: transform 0.3s;
}

.footer-box:hover {
    transform: translateY(-3px);
}

/* Logo ve Başlık */
.site-header-box {
    text-align: center; /* Ortala */
}

.footer-logo {
    display: block;
    margin: 0 auto 10px auto; /* Alt boşluk, üst boşluk yok */
    max-width: 250px; /* Logo boyutu öneri */
    height: auto;
}

.site-header-box .site-title {
    margin: 0;
    font-size: 22px;
}

/* Widget Başlıkları Ortala ve Üst Boşluğu Kaldır */
.footer-box .widget-title {
    text-align: center;
    margin-top: 0;  /* Üst boşluk kaldırıldı */
    margin-bottom: 10px; /* Alt boşluk optimize */
    font-size: 18px;
}

/* Widget listeleri ve öğeleri */
.footer-box ul {
    padding-left: 0;
    margin-top: 0; /* Başlık ile liste arası boşluk sıkı */
}

.footer-box ul li {
    background-color: rgba(255,255,255,0.1);
    margin: 5px 0;
    padding: 8px 10px;
    border-radius: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mobil Uyumluluk */
@media (max-width: 992px) {
    .footer-main {
        flex-direction: column;
        align-items: stretch;
    }

    .footer-box {
        width: 100%;
    }
}
/* Tüm footer kutularına hafif parıltı */
.footer-box {
    background-color: rgba(0,0,0,0.5);
    border-radius: 15px;
    padding: 15px;
    flex: 1 1 220px;
    min-width: 220px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: 0 4px 10px rgba(255,255,255,0.1); /* Hafif glow */
    transition: all 0.4s ease;
}

/* Hover efekti: parıltı ve hafif yukarı kayma */
.footer-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(255,255,255,0.3); /* Parıltı artıyor */
}

/* Güzel sözler kutusuna da hafif parıltı */
.footer-sozler {
    box-shadow: 0 4px 12px rgba(255,255,255,0.15);
    transition: all 0.4s ease;
}

.footer-sozler:hover {
    box-shadow: 0 6px 20px rgba(255,255,255,0.3);
}

.brand-logo-glow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;           /* Genişlik */
    height: 80px;           /* Yükseklik */
    border-radius: 12px;    /* Hafif oval, tamamen yuvarlak değil */
    border: 2px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.05); /* Şeffaf arka plan */
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.brand-logo-glow .topbar-logo {
    max-height: 80px;       /* Logo boyutu kutuya uygun */
    width: auto;
    display: block;
    z-index: 1;
}

.brand-logo-glow:hover {
    transform: scale(1.05); /* Hover hafif büyüme */
    box-shadow: 0 0 20px 5px rgba(255,255,255,0.8); /* Hover parıltısı */
}

/* Mobil uyum */
@media (max-width: 768px) {
    .brand-logo-glow {
        width: 240px;
        height: 75px;
    }

    .brand-logo-glow .topbar-logo {
        max-height: 75px;
    }
}
/* Mobil cihazlarda da boşluk bırak */
@media (max-width: 600px) {
    .custom-footer {
        padding-bottom: 190px !important;  /* Mobil radyo player daha büyük olduğu için boşluk biraz daha fazla */
    }
}
@media (max-width: 600px) {
  .radyo-player-wrapper {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Single makale içindeki tüm resimleri ortala */
.single-post .entry-content img {
    display: block;         /* Resim blok eleman olur */
    margin: 0 auto 20px;    /* Üst 0, alt 20px, yatay ortalama */
    max-width: 100%;        /* Responsive, kutuyu taşmaz */
    height: auto;
}

/* Öne çıkan görsel */
.single-post-thumbnail {
    display: block;              /* Blok eleman */
    margin: 0 auto 14px;         /* Ortala ve alt boşluk */
    max-width: 100%;             /* Responsive */
    height: auto;
    border-radius: 12px;         /* Köşeleri hafif yuvarla */
}

/* ===== 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: transparent; /* Gradient yerine transparan yapıldı */
  font-weight: 900;
  flex: 0 0 auto;
}
/* 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: transparent; /* Gradient yerine transparan yapıldı */
}
.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}


.fixed-radio-button {
    position: fixed;
    bottom: 30px; /* Alttan boÅŸluk */
    left: 30px; /* Soldan boÅŸluk */
    z-index: 1000; /* Her şeyin üstünde olmalı */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--neon-color-secondary); /* Turkuaz */
    color: var(--bs-body-bg); /* Koyu metin/ikon */
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    /* Başlangıç gölgesi (Durdurulduğunda) */
    box-shadow: 0 0 5px rgba(6, 182, 212, 0.5); 
}




.tag-badge {
 background-color: #4f46e5;
 display: inline-block;
 transition: background-color 0.2s ease, transform 0.2s ease;
 }
.tag-badge:hover {
 background-color: #3730a3;
 color: #ffffff;
                            text-decoration: none;
                            transform: translateY(-1px);
                        }
                        .hover-underline:hover {
                            text-decoration: underline !important;
                        }

                      
                        .transition-card {
                            transition: background-color 0.2s ease, box-shadow 0.2s ease;
                        }
                        .transition-card:hover {
                            background-color: rgba(255, 255, 255, 0.05); 
                            box-shadow: 0 0 10px rgba(6, 182, 212, 0.1); 
                        }
                        .blog-title-link {
                            transition: color 0.2s ease;
                        }
                        .blog-title-link:hover {
                            color: #06b6d4 !important; 
                        }
                        .object-fit-cover {
                            object-fit: cover;
                        }
                 




@keyframes neonPulse {
    0% {
        box-shadow: 0 0 10px var(--neon-color-secondary), 0 0 0 0 rgba(6, 182, 212, 0.7);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 20px var(--neon-color-secondary), 0 0 25px rgba(6, 182, 212, 0.9), 0 0 35px rgba(6, 182, 212, 0.5);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 10px var(--neon-color-secondary), 0 0 0 0 rgba(6, 182, 212, 0.7);
        transform: scale(1);
    }
}


.fixed-radio-button.is-playing {
    background-color: var(--neon-color-secondary);
    animation: neonPulse 1.5s infinite alternate;
}

@media (max-width: 768px) {
    .fixed-radio-button {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 20px;
    }
}

@keyframes neon-pulse {
  0% {
    
    box-shadow: 0 0 5px rgba(131, 141, 141, 0.5);
  }
  50% {
    
    box-shadow: 0 0 20px rgba(250, 250, 250, 0.9),
                0 0 30px rgba(129, 129, 129, 0.7);
  }
  100% {
   
    box-shadow: 0 0 5px rgba(78, 8, 37, 0.5);
  }
}


.pulse-shadow {
    
    animation: neon-pulse 1.5s ease-in-out infinite alternate;
}