/*
Theme Name: LiveWind
Theme URI: https://livewind.ch
Description: Child-Theme von GeneratePress fuer livewind.ch – bringt alle Farben und das App-Layout automatisch mit.
Author: livewind.ch
Template: generatepress
Version: 1.1.0
*/

/* Farbwerte kommen aus den Design-Tokens (laedt das Plugin, livewind-tokens.css);
   Fallback-Werte halten das Theme auch ohne aktives Plugin funktionsfaehig. */

body {
    background: var(--lw-surface, #ffffff);
}

/* GP-Header und GP-Footer sind websiteweit ersetzt:
   lw-Header (wp_body_open) + Wellen-Footer (wp_footer) kommen aus dem Plugin. */
.site-header,
.site-footer,
.site-info {
    display: none;
}

/* Unterseiten: zarter blauer Hintergrund + Abstand unter dem lw-Header.
   Karten-/Finder-Seiten (.lw-app-page) sind ausgenommen – dort sitzt die App buendig. */
body:not(.home) {
    background: var(--lw-bg, #F4F8FC);
}
body:not(.home):not(.lw-app-page) .site-content {
    padding-top: var(--lw-space-5, 24px);
}

/* Links und Buttons */
a {
    color: var(--lw-blue, #185FA5);
}
a:hover {
    color: var(--lw-blue-dark, #0C447C);
}
button:not(.lw-burger),
input[type="submit"],
.button {
    background: var(--lw-blue, #185FA5);
    color: #ffffff;
}
button:not(.lw-burger):hover,
input[type="submit"]:hover,
.button:hover {
    background: var(--lw-blue-dark, #0C447C);
    color: #ffffff;
}

/* Startseite (Karte): App-Modus – Titel weg, Karte fuellt den Viewport.
   Der fixe Wellen-Footer liegt auf dem Kartenrand; Legende und Attribution
   hebt das Plugin darueber an. */
.home .entry-header {
    display: none;
}
.home .site-content,
.home .site-main {
    margin: 0;
    padding: 0;
}
.home .entry-content {
    margin-top: 0;
}
.home .lw-app {
    height: 100vh !important;
    border-radius: 0;
}
.home .container,
.home .site-content .content-area {
    max-width: 100%;
    padding: 0;
}

/* Suchfeld im lw-Header gegen Theme-Styles schuetzen
   (Header steht jetzt auch ausserhalb der .lw-app auf WP-Seiten) */
.lw-header .lw-search {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.lw-header .lw-search::placeholder {
    color: var(--lw-blue-200, #B5D4F4) !important;
}
.lw-header .lw-search:focus {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: var(--lw-blue-300, #85B7EB) !important;
}

/* Titel auf Unterseiten im livewind-Blau */
.entry-title,
.page-header h1 {
    color: var(--lw-text-head, #0C447C);
}

/* Tastatur-Fokus sichtbar (Token --lw-focus, "NEU nutzen") */
:focus-visible {
    outline: 2px solid var(--lw-focus, #378ADD);
    outline-offset: 2px;
}