/*
Theme Name: ApuestaPura Theme
Theme URI: https://apuestapura.lat
Author: ApuestaPura Team
Author URI: https://apuestapura.lat
Description: High-performance LatAm iGaming and sports betting comparison theme with dynamic geo-routing, neon accents, and dark mode.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apuestapura
*/

:root {
    --ap-brand-red: #FF1E27;
    --ap-neon-cyan: #00E5FF;
    --ap-bg-main: #11141A;
    --ap-bg-card: #1A1E26;
    --ap-border: #222936;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    position: relative;
}

body {
    background-color: var(--ap-bg-main) !important;
    color: #FFFFFF !important;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.site-main {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

.apuesta-hero-banner {
    contain: paint !important;
    max-width: 100% !important;
    width: 100% !important;
}

img, video {
    max-width: 100%;
}

/* Animations */
@keyframes slowPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.85; transform: scale(1.02); }
}
.logo-pulse { animation: slowPulse 4s ease-in-out infinite; }

@keyframes btnGlowPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 10px rgba(255, 255, 255, 0.15); }
    50% { transform: scale(1.03); box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); }
}
.btn-pulse {
    animation: btnGlowPulse 3s ease-in-out infinite;
}

@keyframes premiumGlow {
    0% { box-shadow: 0 4px 15px rgba(255, 30, 39, 0.2); }
    50% { box-shadow: 0 4px 30px rgba(255, 30, 39, 0.45); border-color: var(--ap-neon-cyan) !important; }
    100% { box-shadow: 0 4px 15px rgba(255, 30, 39, 0.2); }
}

.top-featured-operator-row {
    border: 1px solid rgba(255, 30, 39, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background-color: var(--ap-bg-card) !important;
    border-radius: 16px;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.top-featured-operator-row:hover {
    border-color: rgba(250, 204, 21, 0.6) !important;
    box-shadow: 0 8px 30px rgba(250, 204, 21, 0.15);
}

.bono-del-dia-container {
    border: 2px solid var(--ap-brand-red) !important;
    background-color: var(--ap-bg-card);
    border-radius: 8px;
    padding: 24px;
    animation: premiumGlow 3s infinite ease-in-out;
}

/* Payment Badges Grid */
.apuesta-payment-badges-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.apuesta-payment-badge {
    display: inline-flex;
    align-items: center;
    background-color: #0f172a;
    border: 1px solid #334155;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    color: #e2e8f0;
    gap: 6px;
}
.apuesta-badge-tag {
    background-color: rgba(255, 30, 39, 0.2);
    color: #ff6b72;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: bold;
}

/* Hide scrollbar for smooth horizontal touch scrolling */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Digital Monospace Countdown Timer styling */
.countdown-digit-box {
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    color: var(--ap-neon-cyan);
    text-shadow: 0 0 8px rgba(0, 229, 255, 0.6);
    background: #0D0E12;
    border: 1px solid var(--ap-border);
}