/* g#78 deefter.com/yenilikler — yenilik (bildirim) sayfaları ve liste. Sayfalar panelden üretilir (hesap: AnaSeo); renkler yasal sayfalarla aynı,
   varsayılan karanlık tema (deefter_tema çerezi). Bildirimin kendi renk çifti --a1 / --a2 yalnız süs öğelerinde (yazı her zaman AA kontrastlı). */
:root { color-scheme: light; --zemin: #eef0f5; --yuzey: #fff; --yuzey-2: #f5f6fa; --cizgi: #e2e5ec; --yazi: #141a2a; --soluk: #5d6579; --vurgu: #c8005a; }
[data-bs-theme="dark"] { color-scheme: dark; --zemin: #0a0d13; --yuzey: #141924; --yuzey-2: #1a2030; --cizgi: #242b39; --yazi: #eceff5; --soluk: #a4acbe; --vurgu: #ff4d97; }
* { box-sizing: border-box; }
body.yu { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased; background: var(--zemin); color: var(--yazi); line-height: 1.5; }
.yu a { color: var(--vurgu); }
.logo-koyu { display: none; }
[data-bs-theme="dark"] .logo-acik { display: none; }
[data-bs-theme="dark"] .logo-koyu { display: inline; }

.yu-ust { max-width: 860px; margin: 0 auto; padding: 20px 16px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.yu-marka { display: inline-flex; }
.yu-marka img { height: 26px; width: auto; }
.yu-menu { display: flex; gap: 6px; flex-wrap: wrap; }
.yu-menu a { padding: 7px 14px; border-radius: 999px; font-size: .86rem; font-weight: 650; color: var(--yazi); text-decoration: none; background: var(--yuzey); border: 1px solid var(--cizgi); }
.yu-menu a:hover { border-color: color-mix(in srgb, var(--vurgu) 45%, var(--cizgi)); }

.yu-ana { max-width: 860px; margin: 0 auto; padding: 4px 16px 56px; }
.yu-iz ol { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; font-size: .8rem; color: var(--soluk); }
.yu-iz li + li::before { content: "›"; margin-right: 4px; color: var(--soluk); }
.yu-iz a { color: var(--soluk); text-decoration: none; font-weight: 600; }
.yu-iz a:hover { color: var(--yazi); }

.yu-makale, .yu-liste-bas { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 22px; padding: clamp(20px, 4.2vw, 40px); }
.yu-bas { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.yu-ikon { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 17px; display: grid; place-items: center; color: #fff; font-size: 1.7rem;
  background: linear-gradient(145deg, var(--a1, #ff7aa8), var(--a2, #ec0a6e)); box-shadow: 0 10px 24px color-mix(in srgb, var(--a2, #ec0a6e) 32%, transparent); }
.yu h1 { font-size: clamp(1.55rem, 3.6vw, 2.15rem); line-height: 1.15; letter-spacing: -.015em; margin: 0 0 6px; font-weight: 800; text-wrap: balance; }
.yu-ozet { margin: 0 0 8px; font-size: 1.04rem; color: var(--soluk); font-weight: 500; }
.yu-tarih { margin: 0; font-size: .8rem; color: var(--soluk); }
.yu-etiket { font-weight: 700; color: var(--yazi); }

.yu-metin { font-size: 1rem; line-height: 1.72; }
.yu-metin h2 { font-size: 1.22rem; line-height: 1.3; margin: 1.5em 0 .5em; }
.yu-metin h3 { font-size: 1.05rem; margin: 1.3em 0 .4em; }
.yu-metin ul, .yu-metin ol { padding-left: 1.25em; }
.yu-metin li { margin: .3em 0; }
.yu-metin p { margin: .7em 0; }
.yu-gorsel, .yu-galeri figure { margin: 18px 0; }
.yu-gorsel img, .yu-galeri img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--yuzey-2); }
.yu-galeri { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; margin: 18px 0; }   /* tek görsel tam genişlik */
.yu-galeri figure { margin: 0; }
.yu-video { position: relative; aspect-ratio: 16 / 9; margin: 18px 0; border-radius: 14px; overflow: hidden; border: 1px solid var(--cizgi); }
.yu-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yu-eylem { margin: 22px 0 4px; }
.yu-dugme { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 14px; font-weight: 750; text-decoration: none;
  background: var(--yazi); color: var(--yuzey) !important; box-shadow: 0 8px 20px color-mix(in srgb, var(--a2, #ec0a6e) 28%, transparent); }
.yu-dugme:hover { filter: brightness(1.12); }
.yu-dugme:focus-visible, .yu-kart:focus-visible, .yu-menu a:focus-visible { outline: 3px solid var(--vurgu); outline-offset: 2px; }

.yu-diger { margin-top: 30px; }
.yu-diger h2 { font-size: 1.1rem; margin: 0 0 12px; }
.yu-kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; }
.yu-kart { height: 100%; display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 16px; background: var(--yuzey); border: 1px solid var(--cizgi);
  color: var(--yazi) !important; text-decoration: none; transition: border-color .15s, transform .15s; }
.yu-kart:hover { border-color: color-mix(in srgb, var(--a2, #ec0a6e) 55%, var(--cizgi)); transform: translateY(-1px); }
.yu-kart .yu-ikon { width: 42px; height: 42px; border-radius: 13px; font-size: 1.25rem; box-shadow: none; }
.yu-kart-ic { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.yu-kart-ic b { font-size: .95rem; line-height: 1.3; }
.yu-kart-ic small { font-size: .82rem; color: var(--soluk); line-height: 1.4; }
.yu-kart-ic time { font-size: .74rem; color: var(--soluk); margin-top: 2px; }
.yu-tumu { margin: 14px 0 0; font-weight: 700; }
.yu-liste-bas { margin-bottom: 16px; }
.yu-liste-bas p { margin: 4px 0 0; color: var(--soluk); }
.yu-hepsi { margin-top: 4px; }

.yu-alt { max-width: 860px; margin: 0 auto; padding: 8px 16px 36px; text-align: center; font-size: .8rem; color: var(--soluk); }
.yu-alt nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; margin-bottom: 8px; }
.yu-alt a { color: var(--soluk); text-decoration: none; font-weight: 600; }
.yu-alt a:hover { color: var(--yazi); }
.yu-alt p { margin: 8px 0 0; }

@media (max-width: 560px) {
  .yu-bas { flex-direction: column; gap: 12px; }
  .yu-ust { padding-top: 14px; }
  .yu-menu a { padding: 7px 11px; }
}
/* g#48: yazdırma her zaman aydınlık */
@media print {
  :root, [data-bs-theme="dark"] { color-scheme: light; --zemin: #fff; --yuzey: #fff; --yuzey-2: #fff; --cizgi: #d5d9e2; --yazi: #141a2a; --soluk: #474e5f; --vurgu: #c8005a; }
  body.yu { background: #fff !important; color: #141a2a !important; }
  .yu-ust .yu-menu, .yu-diger, .yu-alt nav { display: none; }
  .logo-koyu { display: none !important; } .logo-acik { display: inline !important; }
}