/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* OVF – Warenkorb Normalzustand */
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] {
    color: rgb(82, 82, 82) !important;
}

/* Icon und Preis übernehmen die Linkfarbe */
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] .cart-icon-dropdown-icon,
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] .cart-icon-dropdown-icon::before,
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] .cart-icon-dropdown-price {
    color: inherit !important;
}


/* OVF – Warenkorb Hover */
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"]:hover,
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown:hover > a.nav-link[aria-label="Warenkorb"] {
    color: rgb(33, 59, 92) !important;
}


/* sanfter Übergang */
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"],
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] .cart-icon-dropdown-icon,
header#jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link[aria-label="Warenkorb"] .cart-icon-dropdown-price {
    transition: color 0.2s ease;
}