/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root {
    --var-primary-color: #dbae55;
    --var-primary-color-dark: #c79c45;
}

#header {
    background: var(--var-primary-color) !important;
}
#header a:hover {
    color: #fff;
}

.footer-container {
 background-color: #efefef;
 margin-top: 2.5rem;
 padding-bottom: 2.5rem;
}

#header .header-nav .cart-preview.active{
    background-color: var(--var-primary-color-dark);
}
.product-flags li.product-flag,
.btn-primary {
    background-color: var(--var-primary-color);
}

a:hover {
 color: var(--var-primary-color-dark);
}

.btn-primary:hover {
    background-color: var(--var-primary-color-dark);
}

.product-miniature .highlighted-informations .quick-view:hover,
.product-price,
.tabs .nav-tabs .nav-link.active,
a,
#header .top-menu a[data-depth="0"]:hover,
.footer-container li a:hover {
    color: var(--var-primary-color);
}
#subcategories ul li:hover .subcategory-image a {
    border-color: var(--var-primary-color);
}

#subcategories ul li .subcategory-name:hover {
    color: var(--var-primary-color-dark);
}

.block-category .block-category-inner {
    display:flex;
    gap: 2rem;
    /*flex-direction: column;*/
}

.block-category .block-category-inner #category-description {
    order:2;
}

.block-category .block-category-inner .category-cover {
    order:1;
}

.card-block {
    padding: 1.25rem;
}

#subcategories .subcategory-heading {
    display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .p {
    line-height: normal;
}

.breadcrumb {
    margin-bottom: 2rem;
}

.product-prices {
    display:flex;
    gap: 1rem;  align-items: center;
}

.product-prices .current-price.current-price-value {
    font-size: 2rem;
}