/* Importăm un font premium, tehnic și elegant pentru titlu */
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');

/* =========================================
   Premium Heading Styling (Latest News)
========================================= */
#latest-news h2 {
    font-family: 'Syncopate', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem); /* Dimensiune ușor micșorată */
    line-height: 1.4; /* Previne tăierea literelor pe verticală */
    padding-top: 0.2em; /* Spațiu extra sus pentru efectul de text gradient */
    padding-bottom: 0.2rem;
    background: linear-gradient(
        to right, 
        #ffffff 0%, 
        #8a8a8a 25%, 
        #ffffff 50%, 
        #8a8a8a 75%, 
        #ffffff 100%
    );
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.15);
    animation: shine-metal 6s linear infinite;
}
/* =========================================
   Swiper Navigation Customization
========================================= */
.nav-arrow {
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-arrow:hover {
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.4); /* Glow cyan (Primary NIDMG) */
    transform: translateY(-2px);
    background-color: rgba(0, 242, 255, 0.1);
}

/* =========================================
   Card Premium Touches
========================================= */
.news-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;
}

/* Efectul de levitație elegantă la trecerea cu mouse-ul */
.news-card:hover {
    transform: translateY(-8px);
}

.news-img {
    will-change: transform;
    /* Adăugăm un filtru fin pentru a face pozele să pară mai cinematice, care dispare la hover */
    filter: contrast(1.1) brightness(0.9) grayscale(10%);
    transition: transform 0.8s ease-out, filter 0.5s ease;
}

.news-card:hover .news-img {
    filter: contrast(1) brightness(1) grayscale(0%);
}