/* FootShart homepage — black & gold premium theme. Loaded only on the front page, only when enabled.
   Remove footshart-home-premium.php to restore the previous light design instantly. */
body.fs-home-modern.fs-premium {
    --fs-ink: #f3efe2;
    --fs-muted: #b3ad99;
    --fs-line: rgba(228, 184, 74, 0.2);
    --fs-surface: #12121a;
    --fs-soft: #171722;
    --fs-green: #e4b84a;
    --fs-green-2: #f6d77a;
    --fs-gold: #e4b84a;
    --p-bg: #07070b;
    --p-card: #12121a;
    --p-card-2: #191925;
    --p-gold: #e4b84a;
    --p-gold-2: #f6d77a;
    --p-gold-deep: #a97b12;
    --p-text: #f3efe2;
    --p-muted: #b3ad99;
    --p-line: rgba(228, 184, 74, 0.22);
    background:
        radial-gradient(circle at 88% 0%, rgba(228, 184, 74, 0.14), transparent 30rem),
        radial-gradient(circle at 5% 40%, rgba(169, 123, 18, 0.10), transparent 26rem),
        var(--p-bg);
    color: var(--p-text);
}

/* ---------- header / navigation ---------- */
body.fs-premium #theme-header,
body.fs-premium #theme-header .logo-row,
body.fs-premium #theme-header .header-layout-1 {
    background: #0b0b11 !important;
    border-bottom: 1px solid var(--p-line);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.55);
}
body.fs-premium #theme-header #logo img { filter: brightness(0) invert(1) sepia(0.25) saturate(1.4); }
body.fs-premium #main-nav { background: #0b0b11 !important; border-top: 1px solid var(--p-line); box-shadow: none; }
body.fs-premium #main-nav .main-menu > ul > li > a { color: #ddd6c0; }
body.fs-premium #main-nav .main-menu > ul > li > a:hover {
    color: #17110a !important;
    background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold)) !important;
    box-shadow: 0 8px 22px rgba(228, 184, 74, 0.28) !important;
}
body.fs-premium #main-nav .main-menu > ul > li.tie-current-menu > a,
body.fs-premium #main-nav .main-menu > ul > li.current-menu-item > a {
    color: #17110a !important;
    background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold), var(--p-gold-deep)) !important;
    box-shadow: 0 8px 22px rgba(228, 184, 74, 0.3) !important;
}
body.fs-premium #main-nav .main-menu-wrapper,
body.fs-premium #main-nav .main-menu-wrap { background: #0b0b11 !important; }
body.fs-premium #main-nav .components a,
body.fs-premium #main-nav .tie-search-icon { color: #ddd6c0 !important; }

/* ---------- generic surfaces ---------- */
body.fs-premium .container-wrapper,
body.fs-premium .mag-box .container-wrapper {
    background: var(--p-card);
    border: 1px solid var(--p-line);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);
    color: var(--p-text);
}
body.fs-premium .mag-box-title.the-global-title h2,
body.fs-premium .mag-box-title.the-global-title h3 { color: var(--p-gold-2); }
body.fs-premium a { color: var(--p-gold-2); }
body.fs-premium a:hover { color: #fff; }

/* ---------- hero: compact, table right under the heading ---------- */
body.fs-premium #tie-block_270 > .container-wrapper {
    background:
        radial-gradient(circle at 90% 0%, rgba(228, 184, 74, 0.22), transparent 24rem),
        linear-gradient(150deg, #15151f 0%, #0c0c12 100%);
    border: 1px solid rgba(228, 184, 74, 0.35);
}
body.fs-premium #tie-block_270 > .container-wrapper::before { background: rgba(228, 184, 74, 0.10); }
body.fs-premium #tie-block_270 .entry { gap: 12px 40px; padding: clamp(24px, 4vw, 46px); }
body.fs-premium #tie-block_270 .entry > h1 { order: 1; color: #fff; font-size: clamp(30px, 3.8vw, 46px); text-shadow: 0 2px 24px rgba(228, 184, 74, 0.25); }
body.fs-premium #tie-block_270 .entry > h1::before {
    content: "راهنمای مستقل و به‌روز ۱۴۰۵";
    border: 1px solid rgba(228, 184, 74, 0.5);
    background: rgba(228, 184, 74, 0.12);
    color: var(--p-gold-2);
}
body.fs-premium #tie-block_270 .entry > p:not(:has(> img)):not(:has(> picture)):not(:has(> style)) { grid-column: 1; margin: 0; color: var(--p-muted); order: 2; text-align: right !important; }
body.fs-premium #tie-block_270 .entry > p > strong { color: var(--p-gold-2); }
body.fs-premium #tie-block_270 .entry > p:has(> picture),
body.fs-premium #tie-block_270 .entry > p:has(> img) { order: 1; grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: start; margin: 0; }
body.fs-premium #tie-block_270 .entry > p:has(> picture) img,
body.fs-premium #tie-block_270 .entry > p:has(> img) img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 26px;
    border: 1px solid rgba(228, 184, 74, 0.45);
    box-shadow: 0 0 0 6px rgba(228, 184, 74, 0.06), 0 26px 60px rgba(0, 0, 0, 0.6);
}
body.fs-premium #tie-block_270 .entry > p:nth-of-type(4):not(:has(> picture)) { order: 5; grid-column: 1 / -1; margin-top: 4px; }
/* table first, trust badges and method text after it */
body.fs-premium #tie-block_270 .fs-sites { order: 3; margin-top: 18px; padding-top: 26px; border-top: 1px solid var(--p-line); }
body.fs-premium #tie-block_270 .entry > ul { order: 4; margin-top: 22px; }
body.fs-premium #tie-block_270 .entry > h2 { display: block; grid-column: 1 / -1; order: 6; margin: 6px 0 0; color: var(--p-gold-2); font-size: 20px; font-weight: 800; text-align: right; }
body.fs-premium #tie-block_270 .entry > ul + h2 + p { grid-column: 1 / -1 !important; order: 7 !important; }
body.fs-premium #tie-block_270 .entry > ul li {
    border: 1px solid var(--p-line);
    background: rgba(228, 184, 74, 0.07);
    color: #eee6cc;
}
body.fs-premium #tie-block_270 .entry > ul li::before { background: var(--p-gold); color: #17110a; }

/* ---------- comparison table ---------- */
body.fs-premium .fs-sites-title { color: var(--p-gold-2) !important; -webkit-text-fill-color: var(--p-gold-2) !important; background: none !important; animation: none !important; text-shadow: 0 0 24px rgba(228, 184, 74, 0.3); }
body.fs-premium .fs-sites-table {
    background: #0e0e15;
    border: 1px solid rgba(228, 184, 74, 0.4);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}
body.fs-premium .fs-sites-table th {
    background: linear-gradient(135deg, #a97b12 0%, #e4b84a 50%, #a97b12 100%) !important;
    color: #16100a !important;
}
body.fs-premium .fs-sites-table tbody tr,
body.fs-premium .fs-sites-table tbody td { background: #0e0e15 !important; }
body.fs-premium .fs-sites-table td { color: #ece6d2 !important; border-bottom: 1px solid rgba(228, 184, 74, 0.12); }
body.fs-premium .fs-sites-table tbody tr:hover td { background: #171724 !important; transform: none; }
body.fs-premium .fs-sites-table tr.highlight td {
    background: linear-gradient(90deg, rgba(228, 184, 74, 0.16), rgba(228, 184, 74, 0.06), rgba(228, 184, 74, 0.16)) !important;
    border-top: 1px solid rgba(228, 184, 74, 0.55);
    border-bottom: 1px solid rgba(228, 184, 74, 0.55);
    animation: none !important;
}
body.fs-premium .fs-site-name,
body.fs-premium .fs-site-name a,
body.fs-premium .fs-sites-table td .fs-site-name { color: #fff !important; }
body.fs-premium .fs-rating-stars { color: var(--p-gold-2); }
body.fs-premium .fs-bonus,
body.fs-premium .fs-sites-table .fs-bonus { color: #7ee2a8 !important; }
body.fs-premium .fs-withdraw { color: var(--p-gold-2) !important; }
body.fs-premium .fs-site-btn.enter {
    background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold) 55%, var(--p-gold-deep)) !important;
    color: #17110a !important;
    border: 0 !important;
    box-shadow: 0 8px 22px rgba(228, 184, 74, 0.28);
}
body.fs-premium .fs-site-btn.enter:hover { filter: brightness(1.08); transform: translateY(-1px); }
body.fs-premium .fs-site-btn.review {
    background: transparent !important;
    color: var(--p-gold-2) !important;
    border: 1px solid rgba(228, 184, 74, 0.55) !important;
}

/* ---------- match cards (previews) ---------- */
body.fs-premium .fs-hot-title,
body.fs-premium .fs-hot-more { color: var(--p-gold-2); }
body.fs-premium .fs-match-card {
    background: linear-gradient(160deg, #1b1b28 0%, #0e0e15 100%) !important;
    border: 1px solid var(--p-line) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5) !important;
}
body.fs-premium .fs-match-card:hover { border-color: rgba(228, 184, 74, 0.6) !important; }
body.fs-premium .fs-card-date { background: rgba(255, 255, 255, 0.08); }
body.fs-home-modern.fs-premium #tie-block_3300 .fs-card-time { background: rgba(228, 184, 74, 0.18) !important; color: var(--p-gold-2) !important; }
body.fs-premium .fs-vs-badge { background: rgba(228, 184, 74, 0.16); color: var(--p-gold-2); border: 1px solid var(--p-line); }
body.fs-premium .fs-card-btn { background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold)); color: #17110a; }
body.fs-premium .fs-card-btn:hover { background: var(--p-gold-2); }

/* ---------- match summaries ---------- */
body.fs-premium .fs-ms .fs-ms-box {
    background: linear-gradient(150deg, #171722 0%, #0c0c12 100%);
    border: 1px solid rgba(228, 184, 74, 0.35);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}
body.fs-premium .fs-ms .fs-ms-head { border-bottom: 1px solid var(--p-line); }
body.fs-premium .fs-ms .fs-ms-icon { background: rgba(228, 184, 74, 0.15); }
body.fs-premium .fs-ms .fs-ms-title,
body.fs-premium .fs-ms .fs-ms-more { color: var(--p-gold-2); }
body.fs-premium .fs-ms .fs-ms-sub { color: var(--p-muted); }
body.fs-premium .fs-ms .fs-ms-badge { background: rgba(228, 184, 74, 0.16); color: var(--p-gold-2); }
body.fs-premium .fs-ms .fs-ms-item { background: #12121a; border: 1px solid var(--p-line); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); }
body.fs-premium .fs-ms .fs-ms-item:hover { border-color: rgba(228, 184, 74, 0.6); }
body.fs-premium .fs-ms .fs-ms-item-head { background: rgba(255, 255, 255, 0.04); }
body.fs-premium .fs-ms .fs-ms-item-league { color: var(--p-gold-2); }
body.fs-premium .fs-ms .fs-ms-item-date,
body.fs-premium .fs-ms .fs-ms-item-ft { color: var(--p-muted); }
body.fs-premium .fs-ms .fs-ms-item-name { color: #fff; }
body.fs-premium .fs-ms .fs-ms-item-logo { background: #f3efe2; }
body.fs-premium .fs-ms .fs-ms-item-score { color: var(--p-gold-2); }
body.fs-premium .fs-ms .fs-ms-item-foot { background: rgba(228, 184, 74, 0.08); border-top: 1px solid var(--p-line); }
body.fs-premium .fs-ms .fs-ms-item-cta { color: var(--p-gold-2); }

/* ---------- editorial guide + FAQ ---------- */
body.fs-premium .fs-seo-guide__intro,
body.fs-premium .fs-seo-card,
body.fs-premium .fs-seo-faq {
    background: linear-gradient(160deg, #171722 0%, #0e0e15 100%);
    border: 1px solid var(--p-line);
    color: var(--p-text);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.45);
}
body.fs-premium .fs-seo-guide h2,
body.fs-premium .fs-seo-card h2,
body.fs-premium .fs-seo-faq__heading h2 { color: #fff; }
body.fs-premium .fs-seo-guide p,
body.fs-premium .fs-seo-faq details p { color: var(--p-muted); }
body.fs-premium .fs-seo-guide__eyebrow { background: rgba(228, 184, 74, 0.12); color: var(--p-gold-2); border: 1px solid rgba(228, 184, 74, 0.4); }
body.fs-premium .fs-seo-signals li { background: rgba(228, 184, 74, 0.07); border: 1px solid var(--p-line); }
body.fs-premium .fs-seo-signals strong { color: var(--p-gold-2); }
body.fs-premium .fs-seo-signals span { color: var(--p-muted); }
body.fs-premium .fs-seo-card__number { color: rgba(228, 184, 74, 0.35); background: transparent; }
body.fs-premium .fs-seo-card__links a { background: rgba(228, 184, 74, 0.1); border: 1px solid var(--p-line); color: var(--p-gold-2); }
body.fs-premium .fs-seo-card__links a:hover { background: var(--p-gold); color: #17110a; }
body.fs-premium .fs-seo-worldcup { background: linear-gradient(135deg, #2a2110, #16110a); border: 1px solid rgba(228, 184, 74, 0.5); color: #fff; }
body.fs-premium .fs-seo-worldcup span { color: var(--p-muted); }
body.fs-premium .fs-seo-faq details { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--p-line); }
body.fs-premium .fs-seo-faq summary { color: #fff; }
body.fs-premium .fs-seo-faq summary::after { color: var(--p-gold-2); background: rgba(228, 184, 74, 0.12); }

/* ---------- latest posts + masonry ---------- */
body.fs-premium #tie-block_423 .post-item,
body.fs-premium #masonry-grid > .masonry-brick { background: var(--p-card); border: 1px solid var(--p-line); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45); }
body.fs-premium #tie-block_423 .post-details,
body.fs-premium #masonry-grid .entry-content { color: var(--p-muted); }
body.fs-premium #tie-block_423 .post-title a,
body.fs-premium #masonry-grid .entry-title a { color: #fff; }
body.fs-premium #tie-block_423 .post-title a:hover,
body.fs-premium #masonry-grid .entry-title a:hover { color: var(--p-gold-2); }
body.fs-premium #tie-block_423 .post-meta,
body.fs-premium #tie-block_423 .post-meta a,
body.fs-premium #tie-block_423 .post-excerpt,
body.fs-premium #masonry-grid .post-meta { color: var(--p-muted) !important; }
body.fs-premium .more-link.button { background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold)); color: #17110a; border: 0; }
body.fs-premium .post-pagination a,
body.fs-premium .post-pagination span { background: var(--p-card); color: var(--p-gold-2); border: 1px solid var(--p-line); }

/* ---------- footer + floating controls ---------- */
body.fs-premium #footer,
body.fs-premium .site-footer,
body.fs-premium #site-info { background: #050508 !important; color: var(--p-muted); border-top: 1px solid var(--p-line); }
body.fs-premium .site-footer a { color: var(--p-gold-2); }
body.fs-premium .site-footer h3,
body.fs-premium .site-footer .widget-title { color: #fff; }
body.fs-premium #go-to-top { background: var(--p-gold) !important; color: #17110a !important; }
body.fs-premium #my-custom-bet-banner { background: linear-gradient(270deg, #0b0b11, #2a2110, #0b0b11) !important; border-top: 1px solid rgba(228, 184, 74, 0.5); }
body.fs-premium .bet-banner-btn { background: linear-gradient(135deg, var(--p-gold-2), var(--p-gold)) !important; animation: none !important; }

/* ---------- tablet / mobile ---------- */
@media (max-width: 991px) {
    body.fs-premium #tie-block_270 .entry > h1 { order: 1; }
    body.fs-premium #tie-block_270 .entry > p:not(:has(> img)):not(:has(> picture)):not(:has(> style)) { order: 2; grid-column: 1; }
    body.fs-premium #tie-block_270 .fs-sites { order: 3; }
    body.fs-premium #tie-block_270 .entry > p:has(> picture),
    body.fs-premium #tie-block_270 .entry > p:has(> img) { order: 4; grid-column: 1 !important; grid-row: auto !important; }
    body.fs-premium #tie-block_270 .entry > p:nth-of-type(4):not(:has(> picture)) { order: 5; }
    body.fs-premium #tie-block_270 .entry > ul { order: 4; }
    body.fs-premium #tie-block_270 .entry > h2 { order: 6; }
    body.fs-premium #tie-block_270 .entry > ul + h2 + p { order: 7 !important; }
}
@media (max-width: 767px) {
    body.fs-premium #tie-block_270 .entry { padding: 22px 16px; }
    body.fs-premium #tie-block_270 .fs-sites { margin-top: 10px; padding-top: 18px; }
    body.fs-premium .fs-sites-table tbody tr { background: #10101a !important; border: 1px solid var(--p-line); }
}
@media (prefers-reduced-motion: reduce) {
    body.fs-premium * { animation: none !important; transition: none !important; }
}

/* ---------- v6: page background, card headings, season card ---------- */
html,
body.fs-premium,
body.fs-premium #tie-wrapper,
body.fs-premium #tie-container,
body.fs-premium .site-content,
body.fs-premium #content { background-color: #07070b !important; }
body.fs-premium #tie-wrapper {
    background-image:
        radial-gradient(circle at 88% 0%, rgba(228, 184, 74, 0.13), transparent 30rem),
        radial-gradient(circle at 4% 45%, rgba(169, 123, 18, 0.09), transparent 26rem) !important;
}
body.fs-premium #tie-block_270 .entry > h2 { color: var(--p-gold-2) !important; }
body.fs-premium .fs-seo-card h2,
body.fs-premium .fs-seo-card h3,
body.fs-premium .fs-seo-faq__heading h2,
body.fs-premium .fs-seo-guide__intro h2 { color: #fff !important; }
body.fs-premium .fs-seo-card__number { color: rgba(228, 184, 74, 0.5) !important; }
body.fs-premium .fs-seo-worldcup,
body.fs-premium .fs-seo-current-season {
    background: linear-gradient(135deg, #2a2110, #16110a) !important;
    border: 1px solid rgba(228, 184, 74, 0.5) !important;
    color: #fff !important;
}
body.fs-premium .fs-seo-worldcup strong { color: var(--p-gold-2) !important; }
body.fs-premium .fs-seo-worldcup span { color: var(--p-muted) !important; }
body.fs-premium .fs-seo-worldcup b { background: var(--p-gold) !important; color: #17110a !important; }

/* ---------- v7: review cards + season card ---------- */
body.fs-premium #tie-block_423 .post-item,
body.fs-premium #tie-block_423 .post-details,
body.fs-premium #tie-block_423 .post-details .post-excerpt { background: var(--p-card) !important; }
body.fs-premium #tie-block_423 .post-details,
body.fs-premium #tie-block_423 .post-excerpt,
body.fs-premium #tie-block_423 .post-excerpt p { color: var(--p-muted) !important; }
body.fs-premium #tie-block_423 .post-title a { color: #fff !important; }
body.fs-premium #tie-block_423 .post-meta .date,
body.fs-premium #tie-block_423 .post-meta .meta-item { color: var(--p-muted) !important; }
body.fs-premium .fs-seo-current-season,
body.fs-premium .fs-seo-current-season * { color: #f3efe2 !important; }
body.fs-premium .fs-seo-current-season strong { color: var(--p-gold-2) !important; }
body.fs-premium .fs-seo-current-season span { color: var(--p-muted) !important; }
body.fs-premium .fs-seo-current-season b { color: #17110a !important; }

/* ---------- v8: mobile header + mobile table shell ---------- */
body.fs-premium .logo-container,
body.fs-premium .logo-wrapper,
body.fs-premium #theme-header .header-container,
body.fs-premium #theme-header .logo-row,
body.fs-premium #mobile-header-components-area_1,
body.fs-premium #mobile-header-components-area_2 { background: #0b0b11 !important; }
body.fs-premium #mobile-menu-icon .nav-icon,
body.fs-premium #mobile-menu-icon .nav-icon::before,
body.fs-premium #mobile-menu-icon .nav-icon::after,
body.fs-premium .menu-icon .nav-icon,
body.fs-premium .menu-icon .nav-icon::before,
body.fs-premium .menu-icon .nav-icon::after { background-color: var(--p-gold) !important; }
body.fs-premium .fs-sites-table,
body.fs-premium .fs-sites-table tbody { background: #0e0e15 !important; }
@media (max-width: 767px) {
    body.fs-premium .fs-sites-table { border: 0; box-shadow: none; background: transparent !important; }
    body.fs-premium .fs-sites-table tbody { background: transparent !important; }
    body.fs-premium .fs-sites-table tbody tr { margin-bottom: 12px; border-radius: 16px; overflow: hidden; }
}

/* ---------- v9: table separators ---------- */
body.fs-premium .fs-sites-table td,
body.fs-premium .fs-sites-table tbody td { border-bottom-color: rgba(228, 184, 74, 0.16) !important; }
body.fs-premium .fs-sites-table tbody tr { border-color: rgba(228, 184, 74, 0.28) !important; }

/* ---------- v10: active menu item in gold ---------- */
body.fs-home-modern.fs-premium #main-nav .main-menu > ul > li.tie-current-menu > a,
body.fs-home-modern.fs-premium #main-nav .main-menu > ul > li.current-menu-item > a,
body.fs-home-modern.fs-premium #main-nav .main-menu > ul > li.current_page_item > a {
    background: linear-gradient(135deg, #f6d77a, #e4b84a 55%, #a97b12) !important;
    color: #17110a !important;
    box-shadow: 0 8px 22px rgba(228, 184, 74, 0.3) !important;
}

/* ---------- v11: theme helper elements must not render as empty cards ---------- */
body.fs-premium #masonry-grid > .grid-sizer,
body.fs-premium #masonry-grid > .gutter-sizer {
    position: absolute !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* ---------- v12: bottom grid — an incomplete last row is centered instead of leaving empty slots ---------- */
body.fs-home-modern.fs-premium #masonry-grid {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
body.fs-home-modern.fs-premium #masonry-grid > .masonry-brick:not(.grid-sizer):not(.gutter-sizer) {
    flex: 0 0 calc((100% - 48px) / 3) !important;
    max-width: calc((100% - 48px) / 3);
}
@media (max-width: 991px) {
    body.fs-home-modern.fs-premium #masonry-grid > .masonry-brick:not(.grid-sizer):not(.gutter-sizer) {
        flex-basis: calc((100% - 24px) / 2) !important;
        max-width: calc((100% - 24px) / 2);
    }
}
@media (max-width: 767px) {
    body.fs-home-modern.fs-premium #masonry-grid { gap: 16px; }
    body.fs-home-modern.fs-premium #masonry-grid > .masonry-brick:not(.grid-sizer):not(.gutter-sizer) {
        flex-basis: 100% !important;
        max-width: 100%;
    }
}