/* KREO-LEGAL Custom Styling */

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #020617;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Markdown Legal Rendering Enhancements */
#legalContent h1 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    border-bottom: 1px solid #1e293b;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

#legalContent h2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #34d399; /* Emerald 400 */
    border-left: 3px solid #10b981;
    padding-left: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

#legalContent h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #fbbf24; /* Amber 400 */
    margin-top: 1rem;
    margin-bottom: 0.35rem;
}

#legalContent p {
    margin-bottom: 0.75rem;
    line-height: 1.65;
    color: #cbd5e1;
}

#legalContent ul, #legalContent ol {
    margin-left: 1.25rem;
    margin-bottom: 0.75rem;
    list-style-type: disc;
}

#legalContent ol {
    list-style-type: decimal;
}

#legalContent li {
    margin-bottom: 0.25rem;
    color: #cbd5e1;
}

#legalContent strong {
    color: #f1f5f9;
}

#legalContent a {
    color: #38bdf8;
    text-decoration: underline;
    text-underline-offset: 2px;
}
#legalContent a:hover {
    color: #7dd3fc;
}

#legalContent blockquote {
    border-left: 4px solid #f59e0b;
    background: rgba(15, 23, 42, 0.6);
    padding: 0.75rem 1rem;
    margin: 0.75rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #fef3c7;
    font-style: italic;
}

#legalContent pre {
    background: #020617;
    border: 1px solid #1e293b;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
    margin: 0.75rem 0;
    color: #e2e8f0;
}

#legalContent code {
    background: #0f172a;
    border: 1px solid #1e293b;
    padding: 0.15rem 0.35rem;
    border-radius: 0.25rem;
    font-size: 0.85em;
    color: #34d399;
}

/* Print Friendly Styles */
@media print {
    body {
        background: #ffffff !important;
        color: #000000 !important;
    }
    header, section:first-of-type, #copyAllBtn, #copyDraftBtn, #printBtn, #statusMessage {
        display: none !important;
    }
    main {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    section:last-of-type {
        border: none !important;
        box-shadow: none !important;
    }
    #legalContent {
        color: #000000 !important;
    }
    #legalContent h1, #legalContent h2, #legalContent h3, #legalContent strong {
        color: #000000 !important;
    }
    #legalContent p, #legalContent li {
        color: #222222 !important;
    }
}