/* ---------------------------------------------------------------- günlük duyuru kartı (site.js "duyuru", 18 Ekim 2026):
   sağ altta, ipucunun yerinde (ikisi aynı sayfada çıkmaz); telefonda alt kenarda, alt menünün üstünde. Sabit konumlu:
   sayfayı kaydırmaz, içeriğin üstünü örtmez (köşede durur). Giriş/çıkış hareketleri ipucuyla ortak (site.css). */
.duyuru {
  position: fixed; z-index: 56; right: 24px; bottom: calc(24px + var(--alt-menu)); width: 380px; max-width: calc(100vw - 48px);
  padding: 20px 20px 18px; background: var(--yuksek); border: 1px solid var(--kenar-guclu); border-top: 3px solid var(--soguk);
  border-radius: 14px; box-shadow: 0 18px 50px var(--golge);
  animation: ipucu-gir .45s cubic-bezier(.2, .8, .3, 1) both;
}
.duyuru.duyuru-gidiyor { animation: ipucu-cik .3s ease-in both; }
.duyuru-simge { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(var(--soguk-rgb), .16); color: var(--soguk); }
.duyuru-simge svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.duyuru-baslik { margin-top: 12px; padding-right: 28px; font-family: var(--yazi); font-size: 19px; font-weight: 700; line-height: 1.25; color: var(--baslik); }
.duyuru-metin { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--metin); }
.duyuru-ek { margin-top: 8px; font-size: 14px; line-height: 1.45; color: var(--yumusak); }
.duyuru-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.duyuru-kapat {
  position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%;
  background: transparent; color: var(--soluk); font: inherit; font-size: 22px; line-height: 1; cursor: pointer;
}
.duyuru-kapat:hover { background: rgba(var(--ust-rgb), .08); color: var(--baslik); }
@media (max-width: 640px) {
  .duyuru { left: 12px; right: 12px; bottom: calc(12px + var(--alt-menu)); width: auto; max-width: none; padding: 16px 16px 14px; }
  .duyuru-simge { display: none; }
  .duyuru-baslik { margin-top: 0; font-size: 17px; }
  .duyuru-metin { font-size: 14px; }
  .duyuru-ek { display: none; }   /* telefonda kısa kalsın: kılavuz zaten düğmede */
  .duyuru-kapat { top: 4px; right: 4px; width: 40px; height: 40px; }
  .duyuru-eylem .dugme { flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .duyuru, .duyuru.duyuru-gidiyor { animation: none; } }
@media print { .duyuru { display: none; } }

/* Kullanım kılavuzu: içindekiler (sabit sayfa metninin içinde, iki sütun) */
.kilavuz-icindekiler { background: var(--kart); border: 1px solid var(--kenar); padding: 18px 20px; }
.metin .kilavuz-icindekiler h2 { margin: 0 0 10px; font-size: 18px; }
.kilavuz-icindekiler ol { columns: 2 220px; column-gap: 28px; }
.kilavuz-icindekiler li { break-inside: avoid; }
.metin .kilavuz-icindekiler li + li { margin-top: 0.3em; }

/* Metin içindeki düğme (kılavuz ve iletişim sayfasındaki "Bize yazın"): .metin a rengi ve alt çizgisi düğmeye geçmesin */
.metin a.dugme { font-family: var(--yazi); font-size: 15px; color: var(--metin); text-decoration: none; }
.metin a.dugme-birincil, .metin a.dugme-birincil:hover { color: var(--zemin); }