/* ============================================
   TEMAV1 THEME CSS
   ============================================ */

/* Base Typography (SEO readable fonts) */
body{font-size:16px;line-height:1.7}
p,li,td,th{font-size:1rem;line-height:1.7}
@media(max-width:576px){body{font-size:15px}}

/* Site Yonetimi Sticky Bar */
.sy-bar{position:fixed;bottom:0;left:0;right:0;z-index:1020;height:48px;background:linear-gradient(180deg,#0f172a,#1a2332);border-top:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;align-items:center}
.sy-track{display:flex;align-items:center;white-space:nowrap;animation:syScroll 60s linear infinite;padding-left:100%}
.sy-bar:hover .sy-track{animation-play-state:paused}
@keyframes syScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.sy-label{font-size:12px;font-weight:800;color:rgba(255,255,255,.7);padding:0 14px;flex-shrink:0;display:flex;align-items:center;gap:6px;letter-spacing:.3px}
.sy-label i{color:#818cf8;font-size:13px}
.sy-sep{width:1px;height:32px;background:rgba(255,255,255,.08);flex-shrink:0;margin:0 4px}
.sy-item{display:flex;align-items:center;gap:8px;padding:4px 10px;flex-shrink:0;cursor:default}
.sy-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}
.sy-detail{display:flex;flex-direction:column;line-height:1.3}
.sy-top{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.sy-name{font-size:12px;font-weight:700}
.sy-rank{font-size:9px;color:rgba(255,255,255,.4);font-weight:400}
.sy-stars{display:flex;gap:0;line-height:1}
.sy-star{font-size:9px}
.back-to-top{bottom:60px !important}
@media(max-width:767px){.sy-bar{height:42px}.sy-avatar{width:28px;height:28px}.sy-label{font-size:11px;padding:0 10px}.sy-name{font-size:11px}.back-to-top{bottom:54px !important}}

/* Footer Backlink */
.footer-backlink{color:inherit;text-decoration:none;font-weight:700;transition:color .2s}
.footer-backlink:hover{color:var(--primary-color,#ff4757);text-decoration:underline}