/* ==========================================================================
   glass.css – finisaje „liquid glass” peste designul vechi.
   Un singur fișier, încărcat ultimul. Dacă nu place ceva, se scoate regula sau tot fișierul.
   („!important” e necesar pentru că style.css forțează border-radius:0 pe toate elementele.)
   ========================================================================== */

/* 1. Bara de meniu: albă translucidă, cu blur peste conținutul derulat */
.header {
    background-color: rgba(255, 255, 255, .86);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border-bottom-color: rgba(0, 0, 0, .06);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .header { background-color: rgba(255, 255, 255, .97); }
}

/* 2. Meniul derulant */
.dropdown-menu {
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .25);
}

/* 3. Casetele de text din slider: sticlă întunecată în loc de fundalul plat */
.da-slide h1 i,
.da-slide h2 i,
.da-slide p i {
    background: rgba(10, 10, 10, .42) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 3px !important;
}
.da-slide .da-img iframe {
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}

/* 4. Cardurile de prețuri și blocurile de servicii */
.pricing {
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 6px !important;
    box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(0, 0, 0, .05), 0 8px 24px -10px rgba(0, 0, 0, .18) !important;
    overflow: hidden;
    transition: box-shadow .25s ease;
}
.pricing:hover {
    box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(0, 0, 0, .05), 0 12px 28px -12px rgba(0, 0, 0, .3) !important;
}
.pricing-head h4 { background: rgba(252, 252, 252, .7) !important; }

/* Blocurile de servicii: același efect discret ca pe site-ul vechi (fundal aproape alb, umbră moale,
   iconița devine gri), doar cu umbra mai fină și colțuri ușor rotunjite. */
.service {
    border-radius: 4px !important;
    transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
}
.service:hover {
    background: rgba(252, 252, 252, .9);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 16px -8px rgba(0, 0, 0, .16);
}

/* 5. Benzile gri (crezul nostru, titlul subpaginilor): un reflex de lumină peste textura veche */
.purchase,
.breadcrumbs {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)), url('/assets/img/breadcrumbs.png') !important;
    box-shadow: inset 0 1px 0 #fff, inset 0 0 4px #eee !important;
}

/* 6. Bannerul de cookie (butoanele lui sunt .btn-glass, în site.css) */
.consent {
    background: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border-radius: 6px !important;
    box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .3);
}

@media (prefers-reduced-motion: reduce) {
    .pricing, .service { transition: none; }
}

/* 7. Meniul din bara de sus: la mouse over, același efect ca butonul „Cere ofertă” (pastilă translucidă cu contur
   subțire și umbră moale, text portocaliu); pagina curentă e o pastilă cu o tentă discretă de portocaliu.
   Doar pe ecrane late; în meniul pliat de pe telefon rămân regulile vechi. Dimensiunile cutiei nu se schimbă
   (9px + 1px contur = 9px + 2px linia veche), ca bara să rămână la aceeași înălțime. */
@media (min-width: 992px) {
    .header .navbar .nav > li > a {
        padding: 9px 19px;
        border: 1px solid transparent;
        border-radius: 999px !important;
        transition: color .2s, border-color .2s, box-shadow .2s, background .2s;
    }
    .header .navbar .nav > li > a:hover,
    .header .navbar .nav > li > a:focus-visible,
    .header .navbar .nav > li.show > a {
        color: #d35400;
        border-color: rgba(230, 126, 34, .45);
        background: linear-gradient(180deg, #fff, rgba(255, 255, 255, .85));
        box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, .05), 0 8px 20px -10px rgba(230, 126, 34, .4);
    }
    .header .navbar .nav > .active > a,
    .header .navbar .nav > .active > a:focus {
        color: #d35400;
        border: 1px solid rgba(230, 126, 34, .3);
        background: rgba(230, 126, 34, .07);
        box-shadow: none;
    }
    .header .navbar .nav > .active > a:hover {
        border-color: rgba(230, 126, 34, .45);
        background: linear-gradient(180deg, #fff, rgba(255, 255, 255, .85));
        box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0, 0, 0, .05), 0 8px 20px -10px rgba(230, 126, 34, .4);
    }
    .header .navbar .nav > li { margin: 0 2px; }
    /* elementele din meniul derulant: aceeași pastilă, mai mică (tema punea fundal gri închis cu !important) */
    .header .dropdown-menu { padding: 6px; }
    .header .dropdown-menu li a { border-bottom: 0; border-radius: 999px !important; transition: background .15s, color .15s; }
    .header .dropdown-menu li > a:hover,
    .header .dropdown-menu li > a:focus { background: rgba(230, 126, 34, .08) !important; color: #d35400 !important; }
}