/****************************************
 * GLOBAL COLORS (Modernes Rot)
 ****************************************/

:root {
    --bs-primary: #e50914;
    --bs-primary-rgb: 229, 9, 20;

    --bs-link-color: #e50914;
    --bs-link-hover-color: #b20710;
}

/****************************************
 * LINKS
 ****************************************/

a {
    color: var(--bs-link-color);
}
a:hover {
    color: var(--bs-link-hover-color);
}

/****************************************
 * PRIMARY BUTTONS NACH BOOTSTRAP
 ****************************************/

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-primary:hover {
    background-color: #b20710 !important;
    border-color: #b20710 !important;
}

/****************************************
 * OUTLINE PRIMARY (z. B. Filter)
 ****************************************/
.btn-outline-primary {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

/****************************************
 * „Siehe Details“-Button
 ****************************************/
.product-miniature .product-description .product-detail-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}
.product-miniature .product-description .product-detail-link:hover {
    background-color: #b20710 !important;
    border-color: black !important;
}

/****************************************
 * Add→to→Cart Button
 ****************************************/
.add-to-cart,
.add-to-cart:focus {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}
.add-to-cart:hover {
    background-color: #b20710 !important;
    border-color: #b20710 !important;
}


/* Dezente Umrandung – richtige Produktbox (.card) */
.product-miniature .card {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    background: #fff !important;
}


/* Brand-Grid Fix – hohe Priorität */
li.brand.card {
	background: transparent !important;
	text-align: center !important;
	padding: 20px 10px !important;
	margin-bottom: 25px !important;
}

/* Logo-Container */
li.brand.card .brand_img {
	width: 140px !important;
	height: 80px !important;
	margin: 0 auto 12px auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	border-radius: 8px !important;
	border: 10px solid #333 !important;
	overflow: hidden !important;
	padding: 10px !important;
}

/* Logos */
li.brand.card .brand_img img {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

/* Textbereich */
li.brand.card .brand_infos {
	font-size: 14px !important;
	color: #222 !important;
	margin-top: 5px !important;
	text-align: center !important;
}

li.brand.card .brand_infos a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #111 !important;
	text-decoration: none !important;
}

li.brand.card .brand_infos a:hover {
	color: #d00000 !important;
}