/*
Theme Name: JACO Store Child
Description: JACO corporate-store customization for the Flatsome theme.
Author: Logo Envy
Template: flatsome
Version: 0.1.1
Text Domain: jaco-store
*/

:root {
    --jaco-red: #7a0013;
    --jaco-red-bright: #c2001f;
    --jaco-charcoal: #2e2e2e;
    --jaco-gray: #606060;
    --jaco-white: #ffffff;
}

.header-main {
    background-color: var(--jaco-red);
}

.header-main .nav > li > a,
.header-main .nav > li > a:hover,
.header-main .icon-search,
.header-main .icon-user,
.header-main .icon-shopping-cart,
.header-main .cart-price {
    color: var(--jaco-white);
}

#logo img {
    height: auto;
    max-height: 44px;
    width: auto;
}

.header-bottom,
.header-bottom-nav.nav-line-bottom > li > a::before {
    background-color: var(--jaco-red);
}

.header-bottom .nav > li > a,
.header-bottom .nav > li > a:hover {
    color: var(--jaco-white);
}

a,
.product-title a:hover,
.woocommerce-Price-amount,
.widget a:hover {
    color: var(--jaco-red-bright);
}

.button.primary,
button.primary,
input[type="submit"].primary,
.single_add_to_cart_button {
    background-color: var(--jaco-red);
    border-color: var(--jaco-red);
}

.button.primary:hover,
button.primary:hover,
input[type="submit"].primary:hover,
.single_add_to_cart_button:hover {
    background-color: var(--jaco-red-bright);
    border-color: var(--jaco-red-bright);
}

.absolute-footer {
    background-color: var(--jaco-charcoal);
    color: var(--jaco-white);
}

.jaco-empty-store {
    margin: 0 auto;
    max-width: 760px;
    padding: 90px 30px 110px;
    text-align: center;
}

.jaco-empty-store h1 {
    color: var(--jaco-red);
    font-size: clamp(2rem, 5vw, 3.75rem);
    letter-spacing: -0.03em;
    margin-bottom: 0.35em;
}

.jaco-empty-store p {
    color: var(--jaco-gray);
    font-size: 1.15rem;
}