/*
Theme Name: Eevent Theme
Theme URI: https://example.com
Author: Figma AI Converter
Author URI: https://example.com
Description: Ein WordPress Theme basierend auf dem Figma AI Design.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eevent
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Basis-Reset und globale Stile */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #f8f9fc;
    color: #2d3e66;
    font-family: "Roboto", -apple-system, sans-serif;
}

/* =========================================
   Globales Text-Styling für alle Seiten
   ========================================= */

/* Wir zielen auf main .prose (Standard WP) und .page-content (Alternative) */
main .prose, 
.page-content,
article .content {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1));
    line-height: 1.6;
    font-size: 16px;
    margin: 0 auto; /* Zentriert den Textblock, falls er schmaler ist */
}

/* --- Überschriften global --- */
main .prose h1, .page-content h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

main .prose h2, .page-content h2 {
    font-size: 1.6rem;
    font-weight: 600;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1));
    margin-top: 3rem; /* Grosser Abstand nach oben für neue Sektionen */
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
}

main .prose h3, .page-content h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

/* --- Absätze und Listen --- */
main .prose p, .page-content p {
    margin-bottom: 1.2rem;
}

p a {
    color: #0073aa;
    text-decoration: underline;
    transition: color 0.2s ease;
}


main .prose ul, .page-content ul {
    margin-bottom: 1.5rem;
    padding-left: 20px;
    list-style-position: outside;
    list-style-type: disc !important; /* Erzwingt Punkte */
}

main .prose ol, .page-content ol {
    margin-bottom: 1.5rem;
    padding-left: 20px;
    list-style-position: outside;
}

main .prose li, .page-content li {
    margin-bottom: 0.5rem;
    padding-left: 5px;
}

/* --- Links im Text --- */
main .prose a, .page-content a {
    color: #0073aa;
    text-decoration: underline;
    transition: color 0.2s ease;
}

main .prose a:hover, .page-content a:hover {
    color: #222;
    text-decoration: none;
}

/* --- Fettgedrucktes --- */
main .prose strong, main .prose b,
.page-content strong, .page-content b {
    font-weight: 700;
    color: #222;
}

.dark main .prose strong, .dark main .prose b,
.dark .page-content strong, .dark .page-content b {
    color: #fff;
}

@media (width <= 64rem) { 
    .mainnavigation {
        background-color: #2d3e66;
        position: fixed;
        width: 100vw;
        height: 100vh;
        display: inline-flex;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        flex-flow: column;
        justify-content: center;
    }

    .mainnavigation svg {
        width: 1.2rem;
        height: auto;
    }

    .mainnavigation a {
        font-size: 1.5rem;
    }
}