/**
 * ALEONN Markenfarben + Webster-Grün (#84ba3f) im öffentlichen Layout neutralisieren.
 * Immer NACH webster/style.css und webster-shop.css laden.
 */
.aleonn-public-page {
    --aleonn-primary: #0087A9;
    --aleonn-secondary: #7B326D;
    --aleonn-gradient: linear-gradient(135deg, #0087A9 0%, #7B326D 100%);
}

/* Header: kein Webster-Navbar-Styling, keine Extra-Linie im Shop */
header#header.aleonn-header,
.aleonn-header.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1040 !important;
    border-bottom: 1px solid rgba(0, 135, 169, 0.12) !important;
}

body.aleonn-public-page {
    padding-top: var(--aleonn-header-height, 72px) !important;
}

/* Webster .page-title ist ein Section-Block (250px padding) – nicht auf Shop-h1 anwenden */
body.aleonn-public-page section h1.page-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: static;
}

.aleonn-header .aleonn-main-nav.navbar,
.aleonn-header .aleonn-main-nav {
    min-height: 0 !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.aleonn-header .navbar .navbar-brand {
    height: auto !important;
    padding: 0 !important;
}

.aleonn-header .navbar .navbar-brand img {
    height: auto !important;
}

/* Webster-Grün auf Nav-Links unterbinden */
.aleonn-header .navbar-nav > li > a,
.aleonn-header .navbar-nav .nav-link,
.aleonn-header a.aleonn-nav-link,
.aleonn-header button.aleonn-nav-dropdown-btn,
.aleonn-header .aleonn-nav-dropdown-btn {
    color: var(--aleonn-secondary) !important;
    font-weight: 600 !important;
}

.aleonn-header .navbar-nav > li > a:hover,
.aleonn-header .navbar-nav > li > a:focus,
.aleonn-header a.aleonn-nav-link:hover,
.aleonn-header a.aleonn-nav-link:focus,
.aleonn-header .aleonn-nav-dropdown-btn:hover,
.aleonn-header .aleonn-nav-dropdown-btn:focus {
    color: var(--aleonn-primary) !important;
    background: transparent !important;
}

.aleonn-header .navbar-nav > .active > a,
.aleonn-header .navbar-nav > .active > a:hover,
.aleonn-header .navbar-nav > .active > a:focus {
    color: var(--aleonn-primary) !important;
    background: transparent !important;
}

.aleonn-header .theme-color {
    color: var(--aleonn-primary) !important;
}

/* Öffentliche Seiten: häufige Webster-Grün-Klassen */
.aleonn-public-page .theme-color,
.aleonn-public-page .theme-bg,
.aleonn-public-page a.theme-color:hover {
    color: var(--aleonn-primary) !important;
}

.aleonn-public-page .btn-primary,
.aleonn-public-page .btn-primary:hover,
.aleonn-public-page .btn-primary:focus {
    background-color: var(--aleonn-primary) !important;
    border-color: var(--aleonn-primary) !important;
}

.aleonn-public-page .btn-outline-primary {
    color: var(--aleonn-primary) !important;
    border-color: var(--aleonn-primary) !important;
}

.aleonn-public-page .btn-outline-primary:hover {
    background-color: var(--aleonn-primary) !important;
    border-color: var(--aleonn-primary) !important;
    color: #fff !important;
}

/* Shop: Warenkorb-Panel – keine Webster-Farben im Header-Bereich */
.sliding-cart-panel .cart-header {
    background: linear-gradient(135deg, #0087A9 0%, #7B326D 100%) !important;
}

/* Shop-Produktkarten: kein Webster-Grün, Hover in Markenfarben */
.aleonn-public-page .products-section .product-title a {
    color: var(--aleonn-primary);
}

.aleonn-public-page .products-section .product-title a:hover {
    color: var(--aleonn-secondary);
}

.aleonn-public-page .products-section .product-action-btn {
    background: #fff !important;
    color: var(--aleonn-primary) !important;
    border-color: var(--aleonn-primary) !important;
}

.aleonn-public-page .products-section .product-action-btn:hover,
.aleonn-public-page .products-section .product-action-btn:focus {
    background: rgba(0, 135, 169, 0.1) !important;
    color: var(--aleonn-primary) !important;
    border-color: var(--aleonn-primary) !important;
}

.aleonn-public-page .products-section .product-action-btn:last-child {
    color: var(--aleonn-secondary) !important;
    border-color: var(--aleonn-secondary) !important;
}

.aleonn-public-page .products-section .product-action-btn:last-child:hover,
.aleonn-public-page .products-section .product-action-btn:last-child:focus {
    background: rgba(123, 50, 109, 0.1) !important;
    color: var(--aleonn-secondary) !important;
    border-color: var(--aleonn-secondary) !important;
}

.aleonn-public-page .products-section .product-action-btn i {
    color: inherit !important;
}