/*
Theme Name: Manus Lara Novak Theme
Theme URI: https://manus.im/
Author: Manus AI Agent
Author URI: https://manus.im/
Description: Maßgeschneidertes Theme für Lara Novak, erstellt via API.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manus-lara-novak
Tags: custom-background, custom-header, custom-logo, featured-images, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, editor-style
*/

/* --- Design Vorgaben Lara Novak --- */
:root {
    --color-primary: #3A408E; /* Dunkelblau/Violett (Spiritualität, Vertrauen) */
    --color-secondary: #F59B58; /* Orange/Pfirsich (Wärme, Energie) */
    --color-text: #333333;
    --color-background: #ffffff;
    --font-heading: 'Montserrat', sans-serif; /* Annahme basierend auf Logo-Stil */
    --font-body: 'Open Sans', sans-serif; /* Annahme für gute Lesbarkeit */
}

body {
    font-family: var(--font-body);
    color: var(--color-text);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: var(--color-background);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-primary);
    line-height: 1.2;
}

a {
    color: var(--color-secondary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary);
}

.site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Gutenberg-Kompatibilität */
.alignwide { max-width: 1400px; }
.alignfull { max-width: none; }

/* --- Header und Navigation --- */
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.site-branding-logo {
    /* Stellt sicher, dass das Logo nicht zu groß ist */
    flex-shrink: 0;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.main-navigation li {
    margin-left: 20px;
}

.main-navigation a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-text);
}

.main-navigation a:hover {
    color: var(--color-secondary);
}

/* --- Footer --- */
.site-footer {
    background-color: var(--color-primary);
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
}

.site-footer a {
    color: var(--color-secondary);
}

.site-footer a:hover {
    color: #ffffff;
}

.site-footer .site-info {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0.9em;
}

/* --- Gutenberg Block Styles --- */

/* Buttons */
.wp-block-button .wp-block-button__link {
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

/* Primary Button (Akzentfarbe) */
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button .wp-block-button__link.has-secondary-background-color {
    background-color: var(--color-secondary) !important;
    color: #ffffff !important;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.has-secondary-background-color:hover {
    background-color: var(--color-primary) !important;
}

/* Headings */
.wp-block-heading {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}