/* ============================================================
   Nation Events TV — front-end white-label theme
   Loaded only on the public site (Frontend module layout).
   Admin stays 40Live. Brand: black / red (lead), with per-show accents.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Montserrat:wght@600;700;800&display=swap');

:root,
[data-bs-theme="dark"] {
    --ss-red: #d90000;
    --ss-red-dark: #a30000;
    --ss-ink: #0a0a0a;

    /* per-show accent colours (used on the Shows page + thumbnails) */
    --show-kingdom: #d90000;   /* Kingdom Combat Championship — red   */
    --show-raw:     #1faa4d;   /* RAW Junior MMA Nation        — green */
    --show-caf:     #1f6fd9;   /* CAF Contender Series         — blue  */
    --show-muaythai:#e8ebf2;   /* Nation Muay Thai / RD2Nation — white (blue/red accents) */

    /* re-accent the whole front-end (it uses --bs-primary everywhere) */
    --bs-primary: #d90000;
    --bs-primary-rgb: 217, 0, 0;
    --bs-link-color: #d90000;
    --bs-link-color-rgb: 217, 0, 0;
    --bs-link-hover-color: #ff2a2a;
}

/* ---------- Typography: condensed, sporty ---------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.iq-title, .section-title, .navbar-brand,
.main-title, .block-title, .title {
    font-family: 'Rajdhani', 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
}
.section-title, .main-title, .block-title, .iq-main-header .title {
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ---------- Logo: two-tone wordmark, shown as-is (no invert) ---------- */
.logo-default .logo,
img.logo.ss-logo {
    height: 50px !important;
    width: auto !important;
}

/* ---------- Red accents ---------- */
.btn-primary {
    background-color: var(--ss-red) !important;
    border-color: var(--ss-red) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--ss-red-dark) !important;
    border-color: var(--ss-red-dark) !important;
}
.text-primary { color: var(--ss-red) !important; }
.bg-primary { background-color: var(--ss-red) !important; }
.badge.bg-primary, .badge.text-bg-primary { background-color: var(--ss-red) !important; }
a:hover { color: var(--ss-red); }
.ratting-value i, .ph-star { color: var(--ss-red); }

/* the "Subscribe/upgrade" pill -> gold with dark text */
.btn-warning-subtle, .subscribe-btn {
    background-color: #e6b31e !important;
    color: #141414 !important;
    border: none !important;
    font-weight: 700;
}
.btn-warning-subtle:hover, .btn-warning-subtle:focus,
.subscribe-btn:hover, .subscribe-btn:focus {
    background-color: #c99a14 !important;
    color: #141414 !important;
}

/* active nav item */
.iq-navbar .nav-item .nav-link.active,
.horizontal-nav .nav-link.active { color: var(--ss-red) !important; }

/* hide search, app-download icon and language switcher */
.iq-navbar .search-box,
.dropdown-download-wrapper,
.dropdown-language-wrapper {
    display: none !important;
}

/* nav links: uppercase across desktop + mobile offcanvas */
.horizontal-nav .nav-link .item-name,
.iq-nav-menu .nav-link .item-name {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .04em;
}

/* PPV purchase CTAs + badges: gold (replaces the theme's green btn-success) */
.btn-success,
.btn-success:active {
    background-color: #e6b31e !important;
    border-color: #e6b31e !important;
    color: #141414 !important;
    font-weight: 700;
}
.btn-success:hover,
.btn-success:focus {
    background-color: #c99a14 !important;
    border-color: #c99a14 !important;
    color: #141414 !important;
}
.product-rent { background: #e6b31e !important; color: #141414 !important; font-weight: 700; }
.product-rent i { color: #141414 !important; }

/* home banner: full-bleed under the header */
#banner-section.banner-section { padding-top: 0 !important; }
.main-banner .slick-item { background-position: center !important; }

/* selection */
::selection { background: rgba(217, 0, 0, .85); color: #fff; }