/*
Theme Name: Lanakila
Theme URI: https://lanakilasports.de/
Author: Lanakila Sports
Description: Eigenes Theme von Lanakila Sports. Hervorgegangen aus Azeno 1.4.2 (Wpbingo) und dem Child-Theme azeno-child, zusammengeführt am 2026-09-24. Doku: THEME.md
Version: 2.0.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: azeno
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Aus azeno/css/template.css übernommen (dort bis 2026-09-24 direkt geändert, siehe TEMPLATE-OVERRIDES.md) */
/* Logo im Header größer (azeno-Standard: 17px) */
.bwp-header .wpbingoLogo img {
	max-height: 48px;
}
/* Kategorie-Bilder im Slider eckig statt rund */
.bwp-woo-categories.slider .item-image,
.bwp-woo-categories.slider .item-image img {
	border-radius: 0;
}

.custom-design {color:#c50000;}

/* Danke-Seite nach der Bestellung: Die Checkout-Seite ist eine Elementor-Seite, azeno setzt dafür
   .elementor-page #bwp-main>.container auf volle Breite. Hier normale Container-Breite wiederherstellen.
   Siehe TEMPLATE-OVERRIDES.md */
.woocommerce-order-received.elementor-page #bwp-main > .container,
.woocommerce-order-received.elementor-page #main-content > .container {
	max-width: 1440px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Mini-Cart: Germanized-Zeilen (MwSt., Versand). azeno färbt .mini-cart .cart-popup .total weiß (#fff) auf weißem
   Grund, dadurch waren "inkl. MwSt." und "zzgl." unsichtbar. Siehe TEMPLATE-OVERRIDES.md */
.mini-cart .cart-popup .total.wc-gzd-total-mini-cart {
	color: #222;
	text-transform: none;
	font-size: 13px;
	margin: 6px 0 0;
}
.mini-cart .cart-popup .lanakila-mini-cart-line {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.mini-cart .cart-popup .lanakila-mini-cart-line a {
	text-decoration: underline;
}

/* Nachladen in Produktlisten: "Weitere anzeigen"-Button (wird per js/lanakila-shop-archive.js automatisch ausgelöst,
   bleibt als Fallback antippbar). Beim Laden (Klasse .active von wpbingo) deutlicher Text statt nur Drehsymbol.
   Siehe TEMPLATE-OVERRIDES.md */
.woocommerce-pagination.shop-loadmore {
	margin: 30px 0 10px;
	text-align: center;
}
.woocommerce-pagination.shop-loadmore .woocommerce-load-more.active {
	font-size: 0;
	border-color: transparent;
	cursor: default;
}
.woocommerce-pagination.shop-loadmore .woocommerce-load-more.active:hover {
	background: transparent;
	color: #222;
}
.woocommerce-pagination.shop-loadmore .woocommerce-load-more.active::before {
	font-size: 16px;
}
.woocommerce-pagination.shop-loadmore .woocommerce-load-more.active::after {
	content: "Weitere Produkte werden geladen …";
	font-size: 16px;
	letter-spacing: 1px;
}