/* ── Gaming Dark Theme — TiendaGiftCard.com ──────────────────
   Palette: teal #0099CC (logo) + orange #FF8C1A (logo) on dark navy
   ──────────────────────────────────────────────────────────── */

:root {
    --color-primary:       #0099CC;
    --color-primary-light: #00BBEE;
    --color-cta:           #FF8C1A;
    --color-bg:            #0A1628;
    --color-bg-card:       #0F1F35;
    --color-bg-deep:       #071020;
    --color-text:          #E2E8F0;
    --color-muted:         #94A3B8;
    --color-border:        rgba(0,153,204,0.2);
    --color-border-hover:  rgba(0,153,204,0.5);
    --color-glow-teal:     0 0 18px rgba(0,153,204,0.45);
    --color-glow-orange:   0 0 18px rgba(255,140,26,0.5);
    --transition-fast:     150ms ease;
    --transition-base:     200ms ease;
    --transition-slow:     300ms ease;
}

/* ── Base ────────────────────────────────────────────────── */
body {
    font-size: max(1rem, 16px);
    background-color: var(--color-bg) !important;
    color: var(--color-text) !important;
    font-family: 'Chakra Petch', 'Poppins', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Russo One', 'Poppins', sans-serif !important;
    color: var(--color-text) !important;
}
p, span, li, td, th, label { color: var(--color-text); }
a { color: var(--color-primary); }
a:hover { color: var(--color-cta); }
:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
a, button {
    transition: color var(--transition-base),
                background-color var(--transition-base),
                border-color var(--transition-base),
                box-shadow var(--transition-base),
                opacity var(--transition-base);
}
a, button, [role="button"], label[for], select, summary { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ── Subtle dark grid pattern on body ────────────────────── */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(0,153,204,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,153,204,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
}
body > * { position: relative; z-index: 1; }

/* ── Brand color overrides (template uses #ef6c00) ───────── */
.text-brand, .text-brand * { color: var(--color-cta) !important; }
.bg-brand { background-color: var(--color-primary) !important; }
.color-brand { color: var(--color-cta) !important; }
.border-brand { border-color: var(--color-primary) !important; }
.text-style-1 { color: var(--color-primary) !important; }

/* ── Buttons ─────────────────────────────────────────────── */
.btn-default, .btn-brand {
    background-color: var(--color-cta) !important;
    border-color: var(--color-cta) !important;
    color: #fff !important;
    box-shadow: var(--color-glow-orange) !important;
    animation: glow-pulse 3s ease-in-out infinite;
}
.btn-default:hover, .btn-brand:hover {
    background-color: #e07815 !important;
    border-color: #e07815 !important;
    box-shadow: 0 0 28px rgba(255,140,26,0.7) !important;
}
.btn-fill-out {
    border-color: var(--color-cta) !important;
    color: var(--color-cta) !important;
}
.btn-fill-out:hover {
    background-color: var(--color-cta) !important;
    color: #fff !important;
}
.btn-outline {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}
.btn-outline:hover {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

/* ── Header ──────────────────────────────────────────────── */
.header-area {
    background-color: var(--color-bg-deep) !important;
    border-bottom: 1px solid var(--color-border) !important;
}
.header-top-ptb-1 {
    background-color: var(--color-bg-deep) !important;
    border-bottom: 1px solid var(--color-border) !important;
}
.header-middle-ptb-1 { background-color: var(--color-bg-deep) !important; }
.header-bottom {
    background-color: var(--color-bg-deep) !important;
    border-top: 1px solid var(--color-border) !important;
}
.header-bottom-bg-color { background-color: #060F1C !important; }
.sticky-bar.stick,
.sticky-bar.stick.sticky-white-bg {
    background-color: var(--color-bg-deep) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}
.sticky-bar.stick.sticky-blue-bg { background-color: var(--color-primary) !important; }

/* Search bar */
.search-style-2 form {
    background-color: #0D1B2E !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
}
.search-style-2 form input,
.search-style-2 form select {
    background-color: transparent !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}
.search-style-2 form button {
    background-color: var(--color-cta) !important;
    box-shadow: var(--color-glow-orange) !important;
}
.search-style-2 form button:hover {
    box-shadow: 0 0 28px rgba(255,140,26,0.7) !important;
}
#search::placeholder { color: var(--color-muted) !important; }

/* ── Navigation ──────────────────────────────────────────── */
.main-nav > li > a,
.main-menu > li > a { color: var(--color-text) !important; }
.main-nav > li > a:hover,
.main-menu > li > a:hover,
.main-nav > li.active > a { color: var(--color-primary) !important; }
.header-nav-right a, .header-info a { color: var(--color-muted) !important; }
.header-nav-right a:hover, .header-info a:hover { color: var(--color-primary) !important; }
#news-flash { color: var(--color-text) !important; }

/* Dropdowns */
.dropdown-menu, .categories-dropdown-wrap,
.header-search-popup, .cart-dropdown-wrap {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
}
.dropdown-item, .categories-dropdown-wrap li a { color: var(--color-text) !important; }
.dropdown-item:hover, .categories-dropdown-wrap li a:hover {
    background-color: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}

/* Mobile header */
.mobile-header-wrapper-style { background-color: var(--color-bg-deep) !important; }
.mobile-header-wrapper-style .mobile-header-top { border-bottom-color: var(--color-border) !important; }
.burger-icon span { background-color: var(--color-text) !important; }

/* ── Hero / Slider ───────────────────────────────────────── */
.home-slider { background-color: var(--color-bg) !important; }
.single-hero-slider { background-color: transparent !important; }
.hero-slider-content-2 h4,
.hero-slider-content-2 p { color: var(--color-text) !important; }

/* ── Section backgrounds ─────────────────────────────────── */
.section-padding-60,
.section-padding-80,
section { background-color: transparent !important; }
.bg-grey-9 { background-color: #0D1B2E !important; }
.background-white { background-color: var(--color-bg-card) !important; }
.bg-white, .bg-light { background-color: var(--color-bg-card) !important; }

/* ── Section titles ──────────────────────────────────────── */
.section-title { color: var(--color-text) !important; }
.section-title.style-1::after {
    background-color: var(--color-cta) !important;
    box-shadow: var(--color-glow-orange) !important;
}
.section-title span { color: var(--color-primary) !important; }

/* ── Product cards ───────────────────────────────────────── */
.product-cart-wrap {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    transition: box-shadow var(--transition-base), border-color var(--transition-base) !important;
}
.product-cart-wrap:hover {
    box-shadow: 0 0 24px rgba(0,153,204,0.3), 0 8px 32px rgba(0,0,0,0.4) !important;
    border-color: var(--color-border-hover) !important;
}
.product-cart-wrap .product-content-wrap { background-color: var(--color-bg-card) !important; }
.product-cart-wrap .product-content-wrap h2 a,
.product-cart-wrap .product-content-wrap h3 a,
.product-cart-wrap .product-content-wrap h4 a,
.product-cart-wrap .product-content-wrap h5 a { color: var(--color-text) !important; }
.product-cart-wrap .product-content-wrap h2 a:hover,
.product-cart-wrap .product-content-wrap h5 a:hover { color: var(--color-primary) !important; }
.product-cart-wrap .product-action-1 a,
.product-cart-wrap .product-action-1 button {
    background-color: var(--color-cta) !important;
    box-shadow: var(--color-glow-orange) !important;
}
.product-cart-wrap .product-action-1 a:hover,
.product-cart-wrap .product-action-1 button:hover { background-color: #e07815 !important; }
.product-badges span { background-color: var(--color-cta) !important; }

/* ── Cards ───────────────────────────────────────────────── */
.card, .card-1 {
    background-color: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}
.card .card-header {
    background-color: #0D1B2E !important;
    border-bottom-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.card .card-body { background-color: var(--color-bg-card) !important; }
.card-1 h5 a { color: var(--color-text) !important; }
.card-1:hover a { color: var(--color-primary) !important; }

/* ── Tabs ─────────────────────────────────────────────────── */
.nav-tabs { border-bottom-color: var(--color-border) !important; }
.nav-tabs .nav-link { color: var(--color-muted) !important; }
.nav-tabs .nav-link.active {
    color: var(--color-cta) !important;
    border-bottom-color: var(--color-cta) !important;
    border-bottom-width: 2px !important;
    background-color: transparent !important;
}
.tab-style3 .nav-tabs li.nav-item a { color: var(--color-muted) !important; }
.tab-style3 .nav-tabs .nav-item a.active {
    color: var(--color-cta) !important;
    border-bottom-color: var(--color-cta) !important;
}

/* ── Slider arrows ───────────────────────────────────────── */
.slider-arrow .slider-btn {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text) !important;
}
.slider-arrow .slider-btn:hover {
    background-color: var(--color-cta) !important;
    box-shadow: var(--color-glow-orange) !important;
}

/* ── Deals ───────────────────────────────────────────────── */
.deals { background-color: #0D1B2E !important; }
.deal { border: 1px solid var(--color-border) !important; }
.deals-countdown .countdown-section { background-color: var(--color-bg-deep) !important; }
.deals-countdown .countdown-section .countdown-amount {
    color: var(--color-cta) !important;
    text-shadow: var(--color-glow-orange) !important;
}
.deals-countdown .countdown-section .countdown-period { color: var(--color-muted) !important; }

/* ── Forms ───────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], textarea, select {
    background-color: #0D1B2E !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
input::placeholder, textarea::placeholder { color: var(--color-muted) !important; }
input:focus, textarea:focus, select:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(0,153,204,0.2) !important;
    outline: none !important;
}
.form-control {
    background-color: #0D1B2E !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.form-control:focus {
    background-color: #0D1B2E !important;
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(0,153,204,0.2) !important;
    color: var(--color-text) !important;
}

/* ── Modals ──────────────────────────────────────────────── */
.modal-content {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
}
.modal-header { border-bottom-color: var(--color-border) !important; }
.modal-footer { border-top-color: var(--color-border) !important; }
.modal-content h3, .modal-content h4,
.modal-content label, .modal-content p { color: var(--color-text) !important; }
.login_wrap { background-color: var(--color-bg-card) !important; }

/* ── Footer ──────────────────────────────────────────────── */
footer.main { background-color: var(--color-bg-deep) !important; }
.footer-bottom {
    background-color: #040D1A !important;
    border-top: 1px solid var(--color-border) !important;
}
.footer-list li a { color: var(--color-muted) !important; }
.footer-list li a:hover { color: var(--color-primary) !important; }
footer h4, footer h5, footer p { color: var(--color-muted) !important; }
.newsletter { background-color: var(--color-primary) !important; }
.newsletter h4, .newsletter h5 { color: #fff !important; }
.form-subcriber input {
    background-color: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #fff !important;
}
.form-subcriber input::placeholder { color: rgba(255,255,255,0.6) !important; }
.social-icons a, footer .social-icons a { color: var(--color-muted) !important; }
.social-icons a:hover { color: var(--color-primary) !important; }

/* ── Misc ─────────────────────────────────────────────────── */
.preloader { background-color: var(--color-bg-deep) !important; }
.table { color: var(--color-text) !important; }
.table th { color: var(--color-muted) !important; background-color: #0D1B2E !important; }
.table td { border-color: var(--color-border) !important; }
.table-hover tbody tr:hover { background-color: rgba(0,153,204,0.08) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,153,204,0.05) !important; }
.badge-primary { background-color: var(--color-primary) !important; }
.badge-warning { background-color: var(--color-cta) !important; }
.order-status-pill {
    background-color: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}
.featured-card, .steps-card,
[class*="how-it-works"] { background-color: var(--color-bg-card) !important; }

/* ── Neon glow pulse animation ───────────────────────────── */
@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 10px rgba(255,140,26,0.4), 0 0 20px rgba(255,140,26,0.2); }
    50%       { box-shadow: 0 0 20px rgba(255,140,26,0.7), 0 0 40px rgba(255,140,26,0.3); }
}
@media (prefers-reduced-motion: reduce) {
    .btn-default, .btn-brand { animation: none !important; }
}

/* ── FIX: sticky header vira a teal — debe ser oscuro ────── */
.sticky-bar.stick.sticky-blue-bg {
    background-color: var(--color-bg-deep) !important;
    border-bottom: 1px solid var(--color-border) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

/* ── Header inline overrides (country select, etc.) ──────── */
.header-country-select {
    background-color: #0D1B2E !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.mobile-country-form label { color: var(--color-muted) !important; }
.mobile-country-form select {
    background-color: #0D1B2E !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

/* ── Breadcrumb ──────────────────────────────────────────── */
.page-header.breadcrumb-wrap,
.breadcrumb-wrap {
    background: var(--color-bg-card) !important;
    border-bottom: 1px solid var(--color-border) !important;
}
.breadcrumb { background: transparent !important; }
.breadcrumb a, .breadcrumb-item { color: var(--color-primary) !important; }
.breadcrumb span { color: var(--color-border) !important; }

/* ── Accordion / FAQ dark theme ──────────────────────────── */
.accordion-item {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}
.accordion-button {
    background: var(--color-bg-card) !important;
    color: var(--color-text) !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background: rgba(0,153,204,0.1) !important;
    color: var(--color-primary) !important;
    box-shadow: none !important;
}
.accordion-button::after { filter: brightness(0) invert(1) !important; }
.accordion-body {
    background: var(--color-bg-card) !important;
    color: var(--color-text) !important;
    border-top: 1px solid var(--color-border) !important;
}
.accordion-body a { color: var(--color-primary) !important; }

/* ── Page hero sections (digital games & game codes) ─────── */
.digital-games-hero,
.game-codes-hero {
    background: var(--color-bg-deep) !important;
    border-bottom-color: var(--color-border) !important;
}
.digital-games-kicker,
.game-codes-kicker { color: var(--color-primary) !important; }
.digital-games-hero h1,
.game-codes-hero h1 { color: var(--color-text) !important; }
.digital-games-hero p,
.game-codes-hero p { color: var(--color-muted) !important; }
.digital-games-hero__stats span,
.game-codes-hero__stats span {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

/* ── Page filter bars ────────────────────────────────────── */
.digital-games-filters label,
.game-codes-filters label { color: var(--color-muted) !important; }
.digital-games-filters input,
.digital-games-filters select,
.game-codes-filters input,
.game-codes-filters select {
    background: #0D1B2E !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

/* ── Digital game cards — index page ─────────────────────── */
.digital-game-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    transition: box-shadow 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}
.digital-game-card:hover {
    border-color: rgba(0,153,204,0.5) !important;
    box-shadow: 0 0 20px rgba(0,153,204,0.2), 0 8px 24px rgba(0,0,0,0.5) !important;
    transform: translateY(-2px) !important;
}
.digital-game-card__media { background: #071020 !important; }
.digital-game-card__body { background: var(--color-bg-card) !important; }
.digital-game-card__badges span {
    background: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}
.digital-game-card h2 a { color: var(--color-text) !important; }
.digital-game-card h2 a:hover { color: var(--color-primary) !important; }
.digital-game-card p { color: var(--color-muted) !important; }
.digital-game-card__variants a {
    background: rgba(0,153,204,0.06) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.digital-game-card__variants a:hover {
    background: rgba(0,153,204,0.15) !important;
    border-color: rgba(0,153,204,0.5) !important;
}
.digital-game-card__variants strong,
.digital-game-card__price strong { color: var(--color-primary) !important; }
.digital-game-card__price span { color: var(--color-muted) !important; }
.digital-game-card__button {
    background: var(--color-bg-card) !important;
    border-top-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.digital-game-card:hover .digital-game-card__button { color: var(--color-primary) !important; }
.digital-games-empty {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

/* ── Game code cards — index page ────────────────────────── */
.game-code-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    transition: box-shadow 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}
.game-code-card:hover {
    border-color: rgba(0,153,204,0.5) !important;
    box-shadow: 0 0 20px rgba(0,153,204,0.2), 0 8px 24px rgba(0,0,0,0.5) !important;
    transform: translateY(-2px) !important;
}
.game-code-card__media { background: #071020 !important; }
.game-code-card__body { background: var(--color-bg-card) !important; }
.game-code-card__badges span {
    background: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}
.game-code-card h2,
.game-code-card h2 a { color: var(--color-text) !important; }
.game-code-card h2 a:hover { color: var(--color-primary) !important; }
.game-code-card p { color: var(--color-muted) !important; }
.game-code-card__variants a {
    background: rgba(0,153,204,0.06) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.game-code-card__variants a:hover {
    background: rgba(0,153,204,0.15) !important;
    border-color: rgba(0,153,204,0.5) !important;
}
.game-code-card__variants strong,
.game-code-card__price strong { color: var(--color-primary) !important; }
.game-code-card__price span { color: var(--color-muted) !important; }
.game-code-card__button {
    background: var(--color-bg-card) !important;
    border-top-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.game-code-card:hover .game-code-card__button { color: var(--color-primary) !important; }
.game-codes-empty {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

/* ── Home landing: Digital Games section ─────────────────── */
.home-digital-games { background: transparent !important; }
.home-digital-games__header h2 { color: var(--color-text) !important; }
.home-digital-games__header p { color: var(--color-muted) !important; }
.home-digital-game-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
    transition: box-shadow 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}
.home-digital-game-card:hover {
    border-color: rgba(0,153,204,0.5) !important;
    box-shadow: 0 0 20px rgba(0,153,204,0.2), 0 8px 24px rgba(0,0,0,0.5) !important;
    transform: translateY(-2px) !important;
}
.home-digital-game-card__media { background: #071020 !important; }
.home-digital-game-card__body { background: var(--color-bg-card) !important; }
.home-digital-game-card__badges span {
    background: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}
.home-digital-game-card h3,
.home-digital-game-card h3 a { color: var(--color-text) !important; }
.home-digital-game-card h3 a:hover { color: var(--color-primary) !important; }
.home-digital-game-card p { color: var(--color-muted) !important; }
.home-digital-game-card__price strong { color: var(--color-primary) !important; }
.home-digital-game-card__price span { color: var(--color-muted) !important; }
.home-digital-game-card__button {
    background: var(--color-bg-card) !important;
    border-top-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.home-digital-game-card:hover .home-digital-game-card__button { color: var(--color-primary) !important; }
.home-digital-games__empty {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
/* 5 columnas en desktop */
.home-digital-games__grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }

/* ── Home landing: Game Codes section ────────────────────── */
.home-game-codes { background: transparent !important; }
.home-game-codes__header h2 { color: var(--color-text) !important; }
.home-game-codes__header p { color: var(--color-muted) !important; }
.home-game-code-card {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
    transition: box-shadow 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}
.home-game-code-card:hover {
    border-color: rgba(0,153,204,0.5) !important;
    box-shadow: 0 0 20px rgba(0,153,204,0.2), 0 8px 24px rgba(0,0,0,0.5) !important;
    transform: translateY(-2px) !important;
}
.home-game-code-card__media { background: #071020 !important; }
.home-game-code-card__body { background: var(--color-bg-card) !important; }
.home-game-code-card__badges span {
    background: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}
.home-game-code-card h3,
.home-game-code-card h3 a { color: var(--color-text) !important; }
.home-game-code-card p { color: var(--color-muted) !important; }
.home-game-code-card__price strong { color: var(--color-primary) !important; }
.home-game-code-card__price span { color: var(--color-muted) !important; }
.home-game-code-card__button {
    background: var(--color-bg-card) !important;
    border-top-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.home-game-code-card:hover .home-game-code-card__button { color: var(--color-primary) !important; }
/* 5 columnas en desktop */
.home-game-codes__grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }

/* ── Gift card product image area ────────────────────────── */
.product-img-action-wrap { background: #111B2D !important; }
.product-content-wrap { background: var(--color-bg-card) !important; }
.product-content-wrap h2,
.product-content-wrap h5 { border-bottom-color: var(--color-border) !important; }
.product-category a { color: var(--color-muted) !important; }
.old-price { color: var(--color-muted) !important; }
.product-price { color: var(--color-text) !important; }

/* ── Feature / service boxes ─────────────────────────────── */
.features-box, .single-feature, .feature-item,
.service-icon-2, .service-item, .icon-box {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
}
.features-box h4, .single-feature h4,
.service-item h4, .icon-box h4 { color: var(--color-text) !important; }
.features-box p, .single-feature p,
.service-item p, .icon-box p { color: var(--color-muted) !important; }

/* ── Pagination ──────────────────────────────────────────── */
.page-link {
    background: var(--color-bg-card) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.page-item.active .page-link {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
}
.page-link:hover {
    background: rgba(0,153,204,0.15) !important;
    color: var(--color-primary) !important;
}

/* ── Home slider hero background fix ─────────────────────── */
.home-slider, .hero-slider-1.style-3 { background: var(--color-bg) !important; }
.single-hero-slider { background: transparent !important; }
.slider-1-height-3 { background: transparent !important; }

/* ── Responsive: grids de cards ──────────────────────────── */
@media (max-width: 1400px) {
    .home-digital-games__grid,
    .home-game-codes__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 991px) {
    .home-digital-games__grid,
    .home-game-codes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    .home-digital-games__grid,
    .home-game-codes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 479px) {
    .home-digital-games__grid,
    .home-game-codes__grid { grid-template-columns: 1fr !important; }
}