/* "Made by ssilistre.dev" imzasi (app/Views/partials/credit.php). Kendi basina; tema degiskenleri yoksa fallback kullanir.
   Varsayilan: isaret + metin; hover/focus-visible: metin yukari kayar, wordmark asagidan gelir. */
.fe-credit {
  --fe-h: 28px;
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  height: var(--fe-h); padding: 0 12px; box-sizing: border-box; overflow: hidden; vertical-align: middle;
  border: 2px solid var(--wood, #b7743d); border-radius: 999px;
  background: var(--paper, #f8ebcd); color: var(--ink, #4a2c17);
  box-shadow: 0 2px 0 var(--wood-dark, #6e3f1b);
  font: 700 11px/1 var(--font, "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif);
  text-decoration: none; -webkit-tap-highlight-color: transparent;
}
.fe-credit:focus-visible { outline: 3px solid var(--accent, #72b043); outline-offset: 2px; }
.fe-credit__a, .fe-credit__b { display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: transform .3s ease-out; }
.fe-credit__a { transform: translateY(0); }
.fe-credit__b { position: absolute; inset: 0; transform: translateY(var(--fe-h)); }
.fe-credit__a span { white-space: nowrap; }
.fe-credit__a b { font-weight: 800; color: var(--wood-dark, #6e3f1b); }
.fe-credit img { display: block; width: auto; }
.fe-credit__a img { height: 16px; }
.fe-credit__b img { height: 18px; }
.fe-credit:hover .fe-credit__a, .fe-credit:focus-visible .fe-credit__a { transform: translateY(calc(var(--fe-h) * -1)); }
.fe-credit:hover .fe-credit__b, .fe-credit:focus-visible .fe-credit__b { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .fe-credit__a, .fe-credit__b { transition: none; }
}

/* Koyu zemin: ahsap tabela. Isaret siyah+kirmizi (acik zemin icin); koyuda beyaza cevrilir, wordmark -light varyanti kullanilir. */
.fe-credit--dark { background: var(--wood-dark, #6e3f1b); border-color: var(--wood, #b7743d); color: var(--paper, #f8ebcd); box-shadow: 0 2px 0 rgba(0, 0, 0, .35); }
.fe-credit--dark .fe-credit__a b { color: #fff8e7; }
.fe-credit--dark .fe-credit__a img { filter: brightness(0) invert(1); }

/* Admin: Tabler footer satiri. Rozet degil; kucuk muted metin + ince isaret, hover/focus'ta vurgu. Wordmark kaymasi yok. */
.fe-credit--admin { --fe-h: 28px; overflow: visible; height: auto; min-height: var(--fe-h); padding: 0 .5rem; border: 0; border-radius: var(--tblr-border-radius, 4px); background: transparent; box-shadow: none; color: var(--tblr-secondary, #6b7280); font: 400 .8125rem/1.4 var(--tblr-font-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif); transition: color .15s; }
.fe-credit--admin .fe-credit__a, .fe-credit--admin:hover .fe-credit__a, .fe-credit--admin:focus-visible .fe-credit__a { transform: none; transition: none; }
.fe-credit--admin .fe-credit__b { display: none; }
.fe-credit--admin .fe-credit__a img { height: 14px; opacity: .55; transition: opacity .15s; }
.fe-credit--admin .fe-credit__a b { font-weight: 600; color: inherit; }
.fe-credit--admin:hover, .fe-credit--admin:focus-visible { color: var(--tblr-primary, #1d7a2e); }
.fe-credit--admin:hover .fe-credit__a img, .fe-credit--admin:focus-visible .fe-credit__a img { opacity: 1; }
.fe-credit--admin:focus-visible { outline: 2px solid var(--tblr-primary, #1d7a2e); outline-offset: 0; }

/* Oyun: Ciftlik sekmesinde panel altinda; yukleme ekraninda alt kosede. HUD'a kalici eklenmez. */
.fe-credit-slot { display: none; flex: none; justify-content: center; padding: 6px 0 2px; }
.board-panel:has(#tabs [data-tab="farm"].on) > .fe-credit-slot { display: flex; }
#loader .fe-credit-slot { display: flex; position: absolute; left: 0; right: 0; bottom: calc(14px + env(safe-area-inset-bottom)); padding: 0; }