:root {
    --font-primary: "Open Sans", sans-serif;
    --font-secondary: "Frank Ruhl Libre", serif;
    --color-black: #1b1d1f;
    --color-white: #fff;
    --color-grey-lighter: #f3f3f3;
    --color-grey-light: #e9e9e9;
    --color-grey: #606060;
    --color-primary: #7f1938;
    --color-secondary: #678c17;
    --color-error: #c91515;
}

html {
    font-size: 15px;
}

body {
    color: var(--color-grey);
    font-family: var(--font-primary);
    font-size: 1rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-black);
    font-family: var(--font-secondary);
}

a,
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: var(--color-primary);
}

a:hover,
a:focus {
    color: var(--color-black);
}


#wrapper {
    background-color: var(--color-white);
}
/*
* UI - Product Flags
*/
.product-flags,
.product-flags li.product-flag {
    display: inline-block !important;
    width: auto !important;
}

.product-flags li.product-flag {
    min-width: none !important;
    font-size: 0.85rem;
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
    background-color: var(--color-primary);
}

.product-flags li.product-flag.out_of_stock {
    background-color: var(--color-error);
}

.product-flags li.product-flag.on-sale {
    background-color: var(--color-secondary);
}

.product-flags li.product-flag.new {
    background-color: var(--color-primary);
}

/*
* UI - Discount
*/
.has-discount .page-content.page-cms ul,
.has-discount p,
.has-discount.product-price,
.page-content.page-cms .has-discount ul {
    color: var(--color-primary);
}

/*
* UI - Pagination
*/
.pagination .current a {
    color: var(--color-primary);
}

/*
* UI - Facet Slider
*/

#search_filters .ui-widget-header {
    background-color: var(--color-primary);
}

/**
 * UI - Social medias
*/
.block-social ul li {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--color-primary);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
}

.block-social ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.block-social ul li:hover {
    background-color: var(--color-black);
}

/**
 * UI - Modal Product
*/
#blockcart-modal .product-name {
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 1.13rem;
}

#blockcart-modal .product-price {
    font-size: 1rem;
}

.product-images > li.thumb-container .thumb.selected,
.product-images > li.thumb-container .thumb:hover {
    border-color: var(--color-primary);
}