/*
Theme Name:  DEG Bauhof – Astra Child
Description: Child Theme für die Bauhof-Kontrollplattform der Stadt Deggendorf. Ergänzt Astra um die Seitenvorlage „Bauhof Kontroll-App“ (Vollbild-PWA aus dem Plugin DEG Bauhof Controller), eine gebrandete Anmeldeseite mit vorausgewähltem „Angemeldet bleiben“, den Header-Button „Kontroll-App“ und die Design-Tokens für eingebettete Kontrollansichten.
Author:      Stadt Deggendorf
Template:    astra
Version:     0.1.0
License:     GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deg-bauhof-child
*/

/* Inter lokal (SIL Open Font License, siehe assets/fonts/LICENSE.txt). */
@font-face {
    font-family: "Inter";
    src: url("assets/fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --deg-bh-ink: #111a24;
    --deg-bh-ink-soft: #4b5865;
    --deg-bh-ink-faint: #7b8794;
    --deg-bh-ground: #f2f4f7;
    --deg-bh-surface: #ffffff;
    --deg-bh-line: #d6dce4;
    --deg-bh-blue: #1f47c9;
    --deg-bh-blue-deep: #16359a;
    --deg-bh-blue-soft: #e4eafb;
    --deg-bh-ok: #158a4a;
    --deg-bh-warn: #c96a06;
    --deg-bh-crit: #c8262b;
    --deg-bh-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Dieselbe Schriftskala wie in den anderen DEG-Themes. */
    --deg-bh-fs-1: 10px;
    --deg-bh-fs-2: 12px;
    --deg-bh-fs-3: 14px;
    --deg-bh-fs-4: 17px;
    --deg-bh-fs-5: 20px;
    --deg-bh-fs-6: 24px;
    --deg-bh-fs-7: 29px;
    --deg-bh-fs-8: 35px;
    --deg-bh-r-s: 8px;
    --deg-bh-r-m: 14px;
    --deg-bh-r-l: 24px;
}

body {
    font-family: var(--deg-bh-font);
    background: var(--deg-bh-ground);
}

/* =========================================================
   Header-Button „Kontroll-App“
   ========================================================= */

.deg-bh-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    background: var(--deg-bh-blue);
    color: #fff !important;
    font-weight: 600;
    font-size: var(--deg-bh-fs-3);
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s;
}
.deg-bh-cta:hover,
.deg-bh-cta:focus-visible {
    background: var(--deg-bh-blue-deep);
    color: #fff !important;
}
.deg-bh-cta svg {
    width: 16px;
    height: 16px;
}

/* =========================================================
   Startkacheln (Shortcode [deg_bauhof_start])
   ========================================================= */

.deg-bh-start {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 24px 0;
}
.deg-bh-start a {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border-radius: var(--deg-bh-r-m);
    background: var(--deg-bh-surface);
    border: 1px solid var(--deg-bh-line);
    color: var(--deg-bh-ink);
    text-decoration: none;
    transition: transform .12s, box-shadow .12s;
}
.deg-bh-start a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(17, 26, 36, .12);
}
.deg-bh-start a.is-primary {
    background: var(--deg-bh-blue);
    border-color: var(--deg-bh-blue);
    color: #fff;
}
.deg-bh-start b {
    font-size: var(--deg-bh-fs-5);
    font-weight: 700;
    letter-spacing: -.01em;
}
.deg-bh-start span {
    font-size: var(--deg-bh-fs-3);
    opacity: .8;
}

/* =========================================================
   Eingebettete App (Shortcode [deg_bauhof_app] auf einer Seite)
   ========================================================= */

.deg-bk--embedded {
    margin: 16px 0 32px;
    box-shadow: 0 10px 30px rgba(17, 26, 36, .08);
}

/* =========================================================
   Hinweisbox, wenn das Plugin fehlt
   ========================================================= */

.deg-bh-notice {
    max-width: 560px;
    margin: 15vh auto;
    padding: 28px;
    border-radius: var(--deg-bh-r-l);
    background: var(--deg-bh-surface);
    border: 1px solid var(--deg-bh-line);
    font-family: var(--deg-bh-font);
    color: var(--deg-bh-ink);
}
.deg-bh-notice h1 {
    font-size: var(--deg-bh-fs-6);
    margin: 0 0 8px;
}