/* PGBET888 — Dark Red Premium Theme */

body.pgbet888-theme {
    --brand-50: #3d0a0a; --brand-100: #5c1313; --brand-500: #d4a44a;
    --brand-600: #c49340; --brand-700: #a67c35; --border: #5c1313; --body-bg: #160202;
    background: #160202; color: #f0f7f2;
}

/* =====================================================
   PGBET888 — DARK RED PREMIUM THEME
   Background: #160202 | Accent: #d4a44a | CTA: #ff3d00 | Brand: #bd1515
   ===================================================== */
/* === GLOBAL TEXT — layered specificity === */
body.pgbet888-theme h1, body.pgbet888-theme h2, body.pgbet888-theme h3, body.pgbet888-theme h4, body.pgbet888-theme h5, body.pgbet888-theme h6 { color: #ffffff; }
body.pgbet888-theme p, body.pgbet888-theme li, body.pgbet888-theme span, body.pgbet888-theme div, body.pgbet888-theme td, body.pgbet888-theme th, body.pgbet888-theme label, body.pgbet888-theme dt, body.pgbet888-theme dd { color: #e0ede4; }
body.pgbet888-theme a { color: #d4a44a; }
body.pgbet888-theme a:hover { color: #eec06a; }
body.pgbet888-theme strong, body.pgbet888-theme b { color: #ffffff; }
body.pgbet888-theme small, body.pgbet888-theme .text-muted { color: #d9a8a8; }

/* === TOPBAR === */
body.pgbet888-theme .topbar {
    background: #120101;
    border-bottom: 1px solid #3d0a0a;
    color: #f0d3d3;
}
body.pgbet888-theme .topbar a { color: #f0d3d3; text-decoration: none; }
body.pgbet888-theme .topbar-right a {
    padding: 5px 14px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 6px;
    transition: all 0.2s ease;
}
body.pgbet888-theme .topbar-right a[href*="daftar"] {
    background: linear-gradient(135deg, #ff5722, #ff3d00);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 8px rgba(255, 61, 0, 0.3);
}
body.pgbet888-theme .topbar-right a[href*="login"] {
    background: linear-gradient(135deg, #bd1515, #a00d0d);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 8px rgba(189, 21, 21, 0.3);
}

/* === NAVBAR === */
body.pgbet888-theme .navbar, body.pgbet888-theme .navbar-logo {
    background: #1b0202;
    border-bottom: 1px solid #3d0a0a;
    box-shadow: 0 2px 12px rgba(0,0,0,0.25);
}
body.pgbet888-theme .navbar::after {
    background: linear-gradient(90deg, transparent 0%, #d4a44a 20%, #c49340 50%, #d4a44a 80%, transparent 100%);
    opacity: 0.4;
}

/* === SEARCH === */
body.pgbet888-theme .search {
    background: #3d0a0a;
    border: 1.5px solid #6e1a1a;
    color: #f0f7f2;
}
body.pgbet888-theme .search:focus-within {
    border-color: #d4a44a;
    box-shadow: 0 0 0 3px rgba(212, 164, 74, 0.15);
}
body.pgbet888-theme .search input {
    background: transparent;
    color: #f0f7f2;
}
body.pgbet888-theme .search input::placeholder { color: #a67c7c; }
body.pgbet888-theme .search-icon-btn { color: #d9a8a8; }
body.pgbet888-theme .search-icon-btn:hover { color: #d4a44a; }

/* === NAV BUTTONS === */
body.pgbet888-theme .icon-btn, body.pgbet888-theme .login-btn {
    background: #3d0a0a;
    border: 1px solid #6e1a1a;
    color: #f0f7f2;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
body.pgbet888-theme .icon-btn:hover, body.pgbet888-theme .login-btn:hover {
    background: #5c1313;
    border-color: #8c2222;
}

/* === CATEGORY NAV PILLS === */
body.pgbet888-theme .mega-cats a {
    background: #3d0a0a;
    color: #f0d3d3;
    border: 1px solid #6e1a1a;
    border-radius: 6px;
    transition: all 0.2s ease;
}
body.pgbet888-theme .mega-cats a:hover {
    background: #5c1313;
    color: #ffffff;
    border-color: #8c2222;
}
body.pgbet888-theme .mega-cats a.active {
    background: linear-gradient(135deg, #d4a44a, #c49340);
    color: #160202;
    border-color: #d4a44a;
    font-weight: 700;
}

/* === BADGE === */
body.pgbet888-theme .badge {
    background: linear-gradient(135deg, #d4a44a, #c49340);
    color: #160202;
    box-shadow: 0 2px 8px rgba(212, 164, 74, 0.4), 0 0 0 2px #1b0202;
}

/* === BREADCRUMBS === */
body.pgbet888-theme .pd-breadcrumb { color: #a67c7c; }
body.pgbet888-theme .pd-breadcrumb a { color: #d9a8a8; }
body.pgbet888-theme .pd-breadcrumb a:hover { color: #d4a44a; }
body.pgbet888-theme .pd-breadcrumb .current { color: #f0f7f2; }

/* === PRODUCT CARDS & PANELS === */
.pd-media-card,
.pd-info-card,
.pd-buy-card,
.pd-side-card,
.pd-full-description,
.pd-related-full,
.pd-installment-card2,
.tradein-compact-card,
.promo-card,
.reviews-card,
.product-card,
body.pgbet888-theme .game-card {
    background: #280505;
    border: 1px solid #5c1313;
    color: #e0ede4;
}
body.pgbet888-theme .pd-main-image {
    background: #200303;
    border: 1px solid #3d0a0a;
}
body.pgbet888-theme .pd-thumb-btn {
    background: #200303;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .pd-thumb-btn:hover, body.pgbet888-theme .pd-thumb-btn.active {
    border-color: #d4a44a;
}

/* === PRICE === */
body.pgbet888-theme .pd-price-current, body.pgbet888-theme .pd-sticky-price {
    color: #d4a44a;
}
body.pgbet888-theme .pd-price-original {
    color: #a67c7c;
}
body.pgbet888-theme .pd-discount-badge, body.pgbet888-theme .pd-sticky-discount, body.pgbet888-theme .mini-disc {
    background: #ff3d00;
    color: #ffffff;
}

/* === PRODUCT TITLE === */
body.pgbet888-theme .pd-title { color: #ffffff; }

/* === META / SKU / MUTED TEXT === */
.sku, .pd-muted, .v-label, .qty-label, .pd-qr-label,
body.pgbet888-theme .pd-variant-summary, body.pgbet888-theme .pd-extra-meta span {
    color: #d9a8a8;
}
body.pgbet888-theme .pd-short-desc, body.pgbet888-theme .pd-short-desc p { color: #f0d3d3; }
body.pgbet888-theme .pd-full-desc-body, body.pgbet888-theme .pd-full-desc-body p { color: #f0d3d3; }
body.pgbet888-theme .pd-full-desc-title { color: #ffffff; }
body.pgbet888-theme .pd-related-title { color: #ffffff; }
body.pgbet888-theme .pd-side-card h3 { color: #d4a44a; }
body.pgbet888-theme .pd-side-card ul, body.pgbet888-theme .pd-side-card li { color: #f0d3d3; }

/* === VARIANT CHIPS === */
body.pgbet888-theme .v-chip {
    background: #3d0a0a;
    border: 1px solid #6e1a1a;
    color: #e0ede4;
}
body.pgbet888-theme .v-chip:hover { border-color: #bd1515; }
body.pgbet888-theme .v-chip.selected {
    background: rgba(212, 164, 74, 0.15);
    border-color: #d4a44a;
}
body.pgbet888-theme .v-chip .txt { color: #e0ede4; }
body.pgbet888-theme .v-chip .chip-badge {
    background: rgba(255, 61, 0, 0.15);
    color: #ff6e40;
    border-color: rgba(255, 61, 0, 0.3);
}

/* === BUTTONS — Add to Cart / Buy / Chat === */
body.pgbet888-theme .btn-add-cart {
    background: linear-gradient(135deg, #d4a44a, #c49340);
    color: #160202;
    border: none;
    box-shadow: 0 2px 10px rgba(212, 164, 74, 0.35);
}
body.pgbet888-theme .btn-add-cart:hover { filter: brightness(1.1); }
body.pgbet888-theme .btn-buy {
    background: transparent;
    color: #d4a44a;
    border: 2px solid #d4a44a;
}
body.pgbet888-theme .btn-buy:hover { background: rgba(212, 164, 74, 0.1); }
body.pgbet888-theme .btn-chat-icon {
    background: transparent;
    color: #bd1515;
    border: 2px solid #bd1515;
}
body.pgbet888-theme .btn-chat-icon:hover { background: rgba(189, 21, 21, 0.1); }

/* === QUANTITY INPUT === */
.pd-buy-card input, .pd-buy-card select,
body.pgbet888-theme .pd-buy-form input[type="number"] {
    background: #200303;
    color: #f0f7f2;
    border: 1px solid #6e1a1a;
}
body.pgbet888-theme .pd-buy-form input[type="number"]:focus {
    border-color: #d4a44a;
    outline: none;
}

/* === SOLD / STOCK BADGES === */
body.pgbet888-theme .sold-inline, body.pgbet888-theme .pd-related-card .sold {
    background: #3d0a0a;
    color: #d9a8a8;
}
body.pgbet888-theme .stock-badge {
    background: #3d0a0a;
    color: #d9a8a8;
}
body.pgbet888-theme .stock-badge.in {
    background: rgba(189, 21, 21, 0.15);
    color: #ff6e40;
}
body.pgbet888-theme .stock-badge.out {
    background: rgba(255, 61, 0, 0.12);
    color: #ff6e40;
}

/* === RATING === */
body.pgbet888-theme .rating-inline {
    background: rgba(212, 164, 74, 0.12);
    color: #d4a44a;
}
body.pgbet888-theme .rating-inline .star-icon { color: #ffc107; }
body.pgbet888-theme .rating-inline .rating-value { color: #d4a44a; }
body.pgbet888-theme .rating-inline .rating-badge-count { color: #d9a8a8; }

/* === RELATED PRODUCT CARDS === */
body.pgbet888-theme .pd-related-card {
    background: #280505;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .pd-related-card:hover {
    border-color: #8c2222;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
body.pgbet888-theme .pd-related-card .thumb {
    background: #200303;
}
body.pgbet888-theme .pd-related-card h3 { color: #e0ede4; }
body.pgbet888-theme .pd-related-card .price .final { color: #d4a44a; }
body.pgbet888-theme .pd-related-card .price .ori { color: #a67c7c; }
body.pgbet888-theme .pd-related-card .spec-chips { color: #d9a8a8; }

/* === STOCK DOT === */
body.pgbet888-theme .stock-dot { border-radius: 50%; width: 8px; height: 8px; display: inline-block; }
body.pgbet888-theme .stock-dot.ready { background: #bd1515; }
body.pgbet888-theme .stock-dot.low { background: #ffc107; }
body.pgbet888-theme .stock-dot.out { background: #ff3d00; }

/* === PAYMENT LOGOS === */
body.pgbet888-theme .pay-logos span {
    background: #3d0a0a;
    border: 1px solid #6e1a1a;
    color: #f0d3d3;
}

/* === EXTRA META === */
body.pgbet888-theme .pd-extra-meta {
    background: #3d0a0a;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .pd-extra-meta a { color: #d4a44a; }

/* === SIDEBAR SPECIFIC CARDS — Login, Promo, etc. === */
body.pgbet888-theme .pd-side-card li::before {
    background: #d4a44a;
}

/* === STICKY HEADER === */
body.pgbet888-theme .pd-sticky-header {
    background: rgba(22, 2, 2, 0.98);
    border-bottom: 1px solid #3d0a0a;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
body.pgbet888-theme .pd-sticky-title { color: #ffffff; }
body.pgbet888-theme .pd-sticky-share-btn {
    background: #3d0a0a;
    border: 1px solid #6e1a1a;
    color: #d9a8a8;
}
body.pgbet888-theme .pd-sticky-btn-cart {
    background: transparent;
    color: #d4a44a;
    border: 1px solid #d4a44a;
}
body.pgbet888-theme .pd-sticky-btn-buy {
    background: linear-gradient(135deg, #d4a44a, #c49340);
    color: #160202;
    border: none;
}
body.pgbet888-theme .pd-sticky-btn-chat {
    background: transparent;
    color: #d9a8a8;
    border: 1px solid #6e1a1a;
}

/* === MOBILE FLOATING ACTION BAR === */
body.pgbet888-theme .pd-mobile-fab {
    background: rgba(22, 2, 2, 0.95);
    border-top: 1px solid #3d0a0a;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
}

/* === MOBILE SLIDER === */
body.pgbet888-theme .pd-mslide {
    background: #200303;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .pd-gallery-counter {
    background: rgba(40, 5, 5, 0.85);
    color: #f0d3d3;
    border: 1px solid #5c1313;
}

/* === SEARCH SUGGEST === */
body.pgbet888-theme .search-suggest {
    background: #280505;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .search-suggest div:hover { background: #3d0a0a; }

/* === USER DROPDOWN === */
body.pgbet888-theme .user-dropdown {
    background: #280505;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .dropdown-item { color: #e0ede4; }
body.pgbet888-theme .dropdown-item:hover { background: #3d0a0a; }
body.pgbet888-theme .dropdown-separator { background: #5c1313; }

/* === MOBILE BOTTOM NAV === */
body.pgbet888-theme .bottom-nav {
    background: #1b0202;
    border-top: 1px solid #3d0a0a;
}
body.pgbet888-theme .bottom-nav-item { color: #a67c7c; }
body.pgbet888-theme .bottom-nav-item.active, body.pgbet888-theme .bottom-nav-item:hover { color: #d4a44a; }
body.pgbet888-theme .bottom-nav-item-icon svg { color: #a67c7c; }
body.pgbet888-theme .bottom-nav-item-badge {
    background: #d4a44a;
    color: #160202;
}

/* === MOBILE USER SHEET === */
body.pgbet888-theme .mobile-user-sheet-content {
    background: #280505;
}
body.pgbet888-theme .mobile-user-sheet-handle { background: #a33636; }
body.pgbet888-theme .mobile-user-sheet-header { border-color: #5c1313; }
body.pgbet888-theme .mobile-user-sheet-item { color: #e0ede4; }
body.pgbet888-theme .mobile-user-sheet-item:active { background: #3d0a0a; }
body.pgbet888-theme .mobile-user-sheet-divider { background: #5c1313; }
body.pgbet888-theme .mobile-user-avatar {
    background: linear-gradient(135deg, #3d0a0a, #5c1313);
}

/* === MEGA MENU FADE === */
body.pgbet888-theme .mega-cats-fade {
    background: linear-gradient(to left,
        #1b0202 0%,
        rgba(22, 2, 2, 0.95) 15%,
        rgba(22, 2, 2, 0.6) 35%,
        transparent 100%);
}

/* === MODALS === */
body.pgbet888-theme .modal-content, body.pgbet888-theme .modal-body, body.pgbet888-theme .modal-header {
    background: #280505;
    color: #e0ede4;
    border-color: #5c1313;
}
body.pgbet888-theme .modal-btn-secondary {
    background: #3d0a0a;
    color: #e0ede4;
    border: 1px solid #6e1a1a;
}
body.pgbet888-theme .modal-btn-primary {
    background: linear-gradient(135deg, #d4a44a, #c49340);
    color: #160202;
    border: none;
}

/* === TABLE INSIDE DESC === */
.pd-full-desc-body table,
.pd-full-desc-body th,
body.pgbet888-theme .pd-full-desc-body td {
    border-color: #5c1313;
    color: #f0d3d3;
}

/* === INLINE STYLES FIX — common inline bg overrides === */
[style*="background: #3d0a0a"],
body.pgbet888-theme [style*="background:#3d0a0a"] {
    background: #3d0a0a;
    color: #e0ede4;
}

/* === COMPARE PANEL === */
body.pgbet888-theme .compare-panel, body.pgbet888-theme .compare-dropdown, body.pgbet888-theme .compare-wrapper {
    background: #280505;
    border: 1px solid #5c1313;
}

/* === SCROLL TO TOP === */
body.pgbet888-theme .pd-scroll-top {
    background: #3d0a0a;
    color: #d4a44a;
    border: 1px solid #5c1313;
}

/* === SHARE MODAL === */
body.pgbet888-theme .pd-share-modal-overlay .pd-share-modal {
    background: #280505;
    border: 1px solid #5c1313;
}
body.pgbet888-theme .pd-share-option { color: #e0ede4; }
body.pgbet888-theme .pd-share-option:hover { background: #3d0a0a; }

/* =========================================================
   FIXED FOOTER — Pgbet888 (Green/Gold)
   ========================================================= */
body.pgbet888-theme .pg-slot-RESMI-fixed-footer {
    background: radial-gradient(
        circle at 50% 0%,
        rgba(189, 21, 21, 0.22),
        rgba(22, 2, 2, 0.98) 55%,
        rgba(10, 0, 0, 0.99)
    );
    border-top: 1px solid rgba(212, 164, 74, 0.4);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35);
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer::after {
    background: linear-gradient(120deg, transparent, rgba(212, 164, 74, 0.2), transparent);
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer a { color: #f0d3d3; }
body.pgbet888-theme .pg-slot-RESMI-fixed-footer a:hover {
    color: #ffffff;
    background: rgba(189, 21, 21, 0.15);
    filter: drop-shadow(0 0 10px rgba(189, 21, 21, 0.3));
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer img {
    filter: drop-shadow(0 0 6px rgba(212, 164, 74, 0.4));
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer .hud-corner {
    border-color: rgba(212, 164, 74, 0.4);
    filter: drop-shadow(0 0 8px rgba(212, 164, 74, 0.25));
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer .tada {
    background: radial-gradient(circle at 50% 0%, rgba(255, 61, 0, 0.35), transparent 70%),
                rgba(180, 40, 0, 0.3);
    border: 1px solid rgba(255, 61, 0, 0.55);
    box-shadow: 0 0 18px rgba(255, 61, 0, 0.3),
                inset 0 0 16px rgba(0, 0, 0, 0.4),
                inset 0 0 10px rgba(255, 61, 0, 0.15);
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer .tada img {
    filter: drop-shadow(0 0 14px rgba(255, 61, 0, 0.75));
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer .tada::before {
    background: radial-gradient(circle, rgba(255, 61, 0, 0.25), transparent 70%),
                radial-gradient(circle, rgba(120, 20, 0, 0.3), transparent 72%);
}
body.pgbet888-theme .pg-slot-RESMI-fixed-footer a.is-active {
    color: #ffffff;
    background: rgba(212, 164, 74, 0.15);
    box-shadow: inset 0 0 0 1px rgba(212, 164, 74, 0.35);
}

/* === REVIEWS SECTION === */
body.pgbet888-theme .rv-card, body.pgbet888-theme .rv-summary, body.pgbet888-theme .rv-form {
    background: #280505;
    border-color: #5c1313;
    color: #e0ede4;
}

/* === LOGIN CARD (fix text color) === */
body.pgbet888-theme .login-btn.logged-in {
    background: linear-gradient(135deg, rgba(61, 10, 10, 0.85), rgba(97, 13, 13, 0.65));
    border-color: rgba(110, 26, 26, 0.5);
    color: #f0f7f2;
}

/* === PRINT — revert to white for printing === */
@media print {
    body, html { background: #280505; color: #000; }
body.pgbet888-theme h1, body.pgbet888-theme h2, body.pgbet888-theme h3, body.pgbet888-theme h4, body.pgbet888-theme h5, body.pgbet888-theme h6, body.pgbet888-theme p, body.pgbet888-theme span, body.pgbet888-theme li, body.pgbet888-theme a, body.pgbet888-theme strong, body.pgbet888-theme b, body.pgbet888-theme div, body.pgbet888-theme td, body.pgbet888-theme th {
        color: #000;
    }
body.pgbet888-theme .pd-info-card, body.pgbet888-theme .pd-media-card, body.pgbet888-theme .pd-full-description {
        background: #280505;
        border-color: #5c1313;
    }
}

/* Sticky header — PGBET888 red */
body.pgbet888-theme .pd-sticky-header,
body.pgbet888-theme .pd-sticky-header.visible {
    background: rgba(22, 2, 2, 0.98);
    border-bottom: 1px solid #5c1313;
    box-shadow: 0 4px 20px rgba(189, 21, 21, 0.25);
}
body.pgbet888-theme .pd-sticky-thumb { background: #280505; border-color: #5c1313; }
body.pgbet888-theme .pd-sticky-share-btn,
body.pgbet888-theme .pd-sticky-btn-chat,
body.pgbet888-theme .pd-sticky-btn-cart { background: #1b0202; border-color: #6e1a1a; color: #f0d3d3; }
body.pgbet888-theme .pd-sticky-share-btn:hover,
body.pgbet888-theme .pd-sticky-btn-chat:hover { background: #3d0a0a; border-color: #bd1515; color: #fff; }
body.pgbet888-theme .pd-sticky-btn-cart:hover { background: rgba(212, 164, 74, 0.08); }
body.pgbet888-theme .pd-sticky-btn-buy { background: linear-gradient(135deg, #d4a44a, #c49340); color: #160202; border: none; }
body.pgbet888-theme .pd-mobile-fab { background: rgba(22, 2, 2, 0.95); border-top-color: #5c1313; }