/* --- 1. GENERELLE FARVER --- */
body {
    color: #181d42;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4, .products-section-title {
    color: #181d42 !important;
}

/* --- 2. PRISER & PANT (Gul og Blå) --- */
.current-price, 
.product-price, 
.price, 
.cart-summary-line .value,
#products .product-price-and-shipping,
.product-quantities span {
    color: #ffcf6e !important;
}

.tax-shipping-delivery-label,
.product-prices .tax-shipping-delivery-label {
    color: #181d42 !important;
    font-weight: bold;
}

/* --- 3. TAGS & LABELS (Rød baggrund) --- */
.product-flags li.new, 
.product-flags li.on-sale, 
.product-flags li.out_of_stock,
.product-flags li.pack {
    background-color: #d62727 !important;
    color: #ffffff !important;
}

/* --- 4. KNAPPER & CTA (Rød) --- */
.btn-primary, 
.add-to-cart, 
.checkout.cart-detailed-actions .btn-primary,
#footer .block_newsletter form input[type=submit] {
    background-color: #d62727 !important;
    border-color: #d62727 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .add-to-cart:hover {
    background-color: #181d42 !important;
    border-color: #181d42 !important;
}

/* --- 5. AKTIV KURV BAGGRUND --- */
/* Her tvinger vi baggrunden på kurven til rød, når den er aktiv */
#header .header-nav .cart-preview.active {
    background: #d62727 !important;
}

/* Sørger for at tekst og ikon er hvid på den røde baggrund */
#header .header-nav .cart-preview.active i,
#header .header-nav .cart-preview.active a,
#header .header-nav .cart-preview.active .cart-products-count {
    color: #ffffff !important;
}

/* --- 6. LINKS & NAVIGATION --- */
a:hover {
    color: #d62727 !important;
}

.nav-link.active, 
.dropdown-item.active,
.category-sub-menu li a:hover {
    color: #d62727 !important;
}

/* --- 7. FOOTER (Lys baggrund, Blå links, Rød hover) --- */
#footer {
    background-color: #f6f6f6 !important;
}

.footer-container {
    background-color: #f6f6f6 !important;
}

#footer h3, #footer .h3, #footer .block-contact .h4 {
    color: #181d42 !important;
}

#footer a,
#footer ul li a,
#footer .footer-container li a,
#footer .block-contact,
#footer .block-contact i,
#footer .block-contact span {
    color: #181d42 !important;
    text-decoration: none !important;
}

#footer a:hover,
#footer ul li a:hover,
#footer .footer-container li a:hover {
    color: #d62727 !important;
}

/* Sociale ikoner i footer */
#footer .block-social li a {
    color: #181d42 !important;
}

#footer .block-social li:hover a {
    color: #d62727 !important;
}

/* --- 8. COPYRIGHT SEKTION --- */
.footer-after {
    background-color: #eeeeee !important;
    border-top: 1px solid #e5e5e5;
}

#footer .footer-after, 
#footer .footer-after a, 
#footer .footer-after span {
    color: #181d42 !important;
    opacity: 0.8;
}