/* ==========================================================================
   Hundewegweiser – Banner "Statistik: Ihre Entscheidung"
   ==========================================================================
   Gerüst: includes/statistik.php, Verhalten: js/statistik.js.
   Farben und Schriften kommen aus den Variablen in css/style.css.

   Beide Knöpfe benutzen dieselbe Klasse (.hw-btn) und sind gleich groß.
   Ablehnen soll nicht kleiner, blasser oder schwerer zu finden sein als
   Zustimmen. */

.hw-einw {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    max-height: 90vh;
    overflow-y: auto;
    padding: 1rem 1.25rem;
    color: var(--ink);
    background: var(--cream);
    border-top: 3px solid var(--forest);
    box-shadow: 0 -10px 30px rgba(62, 65, 40, 0.18);
    font-family: var(--hw-sans);
}

/* Das hidden-Attribut muss gewinnen, auch wenn eine andere Regel display setzt. */
.hw-einw[hidden],
.hw-einw-status[hidden] {
    display: none;
}

/* Beim Öffnen per Skript bekommt das Banner den Fokus; den Rahmen dafür
   braucht es nicht, die Knöpfe darin haben ihren eigenen. */
.hw-einw:focus {
    outline: none;
}

.hw-einw-inhalt {
    max-width: 46rem;
    margin: 0 auto;
}

/* Die allgemeine h2-Regel in style.css gibt jeder Überschrift 2 rem Abstand
   nach oben und eine Linie darunter – im Banner unerwünscht. */
.hw-einw-titel {
    margin: 0 0 0.4rem;
    padding: 0;
    border: 0;
    font-family: var(--hw-serif);
    font-size: 1.1rem;
    color: var(--forest);
}

.hw-einw p {
    margin: 0 0 0.6rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

.hw-einw a {
    color: var(--forest);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.hw-einw-status {
    font-weight: 600;
}

.hw-einw-knoepfe {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

/* .hw-btn bringt 1,5 rem Abstand nach oben mit – hier unerwünscht. */
.hw-einw-knopf {
    flex: 1 1 10rem;
    min-height: 2.75rem;
    margin-top: 0;
    text-align: center;
}

/* Zwischenüberschriften (h4) in Abschnitt 9 der Datenschutzerklärung
   (impressum.php): Cookies und Reichweitenmessung gliedern sich dort in
   mehrere Teile. style.css kennt h4 nicht, ohne diese Regel stünden sie in
   der Standardschrift des Browsers. Sie steht hier, weil diese Datei auf
   jeder Seite mit hw_fuss() geladen wird, also auch auf impressum.php. */
.hw-zwischentitel {
    margin: 1.2rem 0 0.3rem;
    font-family: var(--hw-serif);
    font-size: 1rem;
    line-height: 1.25;
    color: var(--forest);
}