/*======================================
    DARA AFFILIATION — PAGES LÉGALES
    (Termes et Conditions / Politique de Confidentialité)
======================================*/

.legal-section{
    position:relative;
    min-height:100vh;
    padding:150px 6% 100px;
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 10%,rgba(0,140,255,.16),transparent 32%),
        radial-gradient(circle at 90% 90%,rgba(0,198,255,.12),transparent 32%),
        var(--dark,#050914);
}

.legal-wrapper{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:0 auto;
    background:#ffffff;
    color:#1c2733;
    border-radius:28px;
    padding:60px 60px 70px;
    box-shadow:0 30px 90px rgba(0,0,0,.45);
}

.legal-header{
    text-align:center;
    margin-bottom:40px;
    padding-bottom:30px;
    border-bottom:2px solid #eef3fa;
}

.legal-header .legal-icon{
    width:70px;height:70px;
    margin:0 auto 18px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:28px;color:#fff;
    background:linear-gradient(135deg,var(--primary,#008cff),var(--secondary,#00c6ff));
}

.legal-header h1{
    font-size:2rem;
    color:#0d2743;
    margin-bottom:10px;
}

.legal-header p{
    color:#5b6b7d;
    font-size:.95rem;
}

.legal-toc{
    background:#f4f8ff;
    border:1px solid #e3edfb;
    border-radius:16px;
    padding:22px 26px;
    margin-bottom:40px;
}

.legal-toc h2{
    font-size:1rem;
    color:#0d2743;
    margin-bottom:12px;
}

.legal-toc ol{
    margin:0;
    padding-left:20px;
    columns:2;
    column-gap:30px;
}

.legal-toc li{
    margin-bottom:8px;
}

.legal-toc a{
    color:var(--primary,#008cff);
    text-decoration:none;
    font-size:.92rem;
}

.legal-toc a:hover{
    text-decoration:underline;
}

.legal-content h2{
    font-size:1.3rem;
    color:#0d2743;
    margin:38px 0 14px;
    padding-top:6px;
    scroll-margin-top:110px;
}

.legal-content h2 i{
    color:var(--secondary,#00c6ff);
    margin-right:10px;
}

.legal-content p,
.legal-content li{
    color:#3b4a5a;
    line-height:1.75;
    font-size:.98rem;
    margin-bottom:12px;
}

.legal-content ul{
    padding-left:22px;
    margin-bottom:16px;
}

.legal-content strong{
    color:#0d2743;
}

.legal-updated{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#eef7ff;
    color:var(--primary,#008cff);
    border-radius:50px;
    padding:8px 18px;
    font-size:.85rem;
    font-weight:600;
    margin-top:6px;
}

.legal-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:40px;
    padding-top:30px;
    border-top:1px solid #eef3fa;
    color:var(--primary,#008cff);
    text-decoration:none;
    font-weight:600;
}

.legal-back:hover{
    text-decoration:underline;
}

.legal-cross-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--primary,#008cff);
    text-decoration:none;
    font-weight:600;
}

.legal-cross-link:hover{
    text-decoration:underline;
}

@media(max-width:768px){
    .legal-section{
        padding:130px 5% 70px;
    }
    .legal-wrapper{
        padding:36px 24px 46px;
        border-radius:20px;
    }
    .legal-header h1{
        font-size:1.5rem;
    }
    .legal-toc ol{
        columns:1;
    }
}