/* Nav sticky cu logo imagine + buton WhatsApp pill. Migrat din mockup v6. */
.logo img { height: 54px; width: auto; display: block; }
.site-header .logo { display: flex; align-items: center; }

.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); background: rgba(245, 241, 233, .92); border-bottom: 1px solid rgba(33, 54, 49, .1); }
nav { display: flex; align-items: center; justify-content: space-between; height: 84px; }
.logo { font-family: 'Fraunces'; font-size: 2.1rem; font-weight: 500; letter-spacing: .02em; color: var(--green); }
.logo span { font-style: italic; color: var(--gold-deep); }
.nav-links { display: flex; gap: 42px; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; align-items: center; }
.nav-links ul { display: flex; gap: 42px; list-style: none; margin: 0; padding: 0; }
.nav-links li { list-style: none; }
.logo .logo-text { font-family: 'Fraunces'; font-size: 2.1rem; font-weight: 500; letter-spacing: .02em; color: var(--green); }
.nav-links a { color: var(--green); position: relative; padding: 4px 0; }
.nav-links a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: var(--gold); transition: width .35s; }
.nav-links a:hover::after { width: 100%; }
.nav-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--wa); color: #fff !important; padding: 12px 22px; letter-spacing: .12em; text-transform: uppercase; font-size: .74rem; border-radius: 40px; transition: all .3s; }
.nav-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(37, 211, 102, .35); }
.nav-cta svg { width: 16px; height: 16px; fill: #fff; }
.burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: 0; padding: 4px; }
.burger span { width: 26px; height: 1px; background: var(--green); transition: transform .3s, opacity .3s; }

@media (max-width: 920px) {
    .nav-links { display: none; }
    .burger { display: flex; }

    /* Panou meniu mobil (deschis prin JS: .site-header.nav-open) */
    .site-header.nav-open .nav-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(245, 241, 233, .98);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(33, 54, 49, .12);
        box-shadow: 0 24px 40px rgba(33, 54, 49, .12);
        padding: 12px 40px 24px;
    }
    .site-header.nav-open .nav-links ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
    }
    .site-header.nav-open .nav-links li { width: 100%; }
    .site-header.nav-open .nav-links a { display: block; width: 100%; padding: 16px 0; border-bottom: 1px solid rgba(33, 54, 49, .08); }

    /* Burger → X când meniul e deschis */
    .site-header.nav-open .burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .site-header.nav-open .burger span:nth-child(2) { opacity: 0; }
    .site-header.nav-open .burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}
