/* Ortak eklemeler: çerez bandı, footer bağlantıları, reklam hedefleri. Renkler sayfanın token'larından gelir. */

/* Reklam site bağlantıları: sabit üst bar başlığı örtmesin */
#fen, #matematik, #lgs, #online, #yuz-yuze, section[id] {
  scroll-margin-top: calc(84px + env(safe-area-inset-top, 0px));
}
.card:target, .fmt:target {
  animation: ybc-hedef 2.4s ease-out 1;
}
@keyframes ybc-hedef {
  0%, 35% { box-shadow: 0 0 0 4px var(--coral, #D9634A); }
  100% { box-shadow: 0 0 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .card:target, .fmt:target { animation: none; box-shadow: 0 0 0 3px var(--coral, #D9634A); }
}
.fmt .bolge { display: block; margin-top: 4px; font-size: .85rem; font-weight: 700; color: var(--ink, #2F3A7A); }
.fmt .bolge[hidden] { display: none; }

/* Çerez bandı — dock'un üstünde, onu kapatmadan */
.ybc-cerez {
  position: fixed; left: 12px; right: 12px; z-index: 40;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  max-width: 560px; margin: 0 auto;
  background: var(--surface, #FFFFFF); color: var(--ink, #2F3A7A);
  border: 1px solid var(--line, #E6E0D5); border-radius: 18px;
  padding: 14px 16px; display: grid; gap: 10px;
  box-shadow: 0 18px 40px -18px rgba(20, 24, 60, .5);
  font-family: var(--f-body, "Nunito", "Segoe UI", system-ui, sans-serif);
  font-size: .9rem; line-height: 1.5;
}
.ybc-cerez[hidden] { display: none; }
.ybc-cerez.has-dock { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 880px) { .ybc-cerez.has-dock { bottom: calc(14px + env(safe-area-inset-bottom, 0px)); } }
.ybc-cerez p { margin: 0; }
.ybc-cerez a { color: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.ybc-cerez-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ybc-cerez button {
  font: inherit; font-weight: 800; cursor: pointer; border-radius: 999px; padding: 10px 14px;
  background: transparent; color: var(--ink, #2F3A7A); border: 2px solid var(--ink, #2F3A7A);
}
.ybc-cerez button:hover { background: color-mix(in srgb, var(--ink, #2F3A7A) 8%, transparent); }
.ybc-cerez a:focus-visible, .ybc-cerez button:focus-visible { outline: 3px solid var(--coral, #D9634A); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .ybc-cerez { animation: ybc-gir .25s ease-out; }
  @keyframes ybc-gir { from { transform: translateY(8px); opacity: .4; } }
}

/* Footer bağlantıları */
.ybc-footer-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 6px; }
.ybc-footer-links a, .ybc-footer-links button {
  font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
}
.ybc-footer-links a:focus-visible, .ybc-footer-links button:focus-visible { outline: 3px solid var(--coral, #D9634A); outline-offset: 2px; border-radius: 4px; }