/* Modellbahnshop – zentrale Markenwerte. */
:root {
    --modellbahnshop-primary: #8D191C;
    --modellbahnshop-hover: #545456;
    --modellbahnshop-on-primary: #FFFFFF;
}

.btn-primary,
.btn-warning,
.badge-primary,
.badge-warning,
.bg-primary,
.bg-warning {
    background-color: var(--modellbahnshop-primary) !important;
    border-color: var(--modellbahnshop-primary) !important;
    color: var(--modellbahnshop-on-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: var(--modellbahnshop-hover) !important;
    border-color: var(--modellbahnshop-hover) !important;
    color: var(--modellbahnshop-on-primary) !important;
}

.text-primary,
.text-warning {
    color: var(--modellbahnshop-primary) !important;
}

a:hover,
a:focus,
.text-primary:hover,
.text-warning:hover {
    color: var(--modellbahnshop-hover);
}

header .badge,
.header-wrapper .badge,
#shop-nav .badge {
    background-color: var(--modellbahnshop-primary) !important;
    border-color: var(--modellbahnshop-primary) !important;
    color: var(--modellbahnshop-on-primary) !important;
}

/* NOVA verwendet für den Warenkorb-Zähler kein Bootstrap-Badge, sondern .fa-sup. */
.fa-sup,
.cart-icon-dropdown-icon .fa-sup,
header .fa-sup {
    background-color: var(--modellbahnshop-primary) !important;
    color: var(--modellbahnshop-on-primary) !important;
    font-weight: 700;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--modellbahnshop-primary);
    box-shadow: 0 0 0 .2rem rgba(141, 25, 28, .2);
}