/* ============================================================
   Denizin Yıldızı - görsel katman
   @file assets/theme-yildiz.css
   ------------------------------------------------------------
   theme.css'ten SONRA yüklenir ve paneldeki dinamik :root
   paletini BİLEREK ezer: bu site gece temalıdır.

   Buradaki --dy-* değişkenlerini dy_* blokları okur. Blokların
   kendi CSS'i inline basılır; burada yalnızca site geneli
   (palet, başlık, altbilgi, ortak öğeler) durur.
   ============================================================ */

:root{
  /* Gece gökyüzü - blokların sabit zemini (temadan bağımsız) */
  --dy-sky:#050A12;
  --dy-sky-ink:#EAF2F8;
  --dy-sky-muted:#7E9AB1;
  --dy-sky-line:#1C3348;

  /* Site paleti */
  --dy-ground:#07131F;
  --dy-surface:#0E2032;
  --dy-surface-2:#16304A;
  --dy-ink:#EAF2F8;
  --dy-muted:#92ACBF;
  --dy-line:#1D3B56;
  --dy-accent:#5CC4DE;
  --dy-accent-dim:#2E8DA8;
  --dy-gold:#E0B25C;
  --dy-gold-solid:#F2C46B;
  --dy-good:#4BD6A4;
  --dy-warn:#F0A24E;

  /* CetinsSite taban değişkenlerini gece paletine çek */
  --site-bg:var(--dy-ground);
  --site-fg:var(--dy-ink);
  --site-muted:var(--dy-muted);
  --site-border:var(--dy-line);
  --site-accent:var(--dy-accent);
  --site-accent-fg:#041018;
  --site-hl:var(--dy-gold);
  --site-radius:16px;
  --site-font:"DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}

html{color-scheme:dark}
body{
  background:var(--dy-ground);
  color:var(--dy-ink);
  font-family:var(--site-font);
}

/* ── Ortak kapsayıcı ─────────────────────────────────────────
   theme.css içerik sütununu şöyle kuruyor:
     .site-header__in, .site-main, .site-footer__in {
       max-width: var(--site-max); margin: 0 auto;
       padding: 0 var(--site-gap);
     }
   Bu sitenin header/footer partial'ları ise `.wrap` sınıfını
   kullanıyor (kardeş siteden devralınan ad) ve `.wrap` HİÇBİR
   yerde tanımlı değildi. Sonuç: üst menü ve altbilgi içeriği
   ekranın kenarından kenarına yayılırken sayfa içeriği ortada
   1092px'lik sütunda duruyordu - ikisi hizasızdı.

   Aynı DEĞİŞKENLERİ kullanıyoruz ki sütun genişliği panelden
   değiştirildiğinde üçü birlikte değişsin, ayrışmasın. */
.wrap{
  max-width:var(--site-max, 1140px);
  margin-inline:auto;
  padding-inline:var(--site-gap, 24px);
}

h1,h2,h3,h4{
  font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  letter-spacing:-.02em;
  text-wrap:balance;
}

a{color:inherit}
a:hover{color:var(--dy-accent)}

/* ── Üst çubuk ────────────────────────────────────────────── */
.yz-hdr{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--dy-ground) 82%, transparent);
  backdrop-filter:saturate(1.6) blur(14px);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid var(--dy-line);
}
.yz-hdr__in{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.yz-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.yz-brand__mark{width:34px;height:34px;flex:none;color:var(--dy-accent)}
.yz-brand__name{font-family:"Bricolage Grotesque","Segoe UI",sans-serif;font-size:1.18rem;font-weight:700;letter-spacing:-.03em;color:var(--dy-ink)}
.yz-nav{display:flex;gap:1px;flex-wrap:wrap}
.yz-nav a{text-decoration:none;font-size:.88rem;font-weight:500;color:var(--dy-muted);padding:7px 10px;border-radius:99px;white-space:nowrap}
.yz-nav a:hover{color:var(--dy-ink);background:var(--dy-surface-2)}
.yz-nav a[aria-current]{color:var(--dy-ink);background:var(--dy-surface-2)}
.yz-hdr__langs{display:flex;gap:2px}
.yz-hdr__langs a{font-size:.74rem;font-weight:700;letter-spacing:.08em;color:var(--dy-muted);text-decoration:none;padding:5px 8px;border-radius:7px}
.yz-hdr__langs a.is-on{color:var(--dy-accent);background:var(--dy-surface-2)}
.yz-iconbtn{
  width:34px;height:34px;flex:none;border-radius:99px;border:1px solid var(--dy-line);
  display:grid;place-items:center;color:var(--dy-muted);background:none;cursor:pointer;
}
.yz-iconbtn:hover{color:var(--dy-accent);border-color:var(--dy-accent-dim)}

/* Dar ekran: yedi menü başlığı sarmalanınca üst çubuk üç satıra
   çıkıyor ve içerik ancak ~180px aşağıda başlıyordu. Menüyü tek
   satırda yatay kaydırmalı şeride çeviriyoruz - marka, arama ve
   dil üstte kalır, menü altta kayar. */
@media(max-width:900px){
  .yz-hdr__in{gap:10px;min-height:56px}
  .yz-nav{
    order:3;flex:1 0 100%;
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin-inline:-4px;padding:0 4px 8px;
  }
  .yz-nav::-webkit-scrollbar{display:none}
  .yz-nav a{flex:none}
  .yz-brand__name{font-size:1.06rem}
}

/* ── Altbilgi ─────────────────────────────────────────────── */
.yz-ftr{background:var(--dy-sky);color:var(--dy-sky-muted);padding:48px 0 30px;border-top:1px solid var(--dy-sky-line);margin-top:48px}
.yz-ftr__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
@media(max-width:700px){.yz-ftr__cols{grid-template-columns:1fr}}
.yz-ftr h4{font-family:"Bricolage Grotesque",sans-serif;color:var(--dy-sky-ink);font-size:1.06rem;margin:0 0 12px;font-weight:700}
.yz-ftr p{font-size:.92rem;margin:0;max-width:38ch}
.yz-ftr a{color:var(--dy-sky-muted);text-decoration:none;font-size:.92rem;display:block;padding:4px 0}
.yz-ftr a:hover{color:var(--dy-accent)}
.yz-ftr__social{display:flex;gap:10px;margin-top:14px}
.yz-ftr__social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--dy-sky-line);border-radius:10px;padding:0}
.yz-ftr__legal{
  margin-top:32px;padding-top:20px;border-top:1px solid var(--dy-sky-line);
  font-size:.82rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}

/* ── Blok yerleşimi: motorun kapsayıcısıyla hizalama ─────────
   theme.css blokları `.blk{margin:0 0 36px}` ile ayırır.
   Burada önce `.blk{margin-block:0}` yazıp aralığı `.blk + .blk`
   ile geri koymaya çalışıyordum; ama motor her bloğun CSS'ini
   <style> etiketiyle blokların ARASINA basıyor, o yüzden komşu
   seçici hiç eşleşmiyordu ve tüm bölümler birbirine yapışıyordu.
   Doğrusu doğrudan alt boşluk vermek. */
.blk{margin-block:0 56px}

/* Yan yana dizilen bloklarda alt boşluk sütunu bozar; kolonun
   kendi alt boşluğu (.blk-row) zaten var. */
.blk-col > .blk{margin-bottom:0}

/* theme.css satırları `align-items:flex-start` ile hizalar, bu da
   yan yana iki hesaplayıcıyı farklı boyda bırakıyordu. */
.blk-row:has(> .blk-col > .dy-calc){align-items:stretch}

/* ── Tam genişlik kahraman bölüm ─────────────────────────────
   Taşma kuralları (margin-inline / padding-inline) BURADA DEĞİL,
   bloğun kendi CSS'inde durur: blok stilleri <main> içinde basıldığı
   için bu dosyadan SONRA geliyor ve buradaki yan boşluk tanımını
   kısa yazımlarıyla eziyorlardı. Bkz. blocks/dy_horoscope.php

   overflow-x burada kalmalı: 100vw kaydırma çubuğunu da sayar,
   onsuz sağda birkaç piksellik yatay kayma oluşur. */
html{overflow-x:hidden}

/* Kahraman bölüm üst çubuğa yapışsın (main'in üst boşluğunu geri al) */
main > .dy-horo:first-of-type{margin-top:-32px}

/* ── Kart/liste öğeleri gece paletinde okunsun ────────────── */
.blk-card,
.blk-card-post,
.blk-feature,
.blk-pricing__item{
  background:var(--dy-surface);
  border-color:var(--dy-line);
  color:var(--dy-ink);
}
.blk-card-post__excerpt{color:var(--dy-muted)}

/* ============================================================
   Devralınan WordPress işaretlemesi
   ------------------------------------------------------------
   İçerik WordPress'ten taşınırken eski TEMALARIN html'i de
   birlikte geldi. Sınıflar duruyor ama o temaların CSS'i yok;
   bu yüzden bağlantılar düz yazıya, listeler ortalanmış tek
   sütuna düşmüştü ("butonlar nerede?").

   Burada o kalıntıları gece temasına uyduruyoruz. İçeriğe
   DOKUNMUYORUZ - tek tek 150+ sayfayı elden geçirmek yerine
   işaretlemeyi tanıyıp biçimlendiriyoruz.
   ============================================================ */

/* Genel: içerik içindeki bağlantılar bağlantı gibi görünsün */
.blk-text__body a{color:var(--dy-accent);text-decoration:underline;text-underline-offset:2px}
.blk-text__body a:hover{color:var(--dy-gold)}

/* ── Publisher teması liste kutuları ─────────────────────────
   /koc-burcu ve kardeşlerinde "Günlük / Haftalık / Aylık /
   Yıllık Burç Yorumu" bağlantıları bu yapıyla geldi:
   .bs-listing > h3.section-heading > a.main-link > span.h-text */
.blk-text__body .bs-listing{margin:0 0 8px}
.blk-text__body .section-heading{margin:0;font-size:1rem}
.blk-text__body .section-heading .main-link{
  display:flex;align-items:center;gap:10px;
  background:var(--dy-surface);border:1px solid var(--dy-line);
  border-radius:14px;padding:14px 18px;
  text-decoration:none;color:var(--dy-ink);
  font-size:1rem;font-weight:600;line-height:1.3;
  transition:border-color .18s ease, transform .18s ease, color .18s ease;
}
.blk-text__body .section-heading .main-link:hover{
  border-color:var(--dy-accent-dim);color:var(--dy-accent);transform:translateY(-2px);
}
.blk-text__body .section-heading .main-link::after{
  content:"→";margin-left:auto;color:var(--dy-gold);font-weight:400;
}
.blk-text__body .h-text{font:inherit;color:inherit}

/* ── Enfold artığı: başlık + altında tarih satırı ────────────
   /burclar sayfasında 12 burç "h3>a" + "p.av-special-heading-tag"
   çifti olarak alt alta duruyordu. Çok sütuna alıyoruz; çift
   bölünmesin diye başlıktan sonra sütun kırılması engelleniyor.
   :has() ile YALNIZ bu kalıbı taşıyan sayfalar hedefleniyor -
   normal yazı metinleri etkilenmez. */
.blk-text__body:has(> p.av-special-heading-tag){columns:3;column-gap:30px}
@media(max-width:820px){.blk-text__body:has(> p.av-special-heading-tag){columns:2}}
@media(max-width:520px){.blk-text__body:has(> p.av-special-heading-tag){columns:1}}
.blk-text__body:has(> p.av-special-heading-tag) > h3{
  break-after:avoid;margin:20px 0 2px;font-size:1.08rem;
}
.blk-text__body:has(> p.av-special-heading-tag) > h3 > a{
  text-decoration:none;color:var(--dy-ink);
}
.blk-text__body:has(> p.av-special-heading-tag) > h3 > a:hover{color:var(--dy-accent)}
.blk-text__body p.av-special-heading-tag{
  margin:0;color:var(--dy-muted);font-size:.86rem;
}

/* Devralınan içerikteki satır içi renkler (çakra listeleri gibi)
   bilinçli seçimlerdi; onlara dokunmuyoruz. Yalnız çok küçük
   kalan yazılara okunabilir bir taban veriyoruz. */
.blk-text__body [style*="font-size: 12px"]{font-size:.85rem !important}

/* ── Reklam yuvaları ─────────────────────────────────────────
   yz_reklam() üç tip basar: rect (metin içi), band (yatay şerit),
   tower (kenar çubuğu). Yuva kimliği config.php'de boşsa
   fonksiyon HİÇ çıktı vermez - boş çerçeve görünmez.

   "Reklam" etiketi bilinçli: AdSense politikası reklamın
   içerikten ayırt edilebilir olmasını istiyor. */
.yz-ad{margin:40px auto;min-height:1px;position:relative}
.yz-ad::before{
  content:"Reklam";
  display:block;margin-bottom:6px;
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dy-muted);opacity:.7;
}
.yz-ad ins{display:block;margin-inline:auto}

/* DOLMAYAN REKLAMI GİZLE.
   AdSense reklam bulamazsa <ins>'e data-ad-status="unfilled"
   koyuyor ama kutuyu ayakta bırakıyor - sayfanın ortasında kocaman
   beyaz bir boşluk kalıyordu. Yuvayı etiketiyle birlikte kaldırıyoruz. */
.yz-ad:has(ins[data-ad-status="unfilled"]){display:none}

/* ── Boyutlar ────────────────────────────────────────────────
   İnce şeritler: içerik ortasında dev kutu istenmiyor.
   yz_reklam() data-ad-format basmadığı için ölçü buradan gelir. */

/* Metin içi - ilk bloğun altında */
.yz-ad--rect ins{width:320px;height:100px}
@media(min-width:500px){ .yz-ad--rect ins{width:468px;height:60px} }
@media(min-width:800px){ .yz-ad--rect ins{width:728px;height:90px} }

/* İçerik sonu / ana sayfa altı - en geniş yer, biraz daha uzun */
.yz-ad--band ins{width:320px;height:100px}
@media(min-width:500px){ .yz-ad--band ins{width:468px;height:60px} }
@media(min-width:800px){ .yz-ad--band ins{width:728px;height:90px} }
@media(min-width:1100px){ .yz-ad--band ins{width:970px;height:90px} }

/* Kenar çubuğu kulesi - widget'ların altında, kaydırmada takip eder.
   84px = yapışkan üst çubuğun altında kalmasın.
   Boyut BURADA veriliyor: yz_reklam() kule için data-ad-format
   basmıyor, Google'ın sabit boyut yöntemi uygulanıyor. */
.yz-ad--tower{margin:16px 0 0;max-width:300px}
.yz-ad--tower ins{width:300px;height:600px}
@media(min-width:901px){
  .yz-ad--tower{position:sticky;top:84px}
}
/* Dar ekranda 300x600 taşar; kenar çubuğu zaten alta iniyor,
   orada yatay 300x250 daha uygun. */
@media(max-width:900px){
  .yz-ad--tower ins{width:300px;height:250px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* ============================================================
   Şablon katmanı - layout / post / search
   ------------------------------------------------------------
   Yukarıdaki palet ve ortak öğelerden SONRA gelir.
   Sınıflar theme/layout.php, post.php, search.php içinde geçer.
   ============================================================ */

/* ── Sayfa başlığı ────────────────────────────────────────── */
.yz-title{
  font-size:clamp(1.75rem, 1.2rem + 2.2vw, 2.6rem);
  line-height:1.15;
  margin:28px 0 18px;
  color:var(--dy-ink);
}

/* ── Kenar çubuklu düzen ──────────────────────────────────── */
.yz-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.yz-layout__side{position:sticky;top:84px}
@media(max-width:900px){
  .yz-layout{grid-template-columns:1fr}
  .yz-layout__side{position:static}
}

/* ── Rozet ────────────────────────────────────────────────── */
.yz-badge{
  display:inline-block;padding:4px 11px;border-radius:99px;
  background:var(--dy-surface-2);color:var(--dy-accent);
  font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.yz-badge--sm{padding:2px 8px;font-size:.68rem;text-transform:none;letter-spacing:0}

/* ── Konum izi ────────────────────────────────────────────── */
.yz-crumb{display:flex;gap:8px;align-items:center;font-size:.86rem;color:var(--dy-muted);padding-top:22px}
.yz-crumb a{text-decoration:none;color:var(--dy-muted)}
.yz-crumb a:hover{color:var(--dy-accent)}

/* ── Yazı ─────────────────────────────────────────────────── */
.yz-art{max-width:760px}
.yz-art__head .yz-title{margin-top:12px}
.yz-art__meta{display:flex;gap:9px;align-items:center;color:var(--dy-muted);font-size:.87rem;margin:0 0 26px}
.yz-art__cover{margin:0 0 30px}
.yz-art__cover img{width:100%;height:auto;border-radius:var(--site-radius);border:1px solid var(--dy-line);display:block}

.yz-art__body{font-size:1.06rem;line-height:1.75;color:var(--dy-ink)}
.yz-art__body > *:first-child{margin-top:0}
.yz-art__body p{margin:0 0 1.15em}
.yz-art__body h2,.yz-art__body h3,.yz-art__body h4{margin:1.9em 0 .6em;line-height:1.25}
.yz-art__body h2{font-size:1.5rem}
.yz-art__body h3{font-size:1.24rem}
.yz-art__body a{color:var(--dy-accent);text-decoration:underline;text-underline-offset:2px}
.yz-art__body img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--dy-line)}
.yz-art__body ul,.yz-art__body ol{margin:0 0 1.15em;padding-left:1.35em}
.yz-art__body li{margin:.3em 0}
.yz-art__body blockquote{
  margin:1.5em 0;padding:2px 0 2px 18px;
  border-left:3px solid var(--dy-gold);color:var(--dy-muted);font-style:italic;
}
.yz-art__body table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.yz-art__body th,.yz-art__body td{border:1px solid var(--dy-line);padding:9px 12px;text-align:left}
.yz-art__body th{background:var(--dy-surface-2);color:var(--dy-ink)}

/* ── Etiketler ────────────────────────────────────────────── */
.yz-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:34px 0 0}
/* Etiket bir "çip". Bağlantı varsa <a> çip olur, yoksa <li>
   kendisi çip gibi görünür - iki durumda da aynı biçim. */
.yz-tags li,
.yz-tags li > a{
  display:inline-block;padding:5px 12px;
  border:1px solid var(--dy-line);border-radius:99px;
  font-size:.78rem;color:var(--dy-muted);text-decoration:none;
}
.yz-tags li:has(> a){padding:0;border:0}
.yz-tags li > a{transition:border-color .16s ease,color .16s ease}
.yz-tags li > a:hover{border-color:var(--dy-accent-dim);color:var(--dy-accent)}

/* ── Yan çubuk widget'ları ───────────────────────────────────
   sidebar-widgets.php'nin bastığı sınıflar; gece paletine
   uyarlanıyor. Panelde "sidebar" menüsü tanımlıysa görünür. */
.sidebar-widget{
  background:var(--dy-surface);border:1px solid var(--dy-line);
  border-radius:var(--site-radius);padding:18px;margin:0 0 16px;
}
.sidebar-widget__title{
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:1rem;font-weight:700;margin:0 0 12px;color:var(--dy-ink);
}
.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sidebar-list a,.sidebar-link{
  display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  padding:7px 0;color:var(--dy-muted);text-decoration:none;font-size:.92rem;
  border-bottom:1px solid var(--dy-line);
}
.sidebar-list li:last-child a{border-bottom:0}
.sidebar-list a:hover,.sidebar-link:hover{color:var(--dy-accent)}
.sidebar-list__count{color:var(--dy-muted);font-size:.78rem;font-variant-numeric:tabular-nums}

.sidebar-search{display:flex;gap:8px}
.sidebar-search input{
  flex:1;min-width:0;padding:10px 12px;font:inherit;font-size:.92rem;
  background:var(--dy-surface-2);color:var(--dy-ink);
  border:1px solid var(--dy-line);border-radius:99px;
}
.sidebar-search button{
  padding:10px 16px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;
  background:var(--dy-accent);color:var(--site-accent-fg);border:0;border-radius:99px;
}

.sidebar-posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sidebar-posts a{display:flex;gap:11px;align-items:flex-start;text-decoration:none;color:var(--dy-ink)}
.sidebar-posts__thumb{width:56px;height:56px;flex:none;object-fit:cover;border-radius:10px;display:block}
.sidebar-posts__t{font-size:.9rem;font-weight:600;line-height:1.35}
.sidebar-posts__d{color:var(--dy-muted);font-size:.76rem;margin-top:3px;display:block}
.sidebar-posts a:hover .sidebar-posts__t{color:var(--dy-accent)}

.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-tags a{
  padding:5px 11px;border:1px solid var(--dy-line);border-radius:99px;
  font-size:.76rem;color:var(--dy-muted);text-decoration:none;
}
.sidebar-tags a:hover{border-color:var(--dy-accent-dim);color:var(--dy-accent)}

.sidebar-comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sidebar-comments__who{font-weight:600;font-size:.86rem;color:var(--dy-ink)}
.sidebar-comments__txt{color:var(--dy-muted);font-size:.85rem;line-height:1.5}
.sidebar-comments__on{color:var(--dy-accent);font-size:.78rem;text-decoration:none}
.sidebar-empty{color:var(--dy-muted);font-size:.88rem;margin:0}

/* ── Benzer yazılar ───────────────────────────────────────── */
.yz-rel{margin-top:56px}
.yz-rel__title{font-size:1.3rem;margin:0 0 18px}
.yz-rel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:820px){.yz-rel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.yz-rel__grid{grid-template-columns:1fr}}
.yz-rel__item{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;
  background:var(--dy-surface);border:1px solid var(--dy-line);
  border-radius:var(--site-radius);padding:12px;color:var(--dy-ink);
  transition:border-color .16s ease, transform .16s ease;
}
.yz-rel__item:hover{border-color:var(--dy-accent-dim);transform:translateY(-2px);color:var(--dy-ink)}
.yz-rel__item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.yz-rel__item span{font-size:.92rem;font-weight:600;line-height:1.35}

/* ── Arama ────────────────────────────────────────────────── */
.yz-search{max-width:820px}
.yz-search__form{display:flex;gap:10px;margin:0 0 24px;flex-wrap:wrap}
.yz-search__form input{
  flex:1 1 260px;min-width:0;padding:12px 16px;font:inherit;
  background:var(--dy-surface);color:var(--dy-ink);
  border:1px solid var(--dy-line);border-radius:99px;
}
.yz-search__form input:focus{outline:2px solid var(--dy-accent-dim);outline-offset:1px}
.yz-search__form button{
  padding:12px 24px;font:inherit;font-weight:700;cursor:pointer;
  background:var(--dy-accent);color:var(--site-accent-fg);
  border:0;border-radius:99px;
}
.yz-search__note{color:var(--dy-muted);margin:0 0 22px}
.yz-search__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.yz-search__item a{
  display:flex;gap:14px;align-items:flex-start;text-decoration:none;
  background:var(--dy-surface);border:1px solid var(--dy-line);
  border-radius:var(--site-radius);padding:14px;color:var(--dy-ink);
}
.yz-search__item a:hover{border-color:var(--dy-accent-dim);color:var(--dy-ink)}
.yz-search__item img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:none;display:block}
.yz-search__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.yz-search__t{font-weight:700;font-size:1.02rem}
.yz-search__s{color:var(--dy-muted);font-size:.9rem;line-height:1.5}

/* ============================================================
   Blok stilleri - gece paletine uyarlama
   ------------------------------------------------------------
   blocks/*.php kendi CSS'ini kendi basar ve o dosyalar ÇOK
   SİTELİDİR: varsayılanları açık zemin + mor vurgu. Denizin
   Yıldızı gece paletinde (lacivert + turkuaz + altın) çalışıyor,
   bu yüzden gerektiği yerde üstüne yazıyoruz.

   Blok CSS'i <main> içinde, bu dosyadan SONRA basıldığı için
   burada seçici gücü yüksek tutuluyor (section.blk...).
   ============================================================ */

/* ── promo (bölüm kahramanı) ───────────────────────────────── */
section.blk.blk-promo{
  background:linear-gradient(135deg,var(--dy-surface) 0%,var(--dy-ground) 55%,#0B2537 100%);
  border:1px solid var(--dy-line);
  border-radius:var(--site-radius);
  color:var(--dy-ink);
}
section.blk.blk-promo .blk-promo__dots{color:var(--dy-accent);opacity:.18}
section.blk.blk-promo .blk-promo__eyebrow{color:var(--dy-gold)}
section.blk.blk-promo .blk-promo__sub{color:var(--dy-muted)}
section.blk.blk-promo .blk-promo__btn{
  background:var(--dy-accent);color:var(--site-accent-fg);
  box-shadow:0 16px 30px -16px rgba(92,196,222,.55);
}
section.blk.blk-promo .blk-promo__btn:hover{background:var(--dy-gold-solid);color:#08131E}

/* ── cover_cards / media_cards mor katmanı ─────────────────── */
.blk-cvc-card__ov,
.kh-mc__photo::after{
  background:linear-gradient(180deg,rgba(7,19,31,.72) 0%,rgba(7,19,31,.15) 34%,rgba(7,19,31,.15) 58%,rgba(7,19,31,.88) 100%);
}
.blk-cvc-card__btn{background:var(--dy-accent);color:var(--site-accent-fg)}
.blk-cvc__headbtn{background:var(--dy-accent);color:var(--site-accent-fg)}

/* ── features: görsel ikonlar (burç simgeleri) ─────────────── */
.blk-feature__icon-img{
  width:58px;height:58px;object-fit:contain;
  background:var(--dy-surface-2);border-radius:50%;padding:6px;
}
.blk-feature--link:hover{border-color:var(--dy-accent-dim)}

/* ── counter (uyum puanı) ──────────────────────────────────── */
.blk-counter-item{
  background:var(--dy-surface);border:1px solid var(--dy-line);
  border-radius:var(--site-radius);padding:22px 18px;
}
.blk-counter-num{color:var(--dy-gold-solid)}
.blk-counter-lbl{color:var(--dy-muted)}

/* ── faq ───────────────────────────────────────────────────── */
.blk-faq__item{background:var(--dy-surface);border-color:var(--dy-line)}
.blk-faq__q{color:var(--dy-ink)}
.blk-faq__a{color:var(--dy-muted)}

/* ============================================================
   Yazı gövdesindeki devralınan hizalama sınıfları
   ------------------------------------------------------------
   WordPress görselleri alignleft/alignright/aligncenter ile
   basıyordu; o temanın CSS'i gitti, sınıflar kaldı. Sonuç:
   metnin yanına yaslanması gereken görsel satır arasında tek
   başına duruyordu ("düzensiz"). Karşılığını burada veriyoruz.
   ============================================================ */
.yz-art__body .alignleft,
.blk-text__body .alignleft{float:left;margin:4px 22px 14px 0;max-width:42%}
.yz-art__body .alignright,
.blk-text__body .alignright{float:right;margin:4px 0 14px 22px;max-width:42%}
.yz-art__body .aligncenter,
.blk-text__body .aligncenter{display:block;margin:18px auto;float:none}
.yz-art__body .alignnone,
.blk-text__body .alignnone{display:block;margin:18px 0;float:none}
/* Kayan görselden sonra gelen başlık alta inmesin diye taşmayı kapat */
.yz-art__body h2,.yz-art__body h3,.yz-art__body h4,
.blk-text__body h2,.blk-text__body h3,.blk-text__body h4{clear:both}

@media(max-width:620px){
  .yz-art__body .alignleft,.blk-text__body .alignleft,
  .yz-art__body .alignright,.blk-text__body .alignright{
    float:none;display:block;margin:18px auto;max-width:100%;
  }
}

/* Bağlantısız burç kartı (İngilizce tarafta burç sayfası yok):
   kart görünümü kalsın ama tıklanabilir gibi durmasın. */
div.dy-sign{cursor:default}
div.dy-sign:hover{transform:none;border-color:var(--dy-line);background:var(--dy-surface)}