/* TarinShow custom footer — general ranking identity, not anime-specific */
.ts-site-footer {
    width: 100%;
    margin-top: 42px;
    background:
        linear-gradient(90deg, rgba(20,39,70,.98) 0%, rgba(20,39,70,.97) 55%, rgba(28,53,88,.95) 100%),
        url('../img/tarinshow-footer-art.svg') left bottom / auto 100% no-repeat,
        #142746;
    color: #fff;
    direction: rtl;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(227,160,71,.25);
}
.ts-site-footer-inner {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 42px 0 34px;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 42px;
}
.ts-footer-column h3 { margin:0 0 15px; font-size:16px; font-weight:700; color:#fff; }
.ts-footer-column h3::after { content:''; display:block; width:30px; height:2px; margin-top:8px; background:#c77a2b; border-radius:99px; }
.ts-footer-brand .ts-footer-logo { display:inline-block; margin-bottom:9px; color:#fff; text-decoration:none; font-size:24px; font-weight:800; }
.ts-footer-brand p { margin:0; max-width:360px; color:rgba(255,255,255,.68); line-height:1.9; font-size:13px; }
.ts-footer-column ul { list-style:none; margin:0; padding:0; }
.ts-footer-column li { margin:0 0 9px; }
.ts-footer-column a { color:rgba(255,255,255,.72); text-decoration:none; font-size:13px; transition:color .18s ease; }
.ts-footer-column a:hover { color:#e0a04a; }
.ts-footer-bottom { border-top:1px solid rgba(255,255,255,.09); background:rgba(10,22,40,.38); }
.ts-footer-bottom-inner { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:15px 0; color:rgba(255,255,255,.52); font-size:12px; text-align:center; }
@media (max-width:700px) {
    .ts-site-footer { margin-top:28px; background-size:auto 70%; background-position:-20px bottom; }
    .ts-site-footer-inner { width:min(100% - 32px,560px); padding:32px 0 26px; grid-template-columns:1fr; gap:24px; }
    .ts-footer-brand .ts-footer-logo { font-size:22px; }
    .ts-footer-bottom-inner { width:min(100% - 32px,560px); line-height:1.8; }
}

.ts-footer-inline-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 9px;
    margin: 0 !important;
}
.ts-footer-inline-links span {
    color: rgba(255,255,255,.35);
    font-size: 12px;
}