/* ==========================================================================
   PREMIUM ANIMATIONS & RESKIN OVERRIDES
   Acest fisier suprascrie anumite stiluri pentru a oferi un aspect mai modern,
   pastrand in acelasi timp structura existenta.
   ========================================================================== */

/* --- TIPOGRAFIE MAI BUNA --- */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6, .titlu-sectiune h2 {
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
    letter-spacing: -0.02em;
    font-weight: 700;
}

/* --- SUPRASCRIERE FORME SI UMBRE (CARDURI) --- */
.serviciu-card, 
.promotie-card, 
.echipa-card,
.galerie-item,
.rail-card,
.contact-coloana-stanga,
.contact-coloana-dreapta {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-color);
    transition: var(--transition) !important;
    overflow: hidden;
}

/* --- EFECTE DE HOVER PE CARDURI (MICRO-INTERACTIUNI) --- */
.serviciu-card:hover, 
.promotie-card:hover, 
.rail-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-md) !important;
    border-color: var(--primary-light);
}

.echipa-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* --- IMAGINI - ZOOM LA HOVER --- */
.echipa-card img,
.galerie-item img,
.rail-thumb img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.echipa-card:hover img,
.galerie-item:hover img,
.rail-card:hover .rail-thumb img {
    transform: scale(1.05) !important;
}

/* --- SUPRASCRIERE BUTOANE - GLOW EFFECTS --- */
.buton-primar, 
.buton-contact, 
.buton-contact-menu,
.buton-programare,
.buton-cta,
.buton-cta-telefon,
.buton-promotie,
.buton-actiune {
    border-radius: var(--radius-pill) !important;
    background: var(--primary-gradient) !important;
    color: var(--white) !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: var(--shadow-sm) !important;
    transition: var(--transition) !important;
    position: relative;
    overflow: hidden;
}

.buton-primar:hover, 
.buton-contact:hover, 
.buton-contact-menu:hover,
.buton-programare:hover,
.buton-cta:hover,
.buton-cta-telefon:hover,
.buton-promotie:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md), var(--shadow-glow) !important;
}

/* Ripple effect simplificat */
.buton-primar::after,
.buton-contact::after,
.buton-contact-menu::after,
.buton-programare::after,
.buton-cta::after,
.buton-cta-telefon::after,
.buton-promotie::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.buton-primar:hover::after,
.buton-contact:hover::after,
.buton-contact-menu:hover::after,
.buton-programare:hover::after,
.buton-cta:hover::after,
.buton-cta-telefon:hover::after,
.buton-promotie:hover::after {
    opacity: 1;
}

/* --- HEADER / NAVBAR GLASSMORPHISM --- */
.navbar-client {
    background: var(--navbar-bg) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: var(--glass-border) !important;
    box-shadow: var(--shadow-sm) !important;
}

.navbar-client.scrolled {
    box-shadow: var(--shadow-md) !important;
}

/* Nav links - tranzitii mai line */
.navbar-client nav ul li a {
    transition: color 0.3s ease, background 0.3s ease;
    border-radius: var(--radius-sm);
}

.navbar-client nav ul li a:hover {
    color: var(--primary) !important;
    background: rgba(2, 132, 199, 0.05);
}

/* --- FOOTER REFRESH --- */
.footer {
    background: var(--dark) !important;
    color: var(--gray-light) !important;
    border-top: 4px solid var(--primary);
}

.footer h3 {
    color: var(--white) !important;
}

.footer a {
    color: var(--gray-light) !important;
    transition: var(--transition-fast) !important;
}

.footer a:hover {
    color: var(--primary-light) !important;
    transform: translateX(3px);
    display: inline-block;
}

.footer-social a:hover {
    transform: translateY(-3px) scale(1.1);
    color: var(--white) !important;
    background: var(--primary-gradient);
    border-color: transparent;
}

/* --- SECTIUNI - BACKGROUNDS --- */
.sectiune-servicii-rapide {
    background: var(--bg-tertiary);
}

/* HERO SECTIONS OVERLAYS */
.pagina-titlu-ero {
    position: relative;
    border-bottom: 5px solid var(--primary);
}
.pagina-titlu-ero::before {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: linear-gradient(to right, rgba(15,23,42,0.9) 0%, rgba(15,23,42,0.6) 100%);
    z-index: 1;
}
.pagina-titlu-ero .container-continut {
    position: relative;
    z-index: 2;
}

/* Fix pentru texte in dark mode sa nu fie albe pe alb */
body.dark-mode .sectiune-servicii-rapide {
    background: var(--bg-primary);
}
body.dark-mode .titlu-sectiune h2,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3 {
    color: var(--text-primary) !important;
}
body.dark-mode p {
    color: var(--text-secondary) !important;
}

/* ==========================================================================
   FIX SPATIERE NAVBAR FIX (GLASMORPHISM)
   Compensează navbar-ul fix, menținând efectul de blur pe fundalurile hero
   ========================================================================== */

/* 1. Pentru paginile cu HERO (.pagina-titlu-ero) */
.pagina-titlu-ero {
    /* Navbar-ul are ~100px. Adăugăm spațiu suplimentar pentru titlu */
    padding-top: calc(var(--nav-height, 100px) + 60px) !important;
    padding-bottom: 80px !important;
}

/* 2. Pentru paginile FĂRĂ HERO (ex. pagini legale, sectiuni simple) 
   Trebuie sa împingem continutul sub navbar daca nu exista un hero. */
body > .legal-page, 
body > .container,
body > .sectiune-standard {
    margin-top: calc(var(--nav-height, 100px) + 40px) !important;
}

/* Fix specific pentru galerie - sa nu se lipeasca prea tare sus daca hero-ul e mic */
.galerie-filtre {
    margin-top: 40px !important;
}