/* ============================================================================
   BACKGROUND FIX - Pentru Homepage și Toate Paginile
   ============================================================================
   Adaugă acest CSS în background.css (la SFÂRȘIT)
   SAU creează un fișier nou background-fix.css
   ============================================================================ */

/* === FIX 1: Remove any solid backgrounds on sections === */
.section,
section {
    background: transparent !important;
    background-color: transparent !important;
}

/* === FIX 2: Ensure body background is visible === */
body {
    min-height: 100vh;
}

/* === FIX 3: Remove backgrounds from common containers === */
.container,
.container-wide,
.container-narrow {
    background: transparent !important;
}

/* === FIX 4: Hero section specific === */
.hero {
    background: transparent !important;
    background-color: transparent !important;
}

/* === FIX 5: Homepage specific sections === */
#hero,
#services,
#packages,
#examples,
#about,
#contact,
.hero-section,
.services-section,
.packages-section,
.examples-section {
    background: transparent !important;
    background-color: transparent !important;
}

/* === FIX 6: Cards should keep their backgrounds === */
.card {
    /* Cards păstrează background-ul lor */
    background: rgba(26, 26, 26, 0.8) !important;
    backdrop-filter: blur(10px);
}

/* === FIX 7: Navbar și Footer păstrează backgrounds === */
.navbar,
nav,
footer {
    /* Navbar și footer păstrează backgrounds */
}

/* === FIX 8: Asigură că animația e vizibilă peste tot === */
body::before,
body::after {
    z-index: -1 !important;
    pointer-events: none;
}

.orb {
    z-index: -1 !important;
    pointer-events: none;
}

#particles-canvas {
    z-index: -1 !important;
}

/* === FIX 9: Ensure content is above background === */
main,
.main,
.content {
    position: relative;
    z-index: 1;
}

/* === FIX 10: Remove inline styles (if any) === */
[style*="background: #0a0a0a"],
[style*="background-color: #0a0a0a"],
[style*="background: black"],
[style*="background-color: black"] {
    background: transparent !important;
    background-color: transparent !important;
}