/**
 * 7K BET - Hero Background Images CSS
 * Real images from library, compressed for web
 */

/* ============================================
   HERO BACKGROUND IMAGES
   ============================================ */

/* Main Homepage Hero */
.hero-main-placeholder {
    background-image: url('../images/hero/hero-main.jpg');
    background-size: cover;
    background-position: center;
}

/* Trust/Security Hero */
.hero-trust-placeholder {
    background-image: url('../images/hero/hero-trust.jpg');
    background-size: cover;
    background-position: center;
}

/* Register Hero */
.hero-register-placeholder {
    background-image: url('../images/hero/hero-register.jpg');
    background-size: cover;
    background-position: center;
}

/* Betting Hero */
.hero-betting-placeholder {
    background-image: url('../images/hero/hero-betting.jpg');
    background-size: cover;
    background-position: center;
}

/* Bonus Hero */
.hero-bonus-placeholder {
    background-image: url('../images/hero/hero-bonus.jpg');
    background-size: cover;
    background-position: center;
}

/* PIX Hero */
.hero-pix-placeholder {
    background-image: url('../images/hero/hero-pix.jpg');
    background-size: cover;
    background-position: center;
}

/* App Hero */
.hero-app-placeholder {
    background-image: url('../images/hero/hero-app.jpg');
    background-size: cover;
    background-position: center;
}

/* Sports Hero */
.hero-sports-placeholder {
    background-image: url('../images/hero/hero-sports.jpg');
    background-size: cover;
    background-position: center;
}

/* Casino Hero */
.hero-casino-placeholder {
    background-image: url('../images/hero/hero-casino.jpg');
    background-size: cover;
    background-position: center;
}

/* Support Hero */
.hero-support-placeholder {
    background-image: url('../images/hero/hero-support.jpg');
    background-size: cover;
    background-position: center;
}

/* VIP Hero */
.hero-vip-placeholder {
    background-image: url('../images/hero/hero-vip.jpg');
    background-size: cover;
    background-position: center;
}

/* FAQ Hero */
.hero-faq-placeholder {
    background-image: url('../images/hero/hero-faq.jpg');
    background-size: cover;
    background-position: center;
}

/* Responsible Gaming Hero */
.hero-responsible-placeholder {
    background-image: url('../images/hero/hero-responsible.jpg');
    background-size: cover;
    background-position: center;
}

/* ============================================
   FEATURE IMAGE STYLES
   ============================================ */

.feature-placeholder {
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    overflow: hidden;
}

.feature-placeholder img {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================================
   LOADING SHIMMER EFFECT
   ============================================ */

.shimmer {
    background: linear-gradient(
        90deg,
        rgba(26, 26, 26, 1) 0%,
        rgba(42, 42, 42, 1) 50%,
        rgba(26, 26, 26, 1) 100%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}