/* Custom Utilities & Header Styles */
.glass-panel {
    background: rgba(42, 22, 37, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(238, 43, 189, 0.1);
}

.neon-text-shadow {
    text-shadow: 0 0 10px rgba(238, 43, 189, 0.7), 0 0 20px rgba(238, 43, 189, 0.5);
}

/* Animation utilities */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 15px rgba(238, 43, 189, 0.4); }
    50% { box-shadow: 0 0 25px rgba(238, 43, 189, 0.8); }
}

.animate-glow {
    animation: pulse-glow 2s infinite;
}

.scrolling-text-container {
    overflow: hidden;
    white-space: nowrap;
}

.scrolling-text {
    display: inline-block;
    animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* Custom Utilities & Header Styles */
.glass-panel {
    background: rgba(42, 22, 37, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(238, 43, 189, 0.1);
}

.neon-text-shadow {
    text-shadow: 0 0 10px rgba(238, 43, 189, 0.7), 0 0 20px rgba(238, 43, 189, 0.5);
}

/* Animation utilities */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 15px rgba(238, 43, 189, 0.4); }
    50% { box-shadow: 0 0 25px rgba(238, 43, 189, 0.8); }
}

.animate-glow {
    animation: pulse-glow 2s infinite;
}

.scrolling-text-container {
    overflow: hidden;
    white-space: nowrap;
}

.scrolling-text {
    display: inline-block;
    animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* === NOU: Stiluri pentru imaginea de fundal principală === */
.main-header-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130vh; /* Înălțime mare pentru a acoperi zona de sus */
    max-height: 1200px; /* Limităm înălțimea maximă */
    z-index: -1; /* O punem în spatele conținutului */
    overflow: hidden;
    pointer-events: none;
}

/* Pseudo-element pentru imaginea propriu-zisă */
.main-header-background::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('images/neonheartbeat.png'); /* Calea către imagine */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    /* Efecte profesionale: Estompare și întunecare pentru contrast */
    filter: brightness(0.7) saturate(1.2) blur(2px);
    transform: scale(1.02); /* Mărim puțin pentru a ascunde marginile neclare */
}

/* Pseudo-element pentru gradient overlay (trecere spre culoarea de fundal) */
.main-header-background::after {
    content: '';
    position: absolute;
    inset: 0;
    /* Gradient de la transparent (sus) la culoarea de fundal a site-ului (jos) */
    /* Folosim culoarea #22101d care este 'background-dark' din Tailwind config */
    background: linear-gradient(
        to bottom,
        rgba(34, 16, 29, 0.3) 0%,
        rgba(34, 16, 29, 0.8) 60%,
        rgba(34, 16, 29, 1) 100%
    );
    mix-blend-overlay; /* Ajută la integrarea culorilor */
}
/* ======================================================== */