/*
Theme Name: Wildpark
Theme URI: https://website.wildparkoberreith.de
Description: Astra-Child-Theme fuer Wildpark Oberreith. Migration der Jimdo-Website nach WordPress mit Forst-Gruen Branding (Primary #367714).
Author: Wildpark Oberreith
Author URI: https://wildparkoberreith.de
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wildpark
*/

/* =========================================================
   Design-Tokens (CSS Custom Properties)
   Quelle: design_tokens.json — Jimdo layout.css Mapping
   ========================================================= */
:root {
    /* Brand-Farben */
    --wp-primary:           #367714;
    --wp-primary-hover:     #285a0f;
    --wp-secondary:         #68a94a;
    --wp-accent:            #7d0d55;
    --wp-accent-hover:      #4f0836;

    /* Flaechen + Text */
    --wp-bg:                #f7f8f8;
    --wp-bg-translucent:    rgba(247, 248, 248, 0.9);
    --wp-text:              #3e474c;
    --wp-heading:           #367714;
    --wp-link:              #0d557d;
    --wp-link-hover:        #3e474c;
    --wp-footer-text:       #eee;

    /* Typografie */
    --wp-heading-font:      "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --wp-body-font:         "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --wp-font-size-base:    16px;
    --wp-font-size-h1:      48px;
    --wp-font-size-h2:      36px;
    --wp-font-size-h3:      20px;
    --wp-font-size-h4:      19px;
    --wp-line-height-base:  1.5;
    --wp-line-height-h1:    1.05;
    --wp-line-height-h2:    1.25;
    --wp-line-height-h3:    1.25;

    /* Layout */
    --wp-container-width:   1000px;
    --wp-header-height:     100px;
    --wp-header-height-mobile: 67px;
    --wp-content-padding:   2rem 25px;
    --wp-content-padding-mobile: 20px 15px;

    /* Buttons */
    --wp-btn-bg:            #367714;
    --wp-btn-bg-hover:      #285a0f;
    --wp-btn-text:          #f7f8f8;
    --wp-btn-border:        1px solid #367714;
    --wp-btn-radius:        2px;
    --wp-btn-padding:       10px 20px;
    --wp-btn-transition:    background-color 0.3s ease-in, border-color 0.3s ease-in, color 0.3s ease-in;
}

/* =========================================================
   Base
   ========================================================= */
body {
    background-color: var(--wp-bg);
    color: var(--wp-text);
    font-family: var(--wp-body-font);
    font-size: var(--wp-font-size-base);
    line-height: var(--wp-line-height-base);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
    font-family: var(--wp-heading-font);
    color: var(--wp-heading);
}

h1, .entry-title { font-size: var(--wp-font-size-h1); line-height: var(--wp-line-height-h1); }
h2 { font-size: var(--wp-font-size-h2); line-height: var(--wp-line-height-h2); }
h3 { font-size: var(--wp-font-size-h3); line-height: var(--wp-line-height-h3); }
h4 { font-size: var(--wp-font-size-h4); }

a {
    color: var(--wp-link);
    transition: color 0.3s ease-in;
}
a:hover, a:focus {
    color: var(--wp-link-hover);
}

/* =========================================================
   Container / Layout
   ========================================================= */
.ast-container,
.site-content > .ast-container,
.entry-content {
    max-width: var(--wp-container-width);
}

.site-content {
    background-color: var(--wp-bg-translucent);
}

@media (min-width: 769px) {
    .site-content .ast-container { padding: var(--wp-content-padding); }
}
@media (max-width: 768px) {
    .site-content .ast-container { padding: var(--wp-content-padding-mobile); }
}

/* =========================================================
   Header
   ========================================================= */
.site-header,
.ast-primary-header-bar,
.main-header-bar {
    background-color: var(--wp-bg-translucent) !important;
}

@media (min-width: 769px) {
    .main-header-bar { min-height: var(--wp-header-height); }
}
@media (max-width: 768px) {
    .main-header-bar { min-height: var(--wp-header-height-mobile); }
}

/* Navigation Hover -> sekundaeres Gruen */
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a,
.ast-header-break-point .main-header-menu a:hover {
    color: var(--wp-secondary) !important;
}

/* =========================================================
   Buttons
   ========================================================= */
.wp-block-button__link,
.ast-button,
button,
input[type="submit"],
.button {
    background-color: var(--wp-btn-bg);
    color: var(--wp-btn-text);
    border: var(--wp-btn-border);
    border-radius: var(--wp-btn-radius);
    padding: var(--wp-btn-padding);
    font-family: var(--wp-body-font);
    font-size: 1em;
    line-height: 1.5;
    text-transform: none;
    transition: var(--wp-btn-transition);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.wp-block-button__link:hover,
.ast-button:hover,
button:hover,
input[type="submit"]:hover,
.button:hover {
    background-color: var(--wp-btn-bg-hover);
    border-color: var(--wp-btn-bg-hover);
    color: var(--wp-btn-text);
}

/* Akzent-Button (Magenta — Jimdo Original-Style fuer CTAs) */
.wp-block-button.is-style-accent .wp-block-button__link,
.ast-button.button-accent {
    background-color: var(--wp-accent);
    border-color: var(--wp-accent);
}
.wp-block-button.is-style-accent .wp-block-button__link:hover,
.ast-button.button-accent:hover {
    background-color: var(--wp-accent-hover);
    border-color: var(--wp-accent-hover);
}

/* =========================================================
   Footer
   ========================================================= */
.site-footer,
.footer-adv {
    background-color: transparent;
    color: var(--wp-footer-text);
}
.site-footer a { color: var(--wp-footer-text); }
.site-footer a:hover { color: var(--wp-secondary); }

/* =========================================================
   Wildpark Header/Footer Overrides (Original-Optik)
   ========================================================= */
:root {
    --wp-container-width: 1200px;
}

/* Logo-Bereich groesser, zentral ausgerichtet */
.site-logo-img img,
.custom-logo-link img {
    max-height: 80px;
    width: auto;
}

/* Header: weisse Box mit subtilem Schatten */
.site-header {
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    border-bottom: 3px solid var(--wp-primary);
}

/* Hauptnavigation: GROSSE, lesbare Links */
.main-header-menu > .menu-item > a,
.ast-builder-menu-1 .menu-item > a {
    font-family: var(--wp-heading-font);
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--wp-text);
    padding: 0 18px;
}

.main-header-menu > .menu-item > a:hover,
.main-header-menu > .current-menu-item > a,
.ast-builder-menu-1 .menu-item > a:hover,
.ast-builder-menu-1 .current-menu-item > a {
    color: var(--wp-primary) !important;
}

/* Hero-Bereich auf Startseite — grosse Bilder + Overlay */
.home .wp-block-cover {
    min-height: 420px;
}
.home .wp-block-cover .wp-block-cover__inner-container {
    text-align: center;
}
.home .wp-block-cover h1,
.home .wp-block-cover h2 {
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

/* Section-Bilder mit abgerundeten Ecken */
.entry-content .wp-block-image img {
    border-radius: 4px;
}

/* Footer: 3-Spalten-Look, helles Beige */
.footer-adv {
    background-color: #eef0ee !important;
    color: var(--wp-text) !important;
    padding: 40px 0;
    border-top: 3px solid var(--wp-primary);
}
.footer-adv h2, .footer-adv h3, .footer-adv h4 {
    color: var(--wp-primary);
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}
.footer-adv a {
    color: var(--wp-primary);
}
.footer-adv a:hover {
    color: var(--wp-primary-hover);
}

/* Site-Info Footer (bottom strip) */
.site-info,
.ast-small-footer {
    background-color: var(--wp-primary) !important;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}
.site-info a, .ast-small-footer a { color: #ffffff; text-decoration: underline; }

/* Container ueberschreiben */
.ast-container,
.site-content > .ast-container,
.site-header .ast-container,
.site-footer .ast-container {
    max-width: 1200px;
}

/* Buttons abrunden wie Original */
.wp-block-button__link,
.ast-button,
button,
input[type="submit"],
.button {
    border-radius: 4px;
    font-weight: 500;
}

/* WordPress-Default-Posts-Liste ausblenden auf Pages */
.page .entry-meta,
.page .entry-footer {
    display: none;
}