/*
Theme Name: Teknowep Haber
Theme URI: https://teknowep.com
Author: Teknowep
Author URI: https://teknowep.com
Description: Hizli, mobil uyumlu, guvenli haber temasi
Version: 1.0
License: GPL v2 or later
Text Domain: teknowep-haber
*/

/* =========================
   GENEL SIFIRLAMA + MOBİL TAŞMA KALKANI
========================= */
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* boşluksuz yazı/uzun link/uzun kelime taşmasını kesin kır */
html, body{
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe{
  max-width: 100%;
  height: auto;
}

/* =========================
   SON HABERLER ALANI
========================= */
.son-haberler-section{
  max-width: 900px;
  margin: 0 auto;
  padding: 16px;
}

/* Başlık */
.son-haberler-baslik{
  font-size: 24px;
  margin-bottom: 16px;
}

/* =========================
   HABER LİSTESİ (TEK TANIM!)
   Eskiden flex + grid çakışıyordu, onu çözdük.
========================= */
.son-haberler-grid{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}

/* =========================
   HABER KARTI
========================= */
.haber-kart{
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  max-width: 100%;
}

/* Link */
.haber-link{
  text-decoration: none;
  color: inherit;
  display: block;
  max-width: 100%;
}

/* Görsel (SADECE haber kartı içindeki ana foto) */
.haber-gorsel{
  text-align:center;
  padding: 14px 0; /* boşluk dengeli */
}

.haber-gorsel > a > img,
.haber-gorsel > img{
  width:auto;                 /* küçük resmi büyütme */
  max-width:min(100%, 650px); /* büyükse orta boy */
  height:auto;
  display:inline-block;
  margin:0 auto;
  border-radius:12px;
}

/* İçerik */
.haber-icerik{
  padding: 12px;
  max-width: 100%;
}

/* Tarih */
.haber-tarih{
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 6px;
}

/* Başlık */
.haber-baslik{
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.3;
  max-width: 100%;
}

/* Özet */
.haber-ozet{
  font-size: 14px;
  opacity: 0.9;
  max-width: 100%;
}

/* =========================
   SENİN FEED TEMPLATE CLASSLARI (front-page.php)
   feed-card / feed-excerpt vs
========================= */
.feed-card{
  max-width: 100%;
  overflow: hidden;
}

.feed-card h2,
.feed-card a,
.feed-excerpt,
.feed-preview,
.feed-rest,
.feed-dots,
.feed-more{
  overflow-wrap: anywhere;   /* boşluksuz yazıyı bile böler */
  word-break: break-word;
  max-width: 100%;
}

/* =========================
   REAKSİYON + PUAN SATIRLARI
========================= */
.rate-star.disabled{
  opacity: .5;
  pointer-events: none;
}

.react-btn.disabled{
  pointer-events: none;
  opacity: 1; /* silikliği kaldır */
  cursor: not-allowed;
}

/* satırlar taşmasın */
.react-row,
.rating-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}

/* butonlar uzun içerikte taşmasın */
.react-row button,
.rating-row button{
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* =========================
   DEVAM LINKİ (senin "devamı")
========================= */
.feed-more{
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
}

/* =========================
   EKSTRA: Eğer bir yerde uzun düz metin/URL taşırsa:
========================= */
p, span, div, a{
  overflow-wrap: anywhere;
  word-break: break-word;
}

.haber-gorsel{
  height:auto !important;
  min-height:0 !important;
}

/* Front-page görseli: küçükse büyütme, büyükse sığdır */
.feed-thumb{
  text-align:center;
  overflow:hidden;
  border-radius:10px;
}

.feed-thumb-img{
  width:auto;
  max-width:min(100%, 650px); /* istersen 512px */
  height:auto;
  display:inline-block;
  margin:0 auto;
}

.feed-thumb-img{
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Sekmeler – yan yana */
.tw-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;   /* mobilde alt satıra düşsün */
  margin: 10px 0 16px;
}

.tw-tab{
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px 14px;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}

.tw-tab.active{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* ===== Son Haberler Tabs FIX (override) ===== */
.tw-tabs{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  margin: 10px 0 18px !important;
}

.tw-tabs .tw-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border:1px solid #ddd !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1 !important;
  height:auto !important;
  width:auto !important;
}

.tw-tabs .tw-tab.active{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

.tw-layout{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.tw-cat-side{
  position:sticky;
  top:16px;
  width:240px;
  border:1px solid #eee;
  border-radius:14px;
  padding:12px;
  background:#fff;
}

.tw-cat-link{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  color:#111;
  font-weight:700;
  border:1px solid transparent;
  margin-bottom:8px;
}

.tw-cat-link.active{
  border-color:#111;
  background:#111;
  color:#fff;
}

.tw-main{
  flex:1;
  min-width:0;
}

/* kategori tagleri */
.tw-cat-tags{
  margin-top:8px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.tw-cat-tag{
  font-size:12px;
  font-weight:700;
  border:2px solid #ddd;
  padding:4px 10px;
  border-radius:999px;
}

@media (max-width: 900px){
  .tw-layout{ flex-direction:column; }
  .tw-cat-side{ width:100%; position:relative; top:auto; }
}

/* ===== LAYOUT ===== */
.tw-layout{
  display:flex;
  gap:16px;
  align-items:flex-start;
  max-width:1100px;
  margin:0 auto;
  padding:16px;
}

.tw-cat-side{
  width:240px;
  flex:0 0 240px;
  position: sticky;
  top: 16px; /* header varsa 70-90 yap */
  max-height: calc(100vh - 32px);
  overflow:auto;
  padding:12px;
  border:1px solid #eee;
  border-radius:14px;
  background:#fff;
}

.tw-main{
  flex:1;
  min-width:0;
}

/* ===== KATEGORİ LİNK ===== */
.tw-cat-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  color:#111;
  font-weight:700;
  border:1px solid transparent;
  margin-bottom:8px;
}

.tw-cat-link:hover{
  background:#f7f7f7;
  border-color:#e5e5e5;
}

/* ✅ Aktif kategori daha net */
.tw-cat-link.active{
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* ikon küçük */
.tw-cat-icon{ font-size:16px; }

/* ===== MOBİL: Sidebar gizle, dropdown göster ===== */
.tw-mobile-filters{
  display:none;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 14px;
}

.tw-mobile-filters select{
  width:100%;
  padding:12px 12px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
  font-weight:700;
}

@media (max-width: 900px){
  .tw-layout{ display:block; }
  .tw-cat-side{ display:none; }
  .tw-mobile-filters{ display:flex; }
}

/* Header nav layout */
.site-nav{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Hamburger default hidden on desktop */
.mobile-nav-toggle{
  display:none;
  border:1px solid #ddd;
  background:#fff;
  border-radius:10px;
  padding:8px 12px;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}

/* Mobile drawer hidden by default */
.mobile-nav{
  position:fixed;
  top:0;
  right:-320px;
  width:320px;
  max-width:85vw;
  height:100vh;
  background:#fff;
  border-left:1px solid #eee;
  box-shadow:-8px 0 24px rgba(0,0,0,.08);
  transition:right .2s ease;
  z-index:9999;
  overflow:auto;
}

.mobile-nav__inner{ padding:14px; }

.mobile-nav__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  margin-bottom:12px;
}

.mobile-nav-close{
  border:1px solid #ddd;
  background:#fff;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
}

.mobile-nav-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:9998;
}

/* Mobile open state */
body.mobile-nav-open .mobile-nav{ right:0; }
body.mobile-nav-open .mobile-nav-backdrop{ display:block; }

/* Mobile menus look */
.mobile-menu,
.mobile-cats__list{
  list-style:none;
  padding-left:0;
  margin:12px 0 0 0;
}

.mobile-menu li,
.mobile-cats__list li{
  margin:0;
  border-bottom:1px solid #f0f0f0;
}

.mobile-menu a,
.mobile-cats__list a{
  display:block;
  padding:10px 6px;
  text-decoration:none;
}

/* Categories title */
.mobile-cats{ margin-top:14px; }
.mobile-cats__title{
  font-weight:700;
  margin:10px 0 6px 0;
}

/* MOBILE: hide desktop menu, show hamburger */
@media (max-width: 768px){
  .menu{ display:none !important; }
  .mobile-nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

@media (max-width: 900px){
  .tw-mobile-filters{ display:none !important; }
}

/* ===== En Son Haber başlık barı ===== */
.tw-titlebar{
  display:flex;
  align-items:baseline; /* yazıyla aynı hizada dursun */
  justify-content:space-between;
  gap:12px;
}

/* Hamburger daha belirgin */
.tw-cats-toggle{
  width:1.5em;              /* büyüdü */
  height:1.5em;
  font-size:1.2em;          /* çizgiler büyür */
  border:2px solid #2563eb; /* mavi çerçeve */
  border-radius:10px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* tıklayınca daha belirgin */
.tw-cats-toggle:active{ transform: scale(0.98); }

.tw-cats-toggle:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(37,99,235,.25);
}

/* Mobilde görünsün */
@media (max-width: 768px){
  .tw-cats-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

/* ===== Kategori drawer ===== */
.mobile-cats-drawer{
  position:fixed;
  top:0;
  right:-320px;
  width:320px;
  max-width:85vw;
  height:100vh;
  background:#fff;
  border-left:1px solid #eee;
  box-shadow:-8px 0 24px rgba(0,0,0,.10);
  transition:right .25s ease;
  z-index:10000;
  overflow:auto;
}

.mobile-cats-drawer__inner{ padding:16px; }

.mobile-cats-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-bottom:12px;
}

.mobile-cats-close{
  border:1px solid #ddd;
  background:#fff;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
}

.mobile-cats-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:9999;
}

/* liste desktop gibi alt alta */
.mobile-cats-drawer__list{
  list-style:none;
  padding:0;
  margin:0;
}

.mobile-cats-drawer__list li{
  border-bottom:1px solid #f1f1f1;
  margin:0;
}

.mobile-cats-drawer__list a{
  display:block;
  padding:10px 6px;
  text-decoration:none;
  font-weight:700;
  color:#111;
}

/* Açık hali */
body.mobile-cats-open .mobile-cats-drawer{ right:0; }
body.mobile-cats-open .mobile-cats-backdrop{ display:block; }

/* Header'daki eski hamburgerı MOBİLDE tamamen kapat */
@media (max-width: 768px){
  .site-nav .mobile-nav-toggle{ display:none !important; }
}

/* Drawer içindeki tab görünümü */
.mobile-drawer-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 6px 0 10px 0;
}

.mobile-drawer-sep{
  height:1px;
  background:#eee;
  margin:10px 0 10px 0;
}

/* Mobilde dışarıdaki tabları kapat (drawer içinden kullanılacak) */
@media (max-width: 768px){
  .tw-main > .tw-tabs{ display:none !important; }
}

/* ✅ ☰ butonu default gizli (desktop) */
.tw-cats-toggle{
  display:none !important;
}

/* ✅ sadece mobilde görünsün + mavi çerçeve */
@media (max-width: 768px){
  .tw-cats-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:1.6em;
    height:1.6em;
    font-size:1.25em;
    border:2px solid #2563eb;
    border-radius:10px;
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    line-height:1;
    padding:0;
    cursor:pointer;
  }

  .tw-cats-toggle:focus{
    outline:none;
    box-shadow:0 0 0 4px rgba(37,99,235,.25);
  }
}

/* Drawer içindeki tablar */
.mobile-drawer-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 6px 0 10px 0;
}

.mobile-drawer-sep{
  height:1px;
  background:#eee;
  margin:10px 0;
}

/* ✅ Mobilde dışarıdaki tabları gizle (drawer içinde var) */
@media (max-width: 768px){
  .tw-main > .tw-tabs{
    display:none !important;
  }
}
/* ✅ SAĞ REKLAM SİDEBAR (dünkü sistem) */
.tw-ads-side{
  width:300px;
  flex:0 0 300px;
  position: sticky;
  top: 16px;
  padding:12px;
  border:1px solid #eee;
  border-radius:14px;
  background:#fff;
}

.tw-ads-side h3{
  margin:0 0 10px 0;
  font-size:16px;
}

.tw-ad{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px;
  margin-bottom:12px;
  background:#fff;
  overflow:hidden;
}

.tw-ad-title{
  font-weight:800;
  margin-bottom:8px;
}

.tw-ad img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

/* mobilde sağ sidebar’ı kapat (dünkü düzende genelde böyleydi) */
@media (max-width: 900px){
  .tw-ads-side{ display:none; }
}
/* ✅ Desktop: orta alan büyüsün, sol sola, sağ sağa açılsın */
@media (min-width: 1100px){

  /* Layout'u ekran genişliğine yay */
  .tw-layout{
    max-width: none !important;
  max-width: 1400px !important;  /* 1300-1500 arası oynayabiliriz */
width: 100% !important;
    margin: 0 auto !important;
    padding: 16px 20px !important;
   /* sağ/sol padding'i sıfıra yakın */
    gap: 16px !important;
  }

  /* Haber section kilidini kır */
  .son-haberler-section{
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 0 !important;
  }

  /* Sol paneli layout'ta sola kaydır (transform değil) */
  .tw-cat-side{
    margin-left: -50px !important;
  }

  /* Sağ paneli layout'ta sağa kaydır */
  .tw-ads-side{
    margin-right: -50px !important;
  }

  /* Orta alan boşluğu doldursun */
  .tw-main{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

/* ⭐ PUAN YILDIZLARI – DAHA BELİRGİN */

.rating-row .rate-star {
  background: #ffffff;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px;
  padding: 6px 10px !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: all .2s ease;
}

.rating-row .rate-star:hover {
  background: #111;
  color: #fff;
  transform: translateY(-1px);
}

.rating-row .rate-star:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* Ortalama yıldızlar (★★★★★ kısmı) */
.stars-fill {
  text-shadow: 0 0 6px rgba(246,183,0,.6);
}
/* ✅ ADMIN PANEL – MOBİL TIKLAMA BLOĞU TAM KESİLİR */
body.wp-admin .mobile-nav,
body.wp-admin .mobile-nav-backdrop,
body.wp-admin .mobile-cats-drawer,
body.wp-admin .mobile-cats-backdrop,
body.wp-admin .tw-cats-toggle,
body.wp-admin .site-nav,
body.wp-admin .mobile-nav-toggle{
  display:none !important;
  pointer-events:none !important;
}
/* KATEGORİLER BAŞLIK + TW ICON */
.tw-cat-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
/* logo boyutu */
.tw-cat-icon-img{ 
  width:140px;
  height:auto;
  display:block;
}

.tw-cat-side h3{
  margin:0;
  font-size:20px;
  font-weight:800;
  text-align:center;
}

/* Mobilde biraz küçült */
@media (max-width: 768px){
  .tw-cat-icon-img{
    width:52px;
  }
}
/* 🌫️ KATEGORİLER – CAM / GLASS EFFECT */
.tw-cat-side{
  position: relative;
  overflow: hidden;

  background: rgba(255,255,255,0.45); /* daha transparan */
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(255,255,255,0.4);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.4);

  border-radius: 16px;
}


.tw-cat-side::before{
  content:"";
  position:absolute;
  inset:-40px;

  background:
    radial-gradient(60% 40% at 20% 20%, rgba(139,92,246,.12), transparent 60%),
    radial-gradient(50% 50% at 80% 30%, rgba(59,130,246,.12), transparent 60%),
    radial-gradient(60% 60% at 40% 80%, rgba(34,197,94,.12), transparent 60%);

  filter: blur(26px);  /* blur arttı */
  opacity: .7;         /* siliklik */
  z-index: 0;
  pointer-events: none;
}


/* İçerik önde kalsın */
.tw-cat-side > *{
  position: relative;
  z-index: 1;
}
@media (max-width: 768px){
  .tw-cat-side{
    background: rgba(255,255,255,0.65);
    backdrop-filter: blur(18px);
  }
}
/* ✅ KATEGORİ SCROLL GERİ GELSİN */
.tw-cat-side{
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* 🌈 SİTE GENELİ – BUKALEMUN DALGALI ARKA PLAN */
/* 🌈 SABİT ARKA PLAN ŞABLONLARI */
body.tw-bg-1{ background: linear-gradient(135deg,#eef2ff,#f0f9ff,#ecfeff); }
body.tw-bg-2{ background: linear-gradient(135deg,#f5f3ff,#ede9fe,#faf5ff); }
body.tw-bg-3{ background: linear-gradient(135deg,#ecfeff,#cffafe,#f0fdfa); }
body.tw-bg-4{ background: linear-gradient(135deg,#f0fdfa,#dcfce7,#f7fee7); }
body.tw-bg-5{ background: linear-gradient(135deg,#fff7ed,#ffedd5,#fef3c7); }

body.tw-bg-6{ background: linear-gradient(135deg,#eef2ff,#e0e7ff,#ede9fe); }
body.tw-bg-7{ background: linear-gradient(135deg,#ecfeff,#e0f2fe,#f0f9ff); }
body.tw-bg-8{ background: linear-gradient(135deg,#fdf4ff,#fae8ff,#f5f3ff); }
body.tw-bg-9{ background: linear-gradient(135deg,#f0fdfa,#ccfbf1,#ecfeff); }
body.tw-bg-10{ background: linear-gradient(135deg,#fefce8,#fef9c3,#fef3c7); }

body.tw-bg-11{ background: linear-gradient(135deg,#f0f9ff,#e0f2fe,#eef2ff); }
body.tw-bg-12{ background: linear-gradient(135deg,#faf5ff,#f3e8ff,#ede9fe); }
body.tw-bg-13{ background: linear-gradient(135deg,#ecfeff,#f0fdfa,#dcfce7); }
body.tw-bg-14{ background: linear-gradient(135deg,#fff7ed,#ffedd5,#fde68a); }
body.tw-bg-15{ background: linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0); }

/* 📱 MOBİL KATEGORİ DRAWER – LOGO ÜSTTE, YAZI ALTINDA */
@media (max-width: 768px){

  /* Drawer header düzeni */
  .mobile-cats-drawer__head{
    display: flex;
    flex-direction: column;   /* ALT ALTA */
    align-items: center;
    gap: 6px;
    padding: 12px 10px 8px;
  }

  /* Logo */
  .tw-mobile-logo{
    width: 64px;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  /* Kategoriler yazısı */
  .mobile-cats-drawer__head strong{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
  }

  /* X kapatma butonu sağ üstte kalsın */
  .mobile-cats-close{
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

/* 🌫️ SADECE SİTE ÖN YÜZ – TRANSPARAN ARKA PLAN */
body:not(.wp-admin)::before{
  content:"";
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.30);
  pointer-events: none;
  z-index: -1;
  backdrop-filter: blur(1.2px);
}

/* 🚨 WP-ADMIN TAM SERBEST BIRAK */
body.wp-admin *{
  pointer-events: auto !important;
}

body.wp-admin::before,
body.wp-admin::after,
html.wp-admin::before,
html.wp-admin::after{
  content:none !important;
  display:none !important;
}

body.wp-admin{
  background: #f0f0f1 !important;
}


/* 🌊 MOBİL DRAWER – DALGALI + BLUR (SADECE ARKA PLAN) */
.mobile-cats-drawer{
  background:
    linear-gradient(
      135deg,
      rgba(238,242,255,0.85),
      rgba(240,249,255,0.85),
      rgba(236,254,255,0.85)
    ) !important;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* 🌫️ DALGA KATMANI (SADECE GÖRSEL) */
.mobile-cats-drawer::before{
  content:"";
  position:absolute;
  inset:-40px;

  background:
    radial-gradient(60% 40% at 20% 20%, rgba(139,92,246,.18), transparent 60%),
    radial-gradient(50% 50% at 80% 30%, rgba(59,130,246,.18), transparent 60%),
    radial-gradient(60% 60% at 40% 80%, rgba(34,197,94,.18), transparent 60%);

  filter: blur(28px);
  opacity: .9;

  pointer-events:none;
  z-index:0;
}

/* içerik üstte kalsın */
.mobile-cats-drawer > *{
  position: relative;
  z-index: 1;
}



/* 🚀 ÜST BAŞLIK – MODERN CAM BAR */
.site-header,
.site-title,
header{
  position: relative;
}

/* Header arka plan */
.site-header{
  background: linear-gradient(
    135deg,
    rgba(238,242,255,0.85),
    rgba(240,249,255,0.85),
    rgba(236,254,255,0.85)
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(255,255,255,0.6);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Dalgalı soft efekt */
.site-header::before{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(60% 40% at 20% 30%, rgba(139,92,246,.18), transparent 60%),
    radial-gradient(50% 50% at 80% 40%, rgba(59,130,246,.18), transparent 60%);
  filter: blur(30px);
  pointer-events:none;
  z-index:0;
}

/* Başlık yazısı */
.site-title a,
.site-header a{
  position: relative;
  z-index:1;

  font-weight: 900;
  letter-spacing: .3px;
  font-size: 20px;

  background: linear-gradient(
    90deg,
    #4f46e5,
    #2563eb,
    #06b6d4
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-decoration: none;
}

/* Hover efekti */
.site-title a:hover{
  filter: brightness(1.1);
}

/* Mobil uyum */
@media (max-width: 768px){
  .site-title a{
    font-size: 17px;
  }
}
.mobile-cats-drawer::before,
.site-header::before{
  pointer-events: none !important;
}
.mobile-cats-drawer > *,
.site-header > *{
  position: relative;
  z-index: 2;
}