/* Background Images System for MeowCraft */

/* Full page background - applies to entire site */
body {
    background-image: url('https://i.ibb.co/5XkShDNx/image-2025-11-08-220243333.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Hide particles background */
#particles-js {
    display: none !important;
}

/* Hero sections - transparent so body background shows through */
.hero,
.download-hero,
.shop-hero,
.wiki-hero,
.community-hero,
.pokedex-hero,
.gym-hero {
    position: relative;
    background: transparent;
}

/* No overlay - using text shadows instead */
.hero::before,
.download-hero::before,
.shop-hero::before,
.wiki-hero::before,
.community-hero::before,
.pokedex-hero::before,
.gym-hero::before {
    display: none;
}

/* Ensure content appears above overlay */
.hero .container,
.download-hero .container,
.shop-hero .container,
.wiki-hero .container,
.community-hero .container,
.pokedex-hero .container,
.gym-hero .container {
    position: relative;
    z-index: 1;
}

/* Text shadows only on subtitles/descriptions for readability */
.hero .hero-subtitle,
.hero .hero-description,
.section-subtitle,
.hero p,
.download-hero p,
.shop-hero p,
.wiki-hero p,
.community-hero p,
.card p,
.feature-card p,
.info-card p {
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.9),
        0 4px 8px rgba(0, 0, 0, 0.7);
}

/* Mobile optimization */
@media (max-width: 768px) {
    body {
        background-attachment: scroll;
    }
}