/* ═══════════════════════════════════════════════════════════════
 * h24 Plant Data — Hinweisbanner (Hook displayBanner)
 * Wird auf JEDER Shopseite geladen (Kategorie, Produkt, CMS, Checkout).
 * Hummingbird legt den Hook in <div class="header-banner"> ganz oben.
 * ═══════════════════════════════════════════════════════════════ */

.h24-banner {
    background: #1d4d1d;
    color: #fff;
    border-bottom: 3px solid #6ba042;
    font-size: 0.875rem;
    line-height: 1.4;
}

.h24-banner__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    text-align: center;
}

.h24-banner__icon {
    flex-shrink: 0;
    font-size: 1.15rem;
    line-height: 1;
    color: #b9dc8f;
}

.h24-banner__text {
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Links im Hinweistext: hell statt Theme-Grün (sonst unlesbar auf Dunkelgrün) */
.h24-banner a {
    color: #fff;
    text-decoration: underline;
}
.h24-banner a:hover,
.h24-banner a:focus {
    color: #d4ecb8;
}

/* Mobil: etwas kompakter, Icon oben bündig bei Umbruch */
@media (max-width: 767.98px) {
    .h24-banner {
        font-size: 0.8125rem;
    }
    .h24-banner__inner {
        align-items: flex-start;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
    }
}

@media print {
    .h24-banner {
        display: none;
    }
}