/* AGATA_02, правка п.17: раздел скинов в стиле сайта — ТОЛЬКО CSS.
   Разметка, тексты, адреса, JSON-LD и фильтр RP не меняются. Подключается после style.css и flatsome-compat.css,
   действует только внутри <main class="ags-fs"> на страницах скинов. Цвета редкости (тиры) оставлены. */
.ags-fs {
    --lol-bg: #060709;
    --lol-bg-card: #101318;
    --lol-bg-hover: #15191F;
    --lol-text: #F1F4F7;
    --lol-text-muted: #9AA3AE;
    --lol-rules: #21262E;
    --lol-gold: #4DA3FF;
    --lol-font-heading: 'Chakra Petch', 'Arial Narrow', sans-serif;
    --lol-font-body: 'Onest', 'Helvetica Neue', Arial, sans-serif;
    --lol-font-mono: 'Chakra Petch', 'Arial Narrow', sans-serif;
    --lol-radius: 16px;
    --lol-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    background: #060709 !important;
}
.ags-fs .lol-skin-page,
.ags-fs .lol-archive-page,
.ags-fs .lol-taxonomy-page {
    background: linear-gradient(180deg, #060709 0%, #0B0D11 40%, #060709 100%);
    color: var(--lol-text);
}
.ags-fs .lol-archive-page h1, .ags-fs .lol-taxonomy-page h1, .ags-fs .lol-skin-page h1,
.ags-fs .lol-archive-page h2, .ags-fs .lol-taxonomy-page h2, .ags-fs .lol-skin-page h2,
.ags-fs .lol-skin-page h3, .ags-fs .lol-taxonomy-page h3 {
    font-family: var(--lol-font-heading);
    font-weight: 700;
    letter-spacing: 0;
    color: #F1F4F7;
}
.ags-fs .archive-hero, .ags-fs .taxonomy-hero, .ags-fs .champion-header {
    background: radial-gradient(760px 420px at 78% 10%, rgba(47, 124, 246, .13), transparent 65%), #060709;
    border-color: var(--lol-rules);
}
.ags-fs .lol-breadcrumbs, .ags-fs .lol-breadcrumbs a { color: #9AA3AE; }
.ags-fs .lol-breadcrumbs a:hover { color: #4DA3FF; }
.ags-fs .lol-taxonomy-page a, .ags-fs .lol-archive-page a, .ags-fs .lol-skin-page .main-content a { color: #4DA3FF; }

/* Карточки */
.ags-fs .skin-card, .ags-fs .champion-index-card, .ags-fs .skinline-index-card, .ags-fs .tier-index-card,
.ags-fs .spec-box, .ags-fs .features-box, .ags-fs .champion-card, .ags-fs .chroma-item, .ags-fs .gallery-item,
.ags-fs .faq-section, .ags-fs .taxonomy-intro, .ags-fs .rp-price-table {
    background: #101318;
    border: 1px solid #21262E;
    border-radius: 16px;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ags-fs .skin-card:hover, .ags-fs .champion-index-card:hover, .ags-fs .skinline-index-card:hover, .ags-fs .tier-index-card:hover {
    transform: translateY(-3px);
    border-color: rgba(77, 163, 255, .45);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}
.ags-fs .skin-card-title, .ags-fs .champion-index-name, .ags-fs .skinline-index-name { font-family: var(--lol-font-heading); color: #F1F4F7; }
.ags-fs .skin-card-meta, .ags-fs .champion-index-count, .ags-fs .skinline-index-count, .ags-fs .tier-index-count, .ags-fs .tier-section-count { color: #9AA3AE; }
.ags-fs .price, .ags-fs .tier-index-price { font-family: var(--lol-font-heading); color: #F1F4F7; }
.ags-fs .spec-box h3 { border-bottom-color: #2F7CF6; }
.ags-fs .spec-box dt { color: #9AA3AE; }

/* Фильтр (селекты и поиск) — как поля сайта */
.ags-fs .filters-bar { background: #0E1116; border: 1px solid #21262E; border-radius: 16px; }
.ags-fs .filter-group label { color: #9AA3AE; font-family: var(--lol-font-body); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; font-size: 12.5px; }
.ags-fs .filter-group select,
.ags-fs .filter-group input,
.ags-fs .filter-search input {
    background-color: #101318 !important;
    color: #F1F4F7 !important;
    border: 1px solid #262C35 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-family: var(--lol-font-body);
    min-height: 44px;
}
.ags-fs .filter-group select:focus, .ags-fs .filter-group input:focus, .ags-fs .filter-search input:focus {
    outline: 2px solid #4DA3FF; outline-offset: 1px; border-color: transparent !important;
}
.ags-fs .filter-group select option { background: #101318; color: #F1F4F7; }

/* Кнопки и пагинация */
.ags-fs .lol-pagination a, .ags-fs .lol-pagination span {
    background: #101318; border: 1px solid #21262E; border-radius: 10px; color: #fff; font-weight: 700;
}
.ags-fs .lol-pagination .current, .ags-fs .lol-pagination a:hover { background: #2F7CF6; border-color: #2F7CF6; color: #fff; }
.ags-fs .lol-archive-page button, .ags-fs .lol-archive-page input[type=submit], .ags-fs .lol-taxonomy-page button {
    background: #2F7CF6 !important; color: #fff !important; border: 0 !important; border-radius: 12px !important;
    font-family: var(--lol-font-heading); font-weight: 700; letter-spacing: .02em;
}
.ags-fs .hero-overlay { background: linear-gradient(180deg, rgba(6, 7, 9, 0) 30%, rgba(6, 7, 9, .92) 100%); }
.ags-fs .hero-overlay .champion-link a { color: #4DA3FF; }

@media (prefers-reduced-motion: reduce) {
    .ags-fs .skin-card, .ags-fs .champion-index-card, .ags-fs .skinline-index-card, .ags-fs .tier-index-card { transition: none; }
    .ags-fs .skin-card:hover, .ags-fs .champion-index-card:hover, .ags-fs .skinline-index-card:hover, .ags-fs .tier-index-card:hover { transform: none; }
}
.ags-fs .skin-card a, .ags-fs .skin-card .skin-card-title, .ags-fs .skin-card-title a,
.ags-fs .champion-index-card a, .ags-fs .skinline-index-card a, .ags-fs .tier-index-card a { color: #F1F4F7; }
.ags-fs .skin-card:hover .skin-card-title, .ags-fs .champion-index-card:hover .champion-index-name, .ags-fs .skinline-index-card:hover .skinline-index-name { color: #4DA3FF; }