/* BoilieBude palette, 2026-11-04. Loaded after the theme styles. */
:root {
    --bb-green: #153D32;
    --bb-copper: #B87943;
    --bb-cream: #F4F1E8;
    --bb-white: #FFFFFF;
    --bb-text: #333333;
    --bb-border: #E5E5E5;
}
body, #site-wrap {
    background-color: var(--bb-cream);
    color: var(--bb-text);
}
#header .header-bg, #meta-navigation {
    background-color: var(--bb-white);
    color: var(--bb-text);
}
#content h1, #content h2, #content h3, #content h4,
#content h5, #content h6, #content .headline,
#content .headline-underline, #content .product-name a,
.product-listing .panel .panel-body .panel-body-info .title a {
    color: var(--bb-green);
}
#content a:not(.btn):not(.label) { color: var(--bb-green); }
#content a:not(.btn):not(.label):hover { text-decoration: underline; }
#main-navigation, #main-navigation .navbar-default,
#main-navigation .dropdown-menu, #main-navigation .nav-scroller,
#main-navigation .navbar-nav > li > a,
#main-navigation .dropdown-menu > li > a {
    background: var(--bb-green);
    border-color: var(--bb-green);
    color: var(--bb-white);
}
#main-navigation .navbar-nav > li > a:hover,
#main-navigation .navbar-nav > li > a:focus,
#main-navigation .navbar-nav > .active > a,
#main-navigation .navbar-nav > .open > a,
#main-navigation .dropdown-menu > li > a:hover,
#main-navigation .dropdown-menu > li > a:focus,
#main-navigation .mega-visible {
    background: var(--bb-copper) !important;
    color: #000000 !important;
}
#main-navigation .navbar-toggle { border-color: var(--bb-copper); }
#main-navigation .navbar-toggle .icon-bar { background-color: var(--bb-white); }
#main-navigation .navbar-form button.btn,
#main-navigation .button-cart, .button-cart {
    background: var(--bb-copper) !important;
    border-color: var(--bb-copper);
    color: #000000;
}
.btn-primary, .btn-cart, .btn-cart-listing, .btn-cart-mobile,
.btn-secondary {
    background: var(--bb-copper);
    border-color: var(--bb-copper);
    color: #000000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-cart:hover, .btn-cart:focus, .btn-cart:active,
.btn-cart-listing:hover, .btn-cart-listing:focus,
.btn-cart-mobile:hover, .btn-cart-mobile:focus,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.button-cart:hover, .button-cart:active,
#main-navigation .navbar-form button.btn:hover {
    background: var(--bb-green) !important;
    border-color: var(--bb-copper);
    color: var(--bb-white);
}
.btn-primary.disabled, .btn-primary[disabled],
.btn-cart.disabled, .btn-cart[disabled],
.btn-secondary.disabled, .btn-secondary[disabled] {
    background: var(--bb-copper);
    border-color: var(--bb-copper);
    color: #000000;
}
.product-listing .panel, .products-box,
.products-box .panel-body, .product-listing .panel-body,
#product.detail .panel {
    background-color: var(--bb-white);
    border-color: var(--bb-border);
    color: var(--bb-text);
}
.startpage-products-container {
    background: var(--bb-green);
    color: var(--bb-white);
}
.startpage-products-container .breaking-headline,
#content .startpage-products-container .breaking-headline {
    background: transparent;
    color: var(--bb-white);
}
.breaking-headline, #content .breaking-headline {
    background: var(--bb-cream);
    border-left-color: var(--bb-copper);
    color: var(--bb-green);
}
.owl .owl-controls .owl-buttons .owl-prev,
.owl .owl-controls .owl-buttons .owl-next,
.default-control .btn {
    background: var(--bb-copper);
    color: #000000;
    border-color: var(--bb-copper);
}
.owl .owl-controls .owl-buttons .owl-prev:hover,
.owl .owl-controls .owl-buttons .owl-next:hover {
    background: var(--bb-green);
    color: var(--bb-white);
}
hr, .panel-default, .panel-default > .panel-heading,
#content .form-control, #content .nav-tabs,
#content .table > tbody > tr > td,
#content .table > thead > tr > th {
    border-color: var(--bb-border);
}
.content-splitter, .nav-tabs-hr { background-color: var(--bb-border); }
.panel-default > .panel-heading {
    background: var(--bb-cream);
    color: var(--bb-green);
}
#content .form-control:focus {
    border-color: var(--bb-copper);
    box-shadow: 0 0 0 2px var(--bb-cream);
}
#content .pagination > .active > a,
#content .pagination > .active > span {
    background: var(--bb-green);
    border-color: var(--bb-green);
    color: var(--bb-white);
}
::selection { background: var(--bb-green); color: var(--bb-white); }

/* Product variants: Evelations uses its own option classes. */
#product #ms-options .default_option {
    background: #B87943 !important;
    border-color: #B87943 !important;
    color: #000000 !important;
    text-shadow: none;
}
#product #ms-options .default_option:hover,
#product #ms-options .default_option:focus,
#product #ms-options .default_option:active,
#product #ms-options .default_option_selected,
#product #ms-options .default_option_selected:hover,
#product #ms-options .default_option_selected:focus {
    background: #153D32 !important;
    border-color: #153D32 !important;
    color: #FFFFFF !important;
    text-shadow: none;
}
#product #ms-options .default_option:focus-visible,
#product #ms-options .default_option_selected:focus-visible {
    outline: 2px solid #153D32 !important;
    outline-offset: 2px;
}
#product #ms-options .image_option_selected {
    border-color: #153D32 !important;
    box-shadow: 0 0 0 2px #153D32 !important;
}
#product #ms-options input[type="submit"],
#product #ms-options .reset_optoions,
#product #ms-options .reset_options {
    background: #B87943 !important;
    border-color: #B87943 !important;
    color: #000000 !important;
}
#product #ms-options input[type="submit"]:hover,
#product #ms-options .reset_optoions:hover,
#product #ms-options .reset_options:hover {
    background: #153D32 !important;
    border-color: #153D32 !important;
    color: #FFFFFF !important;
}
/* Login modal, cart icon and breadcrumbs, 2026-11-04. */
#loginModal a:not(.btn),
#loginModal .modal-title {
    color: #153D32;
}
#loginModal a:not(.btn):hover,
#loginModal a:not(.btn):focus {
    color: #153D32;
    text-decoration: underline;
}
#header .box-cart .box-cart-info-bg {
    background-color: #B87943;
}
#header .box-cart .box-cart-info-bg i {
    color: #000000;
}
#header .box-cart:hover .box-cart-info-bg {
    background-color: #153D32;
}
#header .box-cart:hover .box-cart-info-bg i {
    color: #FFFFFF;
}
.breadcrumb-form .breadcrumb a,
.breadcrumb-form .breadcrumb > .active,
.breadcrumb-form .breadcrumb > .active a,
.breadcrumb-form .breadcrumb a.text-muted {
    color: #153D32;
}
.breadcrumb-form .breadcrumb a:hover,
.breadcrumb-form .breadcrumb a:focus {
    color: #153D32;
}
/* Additional elements identified in the supplied screenshots. */
#startpage-content a:not(.btn),
.startpage-seotext a:not(.btn) {
    color: #153D32;
}
#startpage-content a:not(.btn):hover,
.startpage-seotext a:not(.btn):hover {
    color: #153D32;
    text-decoration: underline;
}
.product-listing .price-new,
.products-box .price-new,
.cart-listing .price-new,
.cart-listing-xs .price-new,
.reviews-wrap .price-new {
    color: #153D32;
}
.product-listing .panel-discount .price-discount,
.products-box .panel-discount .price-discount,
.cart-listing .panel-discount .price-discount,
.cart-listing-xs .panel-discount .price-discount,
.reviews-wrap .panel-discount .price-discount {
    background-color: #B87943;
    color: #000000 !important;
}
#back-to-top {
    background-color: #B87943;
    color: #000000;
}
#back-to-top:hover, #back-to-top:focus {
    background-color: #153D32;
    color: #FFFFFF;
}
body .button.coc-more-link,
body .button.coc-accept-link {
    background: #B87943 !important;
    border-color: #B87943 !important;
    color: #000000 !important;
}
body .button.coc-more-link a,
body .button.coc-accept-link a {
    color: #000000 !important;
}
body .button.coc-more-link:hover,
body .button.coc-accept-link:hover {
    background: #153D32 !important;
    color: #FFFFFF !important;
}
body .button.coc-more-link:hover a,
body .button.coc-accept-link:hover a {
    color: #FFFFFF !important;
}
/* Consistent navigation focus and text selection. */
#main-navigation .navbar-nav > li > a:focus,
#main-navigation .navbar-nav > li > a:active,
#main-navigation .navbar-nav > li.active > a:focus,
#main-navigation .navbar-nav > li.open > a:focus,
#main-navigation .dropdown-menu > li > a:focus,
#main-navigation .dropdown-menu > li > a:active {
    background: #B87943 !important;
    color: #000000 !important;
}
#main-navigation .navbar-nav a:focus-visible {
    outline: 2px solid #F4F1E8 !important;
    outline-offset: -3px;
    box-shadow: none;
}
#main-navigation a::selection,
#main-navigation a *::selection {
    background: #B87943;
    color: #000000;
}
/* Expanded mega-menu category tree and detail links. */
.mega-menu .mega-left a,
.mega-menu .mega-left a.text-primary,
.mega-menu .mega-right a {
    color: #153D32 !important;
}
.mega-menu .mega-left a:hover,
.mega-menu .mega-left a:focus,
.mega-menu .mega-right a:hover,
.mega-menu .mega-right a:focus {
    color: #153D32 !important;
    text-decoration: underline;
}
.mega-menu .mega-left a:focus-visible,
.mega-menu .mega-right a:focus-visible {
    outline: 2px solid #153D32 !important;
    outline-offset: 2px;
}
/* Sidebar category navigation, including deeper category levels. */
#box-categories.panel-default {
    background-color: #F4F1E8;
}
#box-categories.panel-default .panel-heading {
    background-color: #153D32;
    color: #FFFFFF;
}
#box-categories.panel-default .panel-heading a,
#content #box-categories.panel-default .panel-heading a {
    color: #FFFFFF !important;
}
#box-categories.panel-default .nav-pills li > a {
    background-color: #F4F1E8;
    color: #153D32 !important;
}
#box-categories.panel-default .nav-pills li.active > a,
#box-categories.panel-default .nav-pills li.current > a {
    background-color: #B87943 !important;
    color: #000000 !important;
}
#box-categories.panel-default .nav-pills li > a:hover,
#box-categories.panel-default .nav-pills li > a:focus {
    background-color: #153D32 !important;
    color: #FFFFFF !important;
}
#box-categories.panel-default .nav-pills li > a:focus-visible {
    outline: 2px solid #B87943 !important;
    outline-offset: -2px;
}
/* Override legacy focus outline and navigation color inversion. */
body a:focus,
body button:focus,
body input[type="button"]:focus,
body input[type="submit"]:focus {
    outline: 2px solid #153D32 !important;
    outline-offset: 2px;
}
#main-navigation-top > ul:first-of-type a:focus {
    -webkit-filter: none !important;
    filter: none !important;
}
#main-navigation a:focus,
#main-navigation button:focus,
#footer a:focus,
#box-categories.panel-default .panel-heading a:focus {
    outline: 2px solid #F4F1E8 !important;
    outline-offset: -3px;
}
#main-navigation .mega-menu .mega-left a:focus,
#main-navigation .mega-menu .mega-right a:focus {
    outline: 2px solid #153D32 !important;
    outline-offset: 2px;
}
/* Quantity controls on product pages and in the cart. */
#product .spinner.input-group .input-number,
.cart-listing .spinner.input-group .input-number {
    border-color: #B87943 !important;
}
#product .spinner.input-group .input-group-addon,
.cart-listing .spinner.input-group .input-group-addon {
    background-color: #B87943 !important;
    border-color: #B87943 !important;
}
#product .spinner.input-group .input-group-addon a,
.cart-listing .spinner.input-group .input-group-addon a {
    color: #000000 !important;
}
#product .spinner.input-group .input-group-addon a:hover,
#product .spinner.input-group .input-group-addon a:focus,
.cart-listing .spinner.input-group .input-group-addon a:hover,
.cart-listing .spinner.input-group .input-group-addon a:focus {
    background-color: #153D32 !important;
    color: #FFFFFF !important;
}
#product .spinner.input-group .input-number:focus,
.cart-listing .spinner.input-group .input-number:focus {
    border-color: #153D32 !important;
    box-shadow: 0 0 0 2px rgba(21, 61, 50, 0.2) !important;
}

/* Login section headings use paragraph elements with heading classes. */
#content p.h3.text-primary,
#content p.h3.text-primary > .fa,
#content p.h3.text-primary > .glyphicon {
    color: #153D32 !important;
}

/* Login form states: neutral, focus, validation. Error styling stays intact. */
#loginModal .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control,
#loginbox .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control,
#registerbox .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control {
    border-color: #E5E5E5 !important; box-shadow: none !important;
}
#loginModal .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control:focus,
#loginbox .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control:focus,
#registerbox .form-group:not(.has-error):not(.has-warning):not(.has-success) .form-control:focus {
    border-color: #153D32 !important; box-shadow: 0 0 0 2px rgba(21,61,50,0.2) !important;
}
#loginModal .has-success .form-control,
#loginbox .has-success .form-control,
#registerbox .has-success .form-control {
    border-color: #153D32 !important; box-shadow: none !important;
}
#loginModal .has-success .form-control:focus,
#loginbox .has-success .form-control:focus,
#registerbox .has-success .form-control:focus {
    border-color: #153D32 !important; box-shadow: none !important;
}
#loginModal .has-success .input-group-addon,
#loginbox .has-success .input-group-addon,
#registerbox .has-success .input-group-addon {
    border-color: #153D32 !important; box-shadow: none !important;
}
#loginModal .has-success .control-label,
#loginbox .has-success .control-label,
#registerbox .has-success .control-label {
    color: #153D32 !important;
}
#loginModal .has-success label,
#loginbox .has-success label,
#registerbox .has-success label {
    color: #153D32 !important;
}
#loginModal .has-success .help-block,
#loginbox .has-success .help-block,
#registerbox .has-success .help-block {
    color: #153D32 !important;
}
#loginModal .has-success .form-control-feedback,
#loginbox .has-success .form-control-feedback,
#registerbox .has-success .form-control-feedback {
    color: #153D32 !important;
}
#loginModal .has-warning .form-control,
#loginbox .has-warning .form-control,
#registerbox .has-warning .form-control {
    border-color: #B87943 !important; box-shadow: none !important;
}
#loginModal .has-warning .form-control:focus,
#loginbox .has-warning .form-control:focus,
#registerbox .has-warning .form-control:focus {
    border-color: #B87943 !important; box-shadow: none !important;
}
#loginModal .has-warning .input-group-addon,
#loginbox .has-warning .input-group-addon,
#registerbox .has-warning .input-group-addon {
    border-color: #B87943 !important; box-shadow: none !important;
}
#loginModal .has-warning .control-label,
#loginbox .has-warning .control-label,
#registerbox .has-warning .control-label {
    color: #B87943 !important;
}
#loginModal .has-warning label,
#loginbox .has-warning label,
#registerbox .has-warning label {
    color: #B87943 !important;
}
#loginModal .has-warning .help-block,
#loginbox .has-warning .help-block,
#registerbox .has-warning .help-block {
    color: #B87943 !important;
}
#loginModal .has-warning .form-control-feedback,
#loginbox .has-warning .form-control-feedback,
#registerbox .has-warning .form-control-feedback {
    color: #B87943 !important;
}

/* Mobile category navigation and search, 2026-11-05. */
#mobile-menu {
    background-color: #F4F1E8;
    color: #153D32;
}
#mobile-menu .title-bg,
#mobile-menu .title {
    background-color: #153D32 !important;
    color: #FFFFFF !important;
}
#mobile-menu .title .parent-title,
#mobile-menu .title .btn,
#mobile-menu .title .glyphicon {
    color: #FFFFFF !important;
}
#mobile-menu .nav-pills > li > a,
#mobile-menu .nav-pills > li > a .indicator-next {
    color: #153D32 !important;
}
#mobile-menu .nav-pills > li > a {
    background-color: #F4F1E8 !important;
}
#mobile-menu .nav-pills > li.active > a,
#mobile-menu .nav-pills > li.current > a,
#mobile-menu .nav-pills > li > a:hover,
#mobile-menu .nav-pills > li > a:focus,
#mobile-menu .nav-pills > li > a:active {
    background-color: #B87943 !important;
    color: #000000 !important;
}
#mobile-menu .nav-pills > li > a .indicator-next {
    color: inherit !important;
}
#mobile-menu .nav-pills > li > a:focus-visible {
    outline: 2px solid #153D32 !important;
    outline-offset: -2px;
}
#mobile-menu .title a:focus-visible,
#mobile-menu .title button:focus-visible {
    outline: 2px solid #F4F1E8 !important;
    outline-offset: -2px;
}
.btn-mobile.search-btn.open-mobile-search,
#mobile-search .input-group-btn > .btn {
    background-color: #B87943 !important;
    border-color: #B87943 !important;
    color: #000000 !important;
}
.btn-mobile.search-btn.open-mobile-search .fa-search,
#mobile-search .input-group-btn > .btn .glyphicon-search {
    color: inherit !important;
}
.btn-mobile.search-btn.open-mobile-search:hover,
.btn-mobile.search-btn.open-mobile-search:focus,
.btn-mobile.search-btn.open-mobile-search:active,
#mobile-search .input-group-btn > .btn:hover,
#mobile-search .input-group-btn > .btn:focus,
#mobile-search .input-group-btn > .btn:active {
    background-color: #153D32 !important;
    border-color: #153D32 !important;
    color: #FFFFFF !important;
}
#mobile-search .form-control:focus {
    border-color: #153D32 !important;
    box-shadow: 0 0 0 2px rgba(21, 61, 50, 0.2) !important;
}

/* More cards at the end of the offers and new-products sliders. */
#startpage-bottom .section-body.vertical-helper > a.image {
    color: #153D32 !important;
}
#startpage-bottom .section-body.vertical-helper > a.image > .fa-plus-circle {
    color: #B87943 !important;
}
#startpage-bottom .section-body.vertical-helper > a.image:hover,
#startpage-bottom .section-body.vertical-helper > a.image:focus,
#startpage-bottom .section-body.vertical-helper > a.image:hover > .fa-plus-circle,
#startpage-bottom .section-body.vertical-helper > a.image:focus > .fa-plus-circle {
    color: #153D32 !important;
}

/* Discount badges in the product price and the secondary purchase box. */
body .product-price .price-discount {
    background-color: #B87943 !important;
    border-color: #B87943 !important;
    color: #000000 !important;
}
