/* =====================================================================
   STALKERX — MOD SHOW  (scope: body.zx.zx-mods-show)  · needs zx-theme.css + zx-article.css
   ===================================================================== */

/* download button in hero + body */
.zx-mods-show .zx-mod-hero-actions { display: flex; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.zx-mods-show .mod-download-links { display: flex; gap: 12px; flex-wrap: wrap; margin: 8px 0; }
.zx-mods-show .mod-download-links-item-torrent {
    font-family: var(--font-mono); font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600;
    background: var(--zx-amber); color: #10130f; text-decoration: none; padding: 14px 28px; transition: all .2s;
    display: inline-flex; align-items: center; gap: 10px; border: none;
}
.zx-mods-show .mod-download-links-item-torrent img { width: 18px; height: 18px; filter: brightness(0); } /* dark icon, visible on amber */
.zx-mods-show .mod-download-links-item-torrent:hover { background: transparent; color: var(--zx-amber); box-shadow: inset 0 0 0 1.5px var(--zx-amber); }
.zx-mods-show .mod-download-links-item-torrent:hover img { filter: brightness(0) saturate(100%) invert(72%) sepia(45%) saturate(700%) hue-rotate(2deg) brightness(95%); } /* amber icon on hover */
.zx-mods-show .mod-download-links-item--disabled { opacity: .4; pointer-events: none; }

/* body wrap */
.zx-mods-show .zx-mod-wrap { max-width: 1000px; margin: 0 auto; padding: 48px 20px 0; }

/* kill leftover global radii on this page's block containers */
.zx-mods-show .mod-rating, .zx-mods-show .system-requirements-item, .zx-mods-show .mod-download-links-item-torrent { border-radius: 0 !important; }

/* rating stars */
.zx-mods-show .mod-rating { margin: 40px 0; padding: 24px; border: 1px solid var(--zx-line-2); background: var(--zx-bg-2); text-align: center; }
.zx-mods-show .mod-rating-title { font-family: var(--font-mono); font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--zx-amber-dim); margin-bottom: 14px; }
.zx-mods-show .bod-rating-starts { display: inline-flex; gap: 6px; font-size: 24px; color: var(--zx-line-2); }
.zx-mods-show .bod-rating-starts .fa-star { cursor: pointer; transition: color .15s, transform .15s; color: var(--zx-line-2); }
.zx-mods-show .bod-rating-starts .fa-star.fa-solid { color: var(--zx-amber); }
.zx-mods-show .bod-rating-starts .fa-star:hover { color: var(--zx-amber-2); transform: scale(1.15); }

/* system requirements accordion */
.zx-mods-show .system-requirements-wrap { margin: 40px 0; display: flex; flex-direction: column; gap: 12px; }
.zx-mods-show .system-requirements-item { border: 1px solid var(--zx-line-2); background: var(--zx-bg-2); transition: border-color .2s; }
.zx-mods-show .system-requirements-item:hover { border-color: var(--zx-amber); background: var(--zx-bg-2) !important; }
.zx-mods-show .system-requirements-title:hover { background: transparent !important; }
.zx-mods-show .system-requirements-title {
    font-family: var(--font-mono); font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--zx-text);
    padding: 18px 20px; cursor: pointer; display: flex; align-items: center; gap: 12px; transition: color .2s; user-select: none;
    border-radius: 0;
}
.zx-mods-show .system-requirements-title i { color: var(--zx-amber); }
.zx-mods-show .system-requirements-title::after { content: "+"; margin-left: auto; font-size: 18px; color: var(--zx-amber-dim); transition: color .2s; }
.zx-mods-show .system-requirements-item:hover .system-requirements-title,
.zx-mods-show .system-requirements-title:hover { color: var(--zx-amber); }
.zx-mods-show .system-requirements-item:hover .system-requirements-title::after { color: var(--zx-amber); }
.zx-mods-show .system-requirements-text {
    display: none; padding: 0 20px 20px; font-size: 14.5px; line-height: 1.7; color: rgba(217,222,212,.75);
    border-top: 1px solid var(--zx-line);
}
.zx-mods-show .system-requirements-text.active { display: block; padding-top: 16px; }
.zx-mods-show .system-requirements-item:has(.active) .system-requirements-title::after { content: "−"; }

/* admin buttons */
.zx-mods-show .mod-edit-delete-btns { display: flex; gap: 12px; margin: 30px 0; flex-wrap: wrap; }
.zx-mods-show .mod-edit-delete-btns .btn, .zx-mods-show .mod-edit-delete-btns .btn-dark {
    font-family: var(--font-mono); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; padding: 11px 20px;
    text-decoration: none; cursor: pointer; transition: all .2s; border: 1px solid var(--zx-line-2); background: var(--zx-bg-2); color: var(--zx-text);
}
.zx-mods-show .mod-edit-delete-btns .btn:hover { border-color: var(--zx-amber); color: var(--zx-amber); }
.zx-mods-show .mod-edit-delete-btns .btn-dark { color: var(--zx-danger); border-color: rgba(255,90,44,.3); }
.zx-mods-show .mod-edit-delete-btns .btn-dark:hover { background: rgba(255,90,44,.12); border-color: var(--zx-danger); }