/* ROIOS e.U. – Updatesichere Farbanpassungen
   Primary: ROIOS Orange #FF6633
   Sekundaer: ROIOS Blau (Web) #19266C
   Logo-Blau: #19266C
*/

/* Primaerfarbe (war gelb) -> ROIOS Orange */
:root {
    --bs-primary: #FF6633;
    --bs-primary-rgb: 255, 102, 51;
}

/* Links und Hover */
a {
    color: #19266C;
}
a:hover {
    color: #FF6633;
}

/* Buttons */
.btn-primary {
    background-color: #FF6633 !important;
    border-color: #FF6633 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #e5552b !important;
    border-color: #e5552b !important;
}

.btn-outline-primary {
    color: #FF6633 !important;
    border-color: #FF6633 !important;
}
.btn-outline-primary:hover {
    background-color: #FF6633 !important;
    color: #fff !important;
}

/* GLOBALER Override: Alles was #F8BF00 (gelb) war -> ROIOS Orange */
/* Navigation – aktive Kategorie / Hover-Unterstrich */
.nav-main-category .nav-link.active,
.nav-main-category .nav-link:hover,
#mainNavigation .nav-link.active,
#mainNavigation .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: #FF6633 !important;
    border-color: #FF6633 !important;
    border-bottom-color: #FF6633 !important;
}

/* Aktive Navigations-Unterstreichung */
.nav-main-category .nav-link.active::after,
.nav-main-category .nav-link:hover::after,
#mainNavigation .nav-link.active::after,
#mainNavigation .nav-link:hover::after,
.navbar .nav-link.active::after,
.navbar .nav-link:hover::after {
    background-color: #FF6633 !important;
}

/* Nav-Tabs (Produktseite, Reiter) */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    border-color: #FF6633 !important;
    border-bottom-color: #FF6633 !important;
    color: #FF6633 !important;
}

/* Alle verbleibenden Elemente mit der alten Primary-Farbe */
.list-group-item.active {
    background-color: #FF6633 !important;
    border-color: #FF6633 !important;
}

.swatches-image.active,
.swatches-text.active {
    border-color: #FF6633 !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6633 !important;
    border-color: #FF6633 !important;
}

.text-primary {
    color: #FF6633 !important;
}

.border-primary {
    border-color: #FF6633 !important;
}

/* Badge / Labels */
.badge-primary,
.bg-primary {
    background-color: #FF6633 !important;
}

/* Preis-Highlights */
.price_value,
.price .text-accent {
    color: #FF6633;
}

/* Footer-Links */
.footer a:hover {
    color: #FF6633;
}

/* Ueberschriften */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #19266C;
}

/* Breadcrumb aktiv */
.breadcrumb-item.active {
    color: #FF6633;
}

/* Pagination aktiv */
.page-item.active .page-link {
    background-color: #FF6633;
    border-color: #FF6633;
}

/* Formular-Fokus */
.form-control:focus {
    border-color: #FF6633;
    box-shadow: 0 0 0 0.2rem rgba(255, 102, 51, 0.25);
}

/* Warenkorb-Icon Highlight */
.cart-icon-badge {
    background-color: #FF6633 !important;
}

/* Suchbutton */
.search-wrapper .btn,
#search-header .btn {
    background-color: #19266C !important;
    border-color: #19266C !important;
}
.search-wrapper .btn:hover,
#search-header .btn:hover {
    background-color: #FF6633 !important;
    border-color: #FF6633 !important;
}