/*
 Theme Name:   Förderverein Christus Kita
 Theme URI:    https://foerderverein-christus-kita.de
 Description:  Child-Theme für den Förderverein der Christus Kindertagesstätte e.V. – basierend auf Astra.
 Author:       Förderverein der Christus Kindertagesstätte e.V.
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ===== FARB-VARIABLEN (aus dem Logo) ===== */
:root {
    --fv-gruen-dunkel: #2E7D32;
    --fv-gruen: #4CAF50;
    --fv-gruen-hell: #8BC34A;
    --fv-blau: #2196F3;
    --fv-blau-hell: #03A9F4;
    --fv-beige: #C4A882;
    --fv-hintergrund: #f8faf8;
    --fv-text: #333333;
    --fv-text-hell: #666666;
}

/* ===== ALLGEMEIN ===== */
body {
    background-color: var(--fv-hintergrund);
    color: var(--fv-text);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ===== ÜBERSCHRIFTEN ===== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
    color: var(--fv-gruen-dunkel);
}

/* ===== LINKS ===== */
a {
    color: var(--fv-blau);
    transition: color 0.2s ease;
}

a:hover, a:focus {
    color: var(--fv-gruen-dunkel);
}

/* ===== HEADER / NAVIGATION ===== */
.main-header-bar {
    background-color: #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.main-navigation a {
    font-weight: 500;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
    color: var(--fv-gruen) !important;
}

/* Site Title */
.site-title a {
    color: var(--fv-gruen-dunkel) !important;
    font-weight: 700;
}

/* ===== BUTTONS ===== */
.wp-block-button__link,
.wp-element-button,
.ast-button,
.button,
input[type="submit"] {
    background-color: var(--fv-gruen) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.ast-button:hover,
.button:hover,
input[type="submit"]:hover {
    background-color: var(--fv-gruen-dunkel) !important;
    color: #ffffff !important;
}

/* Outline-Buttons → Blau */
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid var(--fv-blau) !important;
    color: var(--fv-blau) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--fv-blau) !important;
    color: #ffffff !important;
}

/* ===== HERO / COVER BLOCK ===== */
.wp-block-cover {
    border-radius: 0;
    min-height: 420px !important;
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover p {
    color: #ffffff !important;
}

/* ===== KARTEN-LOOK für Spalten ===== */
.fv-karten .wp-block-column {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s ease;
}

.fv-karten .wp-block-column:hover {
    transform: translateY(-4px);
}

/* ===== INFO-BOX (für Spendenkonto etc.) ===== */
.fv-info-box {
    background: #e3f2fd;
    border-radius: 12px;
    padding: 24px;
    margin: 16px 0;
}

.fv-info-box p {
    margin-bottom: 4px;
}

/* ===== HIGHLIGHT-ICONS ===== */
.fv-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 1.8rem;
}

.fv-icon-gruen { background: #e8f5e9; }
.fv-icon-blau { background: #e3f2fd; }
.fv-icon-gelb { background: #fff8e1; }

/* ===== BADGES / TAGS ===== */
.fv-badge {
    display: inline-block;
    background: #e8f5e9;
    color: var(--fv-gruen-dunkel);
    padding: 4px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
}

.fv-badge-aktiv {
    background: #e3f2fd;
    color: var(--fv-blau);
}

/* ===== TRENNLINIEN ===== */
.wp-block-separator {
    border-color: var(--fv-gruen) !important;
    opacity: 0.3;
}

/* ===== AKZENT-LINIE unter Überschriften ===== */
.fv-akzent::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--fv-gruen), var(--fv-blau));
    border-radius: 2px;
    margin: 12px auto 0;
}

.fv-akzent-links::after {
    margin: 12px 0 0 0;
}

/* ===== FORMULAR-FELDER ===== */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    transition: border-color 0.2s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: var(--fv-gruen) !important;
    outline: none !important;
}

/* ===== FOOTER ===== */
.site-footer,
.ast-footer-overlay {
    background-color: var(--fv-gruen-dunkel) !important;
    color: #ffffff !important;
}

.site-footer a {
    color: rgba(255,255,255,0.8) !important;
}

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

.site-footer h4,
.site-footer .widget-title {
    color: #ffffff !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .fv-karten .wp-block-column {
        padding: 24px;
    }

    .wp-block-cover {
        min-height: 300px !important;
    }
}