/* Preisanzeige in Landeswährung (currency-display.js). Farben nur geerbt bzw. aus dem Theme: passt sich Hell/Dunkel von selbst an. */

/* Umgerechneter Betrag hinter dem Euro-Preis */
.nh-fx {
    display: inline-block;
    margin-left: .3em;
    font-size: .78em;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
    opacity: .72;
    vertical-align: baseline;
    cursor: help;
}

/* Wähler im Kopf: gleiche Größe wie der Sprachwähler */
.nh-cur .nh-cur-code { font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.nh-cur .dropdown-menu { min-width: 15rem; }
.nh-cur .dropdown-header { white-space: normal; }
.nh-cur .dropdown-item { display: flex; justify-content: space-between; gap: .75rem; align-items: baseline; }
.nh-cur .dropdown-item .nh-cur-sym { opacity: .6; font-variant-numeric: tabular-nums; }
.nh-cur-foot { display: block; padding: .35rem 1rem .5rem; font-size: .78rem; line-height: 1.4; opacity: .7; white-space: normal; }

/* Fußnote vor dem Footer */
.nh-fx-note { padding: .75rem 0; font-size: .8rem; line-height: 1.45; opacity: .75; text-align: center; }
.nh-fx-note p { margin: 0; }
/* Direktmodus (Preise stehen in der Fremdwährung): Pflichthinweis gut lesbar, voll deckend, mit Rahmen */
.nh-fx-note--direct { padding: 1.25rem 0; font-size: .92rem; opacity: 1; }
.nh-fx-note--direct p { display: inline-block; max-width: 100%; padding: .6rem 1rem; border: 1px solid rgba(128, 128, 128, .45); border-radius: .5rem; }

/* Hinweis auf die vorgeschlagene Währung: klein, unten links, ohne den Inhalt zu verdecken */
.nh-fx-hint {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1030;
    max-width: min(22rem, calc(100vw - 32px));
    padding: .75rem .9rem;
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: .6rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .14);
    font-size: .9rem;
}
.nh-fx-hint p { margin: 0 0 .5rem; }
.nh-fx-hint .btn { min-height: 44px; }
.nh-fx-hint div { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
@media (max-width: 575.98px) {
    /* Auf dem Handy über der Seitenleiste (Spiele-Seiten) */
    .nh-fx-hint { left: 12px; right: 12px; bottom: 72px; max-width: none; }
}
@media print { .nh-fx, .nh-fx-note, .nh-fx-hint { display: none !important; } }