/* =====================================================================
   Styles the règlement document built by js/legal.js's renderLegalDocument().
   Deliberately self-contained (hardcoded colors, no CSS custom properties)
   so it renders identically embedded in the homepage's legal modal AND
   standalone in the print/PDF popup window, which never loads the rest
   of the site's stylesheets.
   ===================================================================== */

.legal-doc{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color:#222222;
    max-width:720px;
    margin:0 auto;
}

.legal-doc-header{
    background:#003f7d;
    color:#ffffff;
    border-top:4px solid #e2001a;
    border-radius:6px;
    padding:22px 24px;
    text-align:center;
    margin-bottom:24px;
}

.legal-doc-eyebrow{
    font-size:11px;
    font-style:italic;
    opacity:.75;
    margin-bottom:10px;
}

.legal-doc-header h2{
    margin:0;
    font-size:19px;
    line-height:1.4;
    letter-spacing:.02em;
}

.legal-doc-dates{
    margin-top:8px;
    font-size:13px;
    font-style:italic;
    opacity:.9;
}

.legal-doc-body h3{
    color:#003f7d;
    font-size:15px;
    margin:22px 0 8px;
    padding-bottom:6px;
    border-bottom:1px solid #cfe0f0;
}

.legal-doc-body h3:first-child{
    margin-top:0;
}

.legal-doc-body p{
    font-size:13px;
    line-height:1.65;
    margin:0 0 10px;
}

.legal-doc-body ul{
    margin:0 0 10px;
    padding-inline-start:22px;
}

.legal-doc-body li{
    font-size:13px;
    line-height:1.65;
    margin-bottom:4px;
}

.legal-doc-table{
    width:100%;
    border-collapse:collapse;
    margin:0 0 14px;
    font-size:13px;
}

.legal-doc-table th,
.legal-doc-table td{
    text-align:left;
    padding:9px 12px;
    border:1px solid #dbe4ee;
}

.legal-doc-table th{
    background:#eef4fb;
    color:#003f7d;
    width:38%;
    white-space:nowrap;
}

.legal-doc-warning{
    background:#fff6df;
    border:1px solid #f0d998;
    color:#7a5c00;
    border-radius:6px;
    padding:12px 14px;
    font-size:13px;
    line-height:1.6;
    margin:0 0 14px;
}

.legal-doc-footer{
    text-align:center;
    font-size:11px;
    color:#999999;
    border-top:1px solid #e5e5e5;
    margin-top:26px;
    padding-top:12px;
}

/* Inline "important word" tokens (dates, amounts, brand name...) — the
   same .legal-doc markup is shared by the public site and the admin's
   📜 Règlement tab editor (js/legal.js), but this highlight/underline
   affordance is scoped to #legalEditorSheet only, so it's visible to the
   admin (who needs to know what to customize per tombola) and invisible
   on the public site / print-PDF popup, which never load this scope. */
#legalEditorSheet .legal-editable{
    display:inline-block;
    min-width:1.5ch;
    padding:0 4px;
    border-bottom:1.5px dashed #7ea6d1;
    background:rgba(0,63,125,.07);
    border-radius:3px;
    cursor:text;
    outline:none;
}

#legalEditorSheet .legal-editable:hover{
    background:rgba(0,63,125,.13);
}

#legalEditorSheet .legal-editable:focus{
    background:#fff6cf;
    border-bottom-color:#003f7d;
}

#legalEditorSheet .legal-doc-header .legal-editable{
    border-bottom-color:rgba(255,255,255,.6);
    background:rgba(255,255,255,.14);
}

#legalEditorSheet .legal-doc-header .legal-editable:hover{
    background:rgba(255,255,255,.22);
}

#legalEditorSheet .legal-doc-header .legal-editable:focus{
    background:rgba(255,255,255,.3);
    border-bottom-color:#fff;
}

@media print{
    body{
        margin:0;
        padding:24px;
    }

    @page{
        margin:16mm 14mm;
    }
}