import streamlit as st
from resources.colors import PRIMARY, SECONDARY, BG_LIGHT



def apply_custom_style():
    st.markdown(f"""
        <style>
            html, body, [class*="css"] {{
                font-family: Optima, 'Optima', 'Segoe UI', 'Arial', 'sans-serif' !important;
            }}
            .kliwinba-header {{
                font-size: 36px;
                font-weight: 700;
                padding: 1.5rem 1rem 1rem 1rem;
                color: white;
                background: {PRIMARY};
                border-radius: 10px;
                letter-spacing: 1px;
                margin-bottom: 1.0rem;
                text-align: center;
            }}
            .kliwinba-header .subline {{
                display: block;
                font-size: 28px;
                font-weight: 400;
                margin-top: 0.4rem;
            }}
            .block-container {{
                background: {BG_LIGHT};
                margin-top: -2rem;
            }}
            h2, .stMarkdown h2 {{
                color: {SECONDARY};
            }}
            /* --- Zeilenabstand in allen Streamlit-Markdown-Listen reduzieren --- */
            .stAlert ul, .stMarkdown ul {{
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                padding-left: 1.5em;
            }}
            .stAlert li, .stMarkdown li {{
                margin-bottom: 0.15em;
                line-height: 1.2;
            }}
        </style>
    """, unsafe_allow_html=True)



def render_app_header(ui):
    st.markdown(f"""
        <div class="kliwinba-header">
            KliWinBa<br>
            <span class="subline">{ui['title']}</span>
        </div>
    """, unsafe_allow_html=True)