/* =========================================
   LEGAL.CSS - DESIGN "MINIMALISTE PUR"
   ========================================= */

/* --- 1. CONFIGURATION DE BASE --- */
body.legal-body {
    background-color: #050505;
    margin: 0; padding: 0;
    font-family: 'Montserrat', sans-serif;
    color: #ccc;
    line-height: 1.8;
    overflow-x: hidden;
}

/* Texture Fond */
.noise-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    pointer-events: none; z-index: 0; opacity: 0.5;
}

/* --- 2. NAVBAR (TRANSPARENTE MAINTENANT) --- */
.doc-nav {
    position: fixed; top: 0; width: 100%;
    display: flex; justify-content: space-between; align-items: center;
    padding: 30px 50px;
    
    /* MODIFICATION ICI : Plus de fond noir, plus de ligne */
    background: transparent; 
    border: none;
    
    z-index: 100; box-sizing: border-box;
}

.doc-logo {
    font-family: 'Cormorant Garamond', serif; font-weight: 700; letter-spacing: 3px;
    color: #fff; text-decoration: none; font-size: 1.2rem;
    text-shadow: 0 0 20px rgba(0,0,0,0.8); /* Ombre pour lisibilité */
}

/* On cache les infos techniques du haut qui font "trop chargé" */
.doc-meta { display: none; } 

.btn-close-doc {
    font-size: 2.5rem; color: #888; text-decoration: none; transition: 0.3s; line-height: 0.5;
}
.btn-close-doc:hover { color: #d4af37; transform: rotate(90deg); }


/* --- 3. CONTENEUR --- */
.document-wrapper {
    max-width: 800px;
    margin: 100px auto 100px; /* Remonté un peu car plus de navbar noire */
    position: relative; z-index: 10;
    padding: 0 30px;
}

.doc-header { text-align: center; margin-bottom: 100px; }

.doc-category {
    font-size: 0.6rem; color: #d4af37; letter-spacing: 3px; 
    /* Plus de bordure ici non plus */
    display: inline-block; margin-bottom: 25px; text-transform: uppercase;
}

.doc-header h1 {
    font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; color: #fff; margin: 0;
    letter-spacing: 2px; text-transform: uppercase; font-weight: 400;
}

.gold-line { width: 60px; height: 2px; background: #d4af37; margin: 30px auto; }
.doc-intro { font-size: 1rem; color: #888; font-style: italic; max-width: 600px; margin: 0 auto; font-family: 'Cormorant Garamond', serif; }


/* --- 4. TEXTE ET SECTIONS --- */
.doc-content { counter-reset: section; }
.doc-section { margin-bottom: 80px; }

.doc-section h2 {
    font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; color: #d4af37;
    margin-bottom: 30px; letter-spacing: 1px; display: flex; align-items: center;
    /* On garde juste le numéro auto, pas de ligne */
}

.doc-section h2::before {
    counter-increment: section; content: "0" counter(section);
    font-family: 'Montserrat', sans-serif; font-size: 0.8rem; color: #333; /* Très discret */
    margin-right: 15px; font-weight: 400;
}

.doc-section p { color: #aaa; text-align: justify; margin-bottom: 30px; font-size: 0.95rem; }


/* --- 5. FICHE TECHNIQUE (SANS LIGNES) --- */
.legal-spec { list-style: none; padding: 0; margin: 0; }

.legal-spec li {
    display: flex; justify-content: space-between; /* Espace max entre gauche et droite */
    align-items: center;
    margin-bottom: 20px;
    /* Pas de bordure en bas */
}

.spec-label {
    font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; color: #fff;
}

/* MODIFICATION ICI : On cache les pointillés */
.spec-dots { display: none; }

.spec-value {
    font-family: 'Montserrat', sans-serif; font-size: 0.9rem; color: #888;
    text-align: right;
}


/* --- 6. FOOTER --- */
.royal-footer {
    width: 100%; background-color: #000000; margin-top: auto; z-index: 50;
    padding: 60px 0 40px 0; border-top: 1px solid #111; position: relative;
}
.footer-content { max-width: 1000px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 30px; }
.footer-divider { display: flex; align-items: center; gap: 15px; width: 100%; opacity: 0.5; justify-content: center; }
.footer-divider .line { width: 100px; height: 1px; background: linear-gradient(90deg, transparent, #d4af37); }
.footer-divider .line:last-child { background: linear-gradient(90deg, #d4af37, transparent); }
.footer-divider .diamond { color: #d4af37; }
.footer-menu { display: flex; gap: 40px; flex-wrap: wrap; justify-content: center; }
.footer-menu a {
    font-family: 'Cormorant Garamond', serif; color: #888; text-decoration: none;
    letter-spacing: 2px; font-size: 0.8rem; text-transform: uppercase; transition: 0.3s;
}
.footer-menu a:hover { color: #d4af37; }
.footer-copy { font-size: 0.6rem; color: #333; letter-spacing: 2px; }

/* MOBILE */
@media (max-width: 800px) {
    .doc-nav { padding: 20px; }
    .doc-header h1 { font-size: 2.5rem; }
    .legal-spec li { flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
    .spec-value { text-align: left; margin-top: 5px; color: #d4af37; }
    .footer-menu { flex-direction: column; gap: 20px; }
}