/*
Theme Name:   VALUEversitas
Theme URI:    https://valueversitas.com
Description:  Child-Theme für VALUEversitas basierend auf Twenty Twenty-Four. Offizielle Markenfaben: Weinrot #7a1020, Hellgrün #89ce40, Blaugrau #667584, Warmbraun #866252, Dunkelgrau #525252. Schriftart: Source Sans 3 (lokal, DSGVO-konform).
Author:       VALUEversitas UG (haftungsbeschränkt)
Author URI:   https://valueversitas.com
Template:     twentytwentyfour
Version:      1.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  valueversitas
*/

/* ============================================================
   CUSTOM PROPERTIES (Markenfaben aus Logo & Farbcodes-PDF)
   ============================================================ */
:root {
    --vv-weinrot:         #7a1020;
    --vv-weinrot-hell:    #9e1a2c;
    --vv-hellgruen:       #89ce40;
    --vv-hellgruen-hover: #6db030;
    --vv-hellgruen-hell:  #edf7e0;
    --vv-blaugrau:        #667584;
    --vv-warmbraun:       #866252;
    --vv-dunkelgrau:      #525252;
    --vv-nachtblau:       #384e76;
    --vv-cremeweiss:      #f9f8f6;
    --vv-hellgrau:        #f0eeea;
    --vv-text:            #525252;
    --vv-white:           #ffffff;
}

/* ============================================================
   TYPOGRAPHIE
   ============================================================ */
body {
    color: var(--vv-text);
    font-family: 'Source Sans 3', sans-serif;
    line-height: 1.7;
}

h1, .wp-block-post-title {
    color: var(--vv-weinrot);
    font-weight: 600;
    line-height: 1.25;
}

h2 { color: var(--vv-dunkelgrau); font-weight: 600; line-height: 1.3; }
h3 { color: var(--vv-blaugrau);   font-weight: 600; }
h4, h5, h6 { color: var(--vv-dunkelgrau); font-weight: 600; }

a { color: var(--vv-blaugrau); text-decoration: none; }
a:hover { color: var(--vv-hellgruen); text-decoration: underline; }

/* ============================================================
   BUTTONS
   ============================================================ */
.wp-block-button__link,
.wp-element-button {
    background-color: var(--vv-hellgruen) !important;
    color: #2d4a10 !important;
    font-weight: 600;
    border-radius: 6px;
    padding: 10px 22px;
    border: none;
    transition: background-color 0.2s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    background-color: var(--vv-hellgruen-hover) !important;
    color: #2d4a10 !important;
    text-decoration: none;
}

/* Outline-Variante */
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--vv-weinrot) !important;
    border: 2px solid var(--vv-weinrot) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--vv-weinrot) !important;
    color: var(--vv-white) !important;
}

/* ============================================================
   HEADER & NAVIGATION
   ============================================================ */
.wp-block-template-part[data-slug="header"],
header.wp-block-template-part {
    background-color: var(--vv-white);
    border-bottom: 1px solid var(--vv-hellgrau);
}

/* Akzentlinie oben */
.site-header-accent {
    height: 3px;
    background: linear-gradient(90deg,
        var(--vv-weinrot)   0%,
        var(--vv-warmbraun) 35%,
        var(--vv-hellgruen) 100%
    );
    display: block;
}

.wp-block-navigation a {
    color: var(--vv-dunkelgrau) !important;
    font-weight: 500;
    font-size: 0.9rem;
}
.wp-block-navigation a:hover { color: var(--vv-hellgruen) !important; text-decoration: none; }
.wp-block-navigation-item.current-menu-item > a { color: var(--vv-hellgruen) !important; }

/* Kontakt-Button in Navigation */
.nav-cta-button a {
    background-color: var(--vv-hellgruen) !important;
    color: #2d4a10 !important;
    border-radius: 5px;
    padding: 5px 12px !important;
    font-weight: 600 !important;
}

/* ============================================================
   INHALTS-ELEMENTE
   ============================================================ */

/* Dreiklang-Säulenkarten */
.pillar-innovation  { border-top: 4px solid var(--vv-weinrot); }
.pillar-transformation { border-top: 4px solid var(--vv-dunkelgrau); }
.pillar-subvention  { border-top: 4px solid var(--vv-hellgruen); }

/* Infoboxen */
.wp-block-group.is-style-info-box {
    background-color: var(--vv-hellgruen-hell);
    border-left: 4px solid var(--vv-hellgruen);
    padding: 1.25rem 1.5rem;
    border-radius: 0 6px 6px 0;
}

/* Warnboxen */
.wp-block-group.is-style-warning-box {
    background-color: #fdf3e7;
    border-left: 4px solid var(--vv-warmbraun);
    padding: 1.25rem 1.5rem;
    border-radius: 0 6px 6px 0;
}

/* FAQ-Block (Yoast SEO) */
.wp-block-yoast-faq-block .schema-faq-section {
    border-bottom: 1px solid var(--vv-hellgrau);
    padding: 1rem 0;
}
.wp-block-yoast-faq-block .schema-faq-question {
    color: var(--vv-dunkelgrau);
    font-weight: 600;
}

/* Zitate */
.wp-block-quote {
    border-left: 4px solid var(--vv-hellgruen);
    padding-left: 1.5rem;
    color: #666;
    font-style: italic;
}

/* Trennlinien */
.wp-block-separator { border-color: var(--vv-hellgrau) !important; }

/* Breadcrumb (Yoast) */
.yoast-breadcrumb { font-size: 0.8rem; color: var(--vv-blaugrau); }
.yoast-breadcrumb a { color: var(--vv-blaugrau); }
.yoast-breadcrumb span.breadcrumb_last { color: var(--vv-warmbraun); }

/* ============================================================
   CTA-SEKTIONEN
   ============================================================ */
.cta-section-green {
    background-color: var(--vv-hellgruen);
    color: #2d4a10;
    padding: 3rem 2rem;
    text-align: center;
    border-radius: 8px;
}
.cta-section-green h2 { color: #2d4a10; }

.cta-section-red {
    background-color: var(--vv-weinrot);
    color: var(--vv-white);
    padding: 3rem 2rem;
    text-align: center;
    border-radius: 8px;
}
.cta-section-red h2 { color: var(--vv-white); }

/* ============================================================
   FOOTER
   ============================================================ */
.wp-block-template-part[data-slug="footer"] {
    background-color: var(--vv-dunkelgrau);
    color: rgba(255,255,255,0.8);
}
.wp-block-template-part[data-slug="footer"] a { color: rgba(255,255,255,0.65); }
.wp-block-template-part[data-slug="footer"] a:hover { color: var(--vv-hellgruen); text-decoration: none; }

/* ============================================================
   BORLABS COOKIE (DSGVO-Banner) – Branding
   ============================================================ */
#borlabs-cookie .cookie-preference__btn--accept-all {
    background-color: var(--vv-hellgruen) !important;
    color: #2d4a10 !important;
}
#borlabs-cookie .cookie-preference__btn--decline {
    border-color: var(--vv-blaugrau) !important;
    color: var(--vv-blaugrau) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.35rem; }
    .wp-block-columns { flex-direction: column; }
}