/* =====================================================
   PRIMLUX PREMIUM OVERLAY
   NU înlocuiește styles.css. Doar îl îmbunătățește.
===================================================== */

:root{
    --plx-glass: rgba(7, 13, 31, .82);
    --plx-line: rgba(255,255,255,.10);
    --plx-blue-glow: rgba(10,108,255,.28);
    --plx-gold-glow: rgba(245,198,59,.22);
}

/* ===== NAVBAR MAI MIC + PREMIUM ===== */

.nav{
    background: rgba(7,13,31,.78);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 8px 26px rgba(0,0,0,.22);
}

.nav-inner{
    padding: 8px 0 !important;
    min-height: 58px;
}

.logo{
    font-size: 15px;
    letter-spacing: .2px;
}

.logo img{
    height: 30px !important;
}

.menu{
    gap: 6px;
}

.menu a{
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: #b8c5ea;
}

.menu a:hover,
.menu a.active{
    background: rgba(255,255,255,.08);
    color: #fff;
}

.menu a.cta{
    padding: 8px 14px;
    color: #fff;
    box-shadow: 0 10px 24px rgba(10,108,255,.28);
}

/* ===== HERO DOAR HOME — fără să stricăm paginile ===== */

body[th\:with*="home"] .hero,
.hero{
    isolation: isolate;
}

.hero{
    padding: 86px 0 66px;
    background:
            radial-gradient(760px 420px at 12% 0%, rgba(10,108,255,.24), transparent 62%),
            radial-gradient(640px 360px at 90% 12%, rgba(245,198,59,.12), transparent 58%),
            linear-gradient(180deg, rgba(7,13,31,.86), rgba(11,16,32,.2));
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
            linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 82%);
    pointer-events:none;
    z-index:-1;
}

.hero .badge{
    box-shadow: 0 0 0 6px rgba(245,198,59,.05);
}

.hero h1{
    max-width: 980px;
    font-size: clamp(34px, 5.2vw, 66px);
    letter-spacing: -1.7px;
}

.hero h1 span{
    text-shadow: 0 0 30px rgba(245,198,59,.28);
}

.hero p{
    max-width: 850px;
    line-height: 1.75;
}

/* ===== BUTOANE MAI SCUMPE ===== */

.btn,
.cta{
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.btn:hover,
.cta:hover{
    transform: translateY(-2px);
}

.btn-primary{
    box-shadow: 0 12px 28px rgba(10,108,255,.30);
}

.btn-outline{
    background: rgba(255,255,255,.035);
    backdrop-filter: blur(10px);
}

.btn-outline:hover{
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.35);
}

/* ===== CARDURI MAI PREMIUM, fără schimbare structură ===== */

.card{
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background:
            linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    box-shadow:
            0 16px 38px rgba(0,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.05);
}

.card:hover{
    border-color: rgba(106,168,255,.34);
    box-shadow:
            0 22px 52px rgba(0,0,0,.34),
            0 0 32px rgba(10,108,255,.10);
}

.card h3{
    color:#fff;
}

.pill{
    background: rgba(10,108,255,.08);
    border-color: rgba(106,168,255,.22);
    color:#cfe0ff;
}

/* ===== SECȚIUNI care erau greșit prinse în media ===== */

.page-hero{
    padding: 56px 0 34px;
    background:
            radial-gradient(700px 380px at 0 0, rgba(10,108,255,.18), transparent 65%),
            linear-gradient(180deg, rgba(255,255,255,.03), transparent);
    border-bottom:1px solid rgba(255,255,255,.08);
    margin-bottom:10px;
}

.page-hero h1{
    margin:0 0 8px;
    font-size:clamp(28px,4vw,44px);
    letter-spacing:-.9px;
}

.page-hero p{
    margin:0 0 10px;
    color:var(--muted);
    max-width:850px;
    line-height:1.75;
}

.section-narrow{
    padding:42px 0;
}

.section-muted{
    padding:50px 0;
    background:
            radial-gradient(800px 500px at 0 0, rgba(16,32,96,.34), transparent 60%),
            radial-gradient(800px 500px at 100% 100%, rgba(10,108,255,.18), transparent 60%);
}

.icon-list{
    display:grid;
    gap:12px;
    margin-top:18px;
}

.icon-list-item{
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.icon-list-item i{
    margin-top:4px;
    color:var(--brand2);
}

/* ===== FAQ ===== */

.faq-item{
    background: rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:18px 20px;
    margin-bottom:12px;
}

.faq-item h3{
    margin:0 0 8px;
}

/* ===== FOOTER ===== */

footer{
    background:
            radial-gradient(600px 280px at 20% 0, rgba(10,108,255,.14), transparent 60%),
            rgba(7,13,31,.78);
}

/* ===== MOBILE PERFECT ===== */

@media(max-width: 860px){

    .nav-inner{
        padding: 9px 0 !important;
    }

    .logo img{
        height:28px !important;
    }

    .menu{
        top:58px !important;
        right:4vw !important;
        width:92vw;
        max-width:340px;
        padding:12px;
        border:1px solid rgba(255,255,255,.10);
        background: rgba(7,13,31,.97);
        backdrop-filter: blur(18px);
    }

    .menu a{
        padding:11px 13px;
        border-radius:13px;
        font-size:14px;
    }

    .nav-burger{
        width:38px;
        height:38px;
        border-radius:12px;
        background:rgba(255,255,255,.06);
        border:1px solid rgba(255,255,255,.12);
    }

    .hero{
        padding:64px 0 46px;
    }

    .hero h1{
        font-size:clamp(31px, 10vw, 45px);
        letter-spacing:-1px;
    }

    .hero p{
        font-size:16px;
    }

    .hero .btn{
        width:100%;
        text-align:center;
    }

    .section{
        padding:46px 0;
    }

    .card{
        padding:20px;
        border-radius:18px;
    }

    .grid[style*="grid-template-columns:2fr 1fr"]{
        grid-template-columns:1fr !important;
    }

    .grid[style*="grid-template-columns:1fr 1fr"]{
        grid-template-columns:1fr !important;
    }
}

/* ===== STICKY CTA — apare dacă îl adăugăm în fragments ===== */

.plx-floating-contact{
    position:fixed;
    right:16px;
    bottom:16px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.plx-floating-contact a{
    width:52px;
    height:52px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.35);
}

.plx-floating-contact .wa{
    background:#25D366;
}

.plx-floating-contact .call{
    background:linear-gradient(135deg,var(--brand),var(--brand2));
}

@media(max-width:680px){
    .plx-floating-contact{
        left:12px;
        right:12px;
        bottom:12px;
        flex-direction:row;
    }

    .plx-floating-contact a{
        flex:1;
        width:auto;
        height:48px;
        border-radius:14px;
        font-size:18px;
    }
}

.premium-hero-grid{
    display:grid;
    grid-template-columns: minmax(0,1.45fr) minmax(320px,.75fr);
    gap:34px;
    align-items:center;
}

.hero-actions{
    display:flex;
    gap:12px;
    margin-top:22px;
    flex-wrap:wrap;
}

.hero-trust-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

.hero-trust-row span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    color:#c8d6ff;
    font-size:13px;
    font-weight:700;
}

.hero-trust-row i{
    color:var(--accent);
}

.hero-panel{
    border-radius:24px;
    padding:22px;
    background:
            radial-gradient(420px 240px at 80% 0, rgba(10,108,255,.22), transparent 65%),
            linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.hero-panel-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
    color:var(--muted);
    font-size:13px;
}

.hero-panel-top strong{
    color:#22c55e;
    font-size:12px;
    letter-spacing:.08em;
}

.hero-metric{
    padding:14px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

.hero-metric span{
    display:block;
    color:var(--muted);
    font-size:13px;
    margin-bottom:4px;
}

.hero-metric b{
    color:#fff;
    font-size:16px;
}

.hero-panel-cta{
    margin-top:14px;
    padding:13px 14px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(10,108,255,.9), rgba(106,168,255,.78));
    color:#fff;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:9px;
}

.premium-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.premium-cta-card,
.premium-final-cta{
    display:grid;
    grid-template-columns:1.5fr .8fr;
    gap:24px;
    align-items:center;
}

.premium-cta-actions{
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:12px;
}

.review-stars{
    color:var(--gold);
    letter-spacing:2px;
    font-weight:900;
    margin-bottom:8px;
}

@media(max-width:900px){
    .premium-hero-grid,
    .premium-cta-card,
    .premium-final-cta{
        grid-template-columns:1fr;
    }

    .premium-trust-grid{
        grid-template-columns:1fr;
    }

    .premium-cta-actions{
        justify-content:flex-start;
    }

    .hero-panel{
        margin-top:10px;
    }
}

@media(max-width:680px){
    .premium-home-hero{
        padding-top:54px;
    }

    .hero-actions .btn{
        width:100%;
    }

    .hero-trust-row span{
        width:100%;
    }
}