/* =================================================================
   PALETĂ
================================================================== */
:root{
    --privacy-bg:#faf8f5;
    --privacy-white:#ffffff;
    --privacy-brown:#4a2e1f;
    --privacy-brown-light:#8c6a58;
    --privacy-border:#d8cec6;
    --privacy-text:#3a3a3a;
    --privacy-muted:#6f6a65;

    --privacy-font-serif:"Ibarra Real Nova", serif;
    --privacy-font-sans:"Special Gothic", sans-serif;
}

.privacy-page,
.privacy-page *{
    box-sizing:border-box;
}

.privacy-page{
    background:var(--privacy-bg);
    font-family:var(--privacy-font-sans);
    color:var(--privacy-text);
}

html{
    scroll-behavior:smooth;
}

/* =================================================================
   BARĂ DE PROGRES
================================================================== */
.privacy-progress{
    position:fixed;
    top:0;
    left:0;
    width:0%;
    height:4px;
    background:var(--privacy-brown);
    z-index:100;
    transition:width .1s linear;
}

/* =================================================================
   HERO
================================================================== */
.privacy-hero{
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;

    /* Placeholder — înlocuiește cu url('images/privacy-hero.jpg'); background-size:cover; background-position:center; */
    background:
        linear-gradient(150deg, rgba(74,46,31,.3), rgba(0,0,0,.1)),
        radial-gradient(ellipse at 30% 30%, #cbb59e, #8c6a58 75%);
    background-size:cover;
    background-position:center;
}

.privacy-hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(30,20,14,.5);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 6%;
}

.privacy-hero-eyebrow,
.privacy-hero-title,
.privacy-hero-subtitle{
    opacity:0;
    transform:translateY(-30px);
    transition:opacity .8s ease, transform .8s ease;
}
.privacy-hero.privacy-hero-in-view .privacy-hero-eyebrow{
    opacity:1; transform:translateY(0);
}
.privacy-hero.privacy-hero-in-view .privacy-hero-title{
    opacity:1; transform:translateY(0);
    transition-delay:.15s;
}
.privacy-hero.privacy-hero-in-view .privacy-hero-subtitle{
    opacity:1; transform:translateY(0);
    transition-delay:.3s;
}

.privacy-hero-eyebrow{
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.85);
    margin-bottom:18px;
}

.privacy-hero-title{
    font-family:var(--privacy-font-serif);
    font-size:clamp(40px, 5vw, 62px);
    font-weight:700;
    color:var(--privacy-white);
    margin-bottom:18px;
}

.privacy-hero-subtitle{
    font-size:17px;
    line-height:1.6;
    max-width:560px;
    color:rgba(255,255,255,.88);
}

/* =================================================================
   LAYOUT PRINCIPAL
================================================================== */
.privacy-layout{
    max-width:1280px;
    margin:auto;
    padding:90px 7% 140px;
    display:grid;
    grid-template-columns:270px 1fr;
    gap:80px;
    align-items:flex-start;
}

/* =================================================================
   SIDEBAR
================================================================== */
.privacy-sidebar{
    position:sticky;
    top:50px;

    opacity:0;
    transform:translateX(-30px);
    transition:opacity .8s ease, transform .8s ease;
}
.privacy-sidebar.privacy-sidebar-in-view{
    opacity:1;
    transform:translateX(0);
}

.privacy-sidebar-list li{
    margin-bottom:4px;
}

.privacy-sidebar-link{
    display:block;
    padding:11px 0 11px 18px;
    border-left:2px solid transparent;
    color:var(--privacy-muted);
    text-decoration:none;
    font-size:15.5px;
    line-height:1.4;
    transition:color .3s ease, border-color .3s ease, font-weight .1s ease;
}
.privacy-sidebar-link:hover,
.privacy-sidebar-link:focus-visible{
    color:var(--privacy-brown);
}
.privacy-sidebar-link.privacy-active{
    color:var(--privacy-brown);
    font-weight:700;
    border-left-color:var(--privacy-brown);
}

/* =================================================================
   CONȚINUT
================================================================== */
.privacy-content{
    max-width:850px;
}

.privacy-section{
    background:var(--privacy-white);
    border-radius:26px;
    padding:52px 56px;
    margin-bottom:34px;
    box-shadow:0 12px 34px rgba(74,46,31,.06);
    transition:transform .4s ease, box-shadow .4s ease;
    scroll-margin-top:40px;

    opacity:0;
    transform:translateY(50px);
}
.privacy-section.privacy-section-visible{
    opacity:1;
    transform:translateY(0);
    transition:opacity .7s ease, transform .7s ease, box-shadow .4s ease;
}

.privacy-section:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 50px rgba(74,46,31,.12);
}
.privacy-section.privacy-section-visible:hover{
    transition:transform .4s ease, box-shadow .4s ease;
}

.privacy-heading{
    font-family:var(--privacy-font-serif);
    font-size:30px;
    font-weight:700;
    color:var(--privacy-brown);
    line-height:1.3;
    margin-bottom:22px;
    scroll-margin-top:40px;
}

.privacy-divider{
    width:60px;
    height:2px;
    background:var(--privacy-brown-light);
    opacity:.5;
    margin-bottom:28px;
}

.privacy-text{
    font-size:16.5px;
    line-height:1.85;
    color:var(--privacy-text);
}
.privacy-text + .privacy-text{
    margin-top:20px;
}

.privacy-list{
    margin-top:18px;
    padding-left:22px;
}
.privacy-list li{
    font-size:16.5px;
    line-height:1.85;
    color:var(--privacy-text);
    margin-bottom:10px;
}
.privacy-list li::marker{
    color:var(--privacy-brown-light);
}

.privacy-text strong{
    color:var(--privacy-brown);
    font-weight:700;
}

/* ---- Subsecțiuni numerotate (ex: cazurile de prelucrare a datelor) ---- */
.privacy-subsection{
    margin-top:30px;
    padding-top:26px;
    border-top:1px dashed var(--privacy-border);
}
.privacy-subsection:first-of-type{
    margin-top:34px;
}
.privacy-subsection .privacy-text{
    margin-top:8px;
}

.privacy-subheading{
    font-family:var(--privacy-font-serif);
    font-size:19.5px;
    font-weight:600;
    color:var(--privacy-brown);
    margin-bottom:6px;
}

/* =================================================================
   BUTON "SUS"
================================================================== */
.privacy-backtotop{
    position:fixed;
    right:34px;
    bottom:34px;
    z-index:90;
    background:var(--privacy-brown);
    color:var(--privacy-white);
    border:none;
    padding:14px 26px;
    border-radius:50px;
    font-family:var(--privacy-font-sans);
    font-size:14.5px;
    font-weight:600;
    letter-spacing:.4px;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(0,0,0,.2);

    opacity:0;
    visibility:hidden;
    transform:translateY(14px);
    transition:opacity .35s ease, transform .35s ease, visibility 0s linear .35s, background .3s ease;
}
.privacy-backtotop.privacy-backtotop-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:opacity .35s ease, transform .35s ease, visibility 0s linear 0s, background .3s ease;
}
.privacy-backtotop:hover,
.privacy-backtotop:focus-visible{
    background:var(--privacy-brown-light);
}
.privacy-backtotop:focus-visible{
    outline:2px solid var(--privacy-white);
    outline-offset:3px;
}

/* =================================================================
   RESPONSIVE
================================================================== */
@media (max-width:1024px){
    .privacy-layout{
        grid-template-columns:1fr;
        gap:40px;
        padding:70px 6% 110px;
    }

    .privacy-sidebar{
        position:static;
        transform:translateY(-20px);
    }
    .privacy-sidebar.privacy-sidebar-in-view{
        transform:translateY(0);
    }

    .privacy-sidebar-list{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        gap:6px;
        padding-bottom:14px;
        border-bottom:1px solid var(--privacy-border);
        -webkit-overflow-scrolling:touch;
    }
    .privacy-sidebar-list li{
        margin-bottom:0;
        flex-shrink:0;
    }
    .privacy-sidebar-link{
        padding:10px 16px;
        border-left:none;
        border-bottom:2px solid transparent;
        white-space:nowrap;
        border-radius:50px;
        background:var(--privacy-white);
    }
    .privacy-sidebar-link.privacy-active{
        border-left-color:transparent;
        border-bottom-color:var(--privacy-brown);
        background:var(--privacy-white);
    }

    .privacy-section{
        padding:38px 32px;
    }
}

@media (max-width:640px){
    .privacy-hero{
        height:380px;
    }
    .privacy-sidebar-list{
        flex-wrap:wrap;
        overflow-x:visible;
    }
    .privacy-section{
        padding:30px 24px;
        border-radius:20px;
    }
    .privacy-heading{
        font-size:25px;
    }
    .privacy-backtotop{
        right:18px;
        bottom:18px;
        padding:12px 20px;
        font-size:13.5px;
    }
}

/* =================================================================
   ACCESIBILITATE
================================================================== */
@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    .privacy-hero-eyebrow,
    .privacy-hero-title,
    .privacy-hero-subtitle,
    .privacy-sidebar,
    .privacy-section{
        transition:none !important;
        opacity:1 !important;
        transform:none !important;
    }
    .privacy-backtotop{
        transition:opacity .2s ease, visibility 0s !important;
    }
}