
:root {
    --primary: #a29279;
    --primary-hover: rgba(180, 71, 176, 0.08);
    --primary-dark: ##908477;
    --dark: #333e48;
    --warning: #ffc107;
    --gray-18: #333e484d;
    --dropdown-item-color: #ece1d1;
    --dropdown-item-hover-color: #8e877d;

    --discount-color: #d0c7ba;

    --footer:#a29279;
}

.shop-sidebar-nav {
    --shop-sidebar-border: #e8eaed;
    --shop-sidebar-muted: #77838f;
    --shop-sidebar-hover: #f4f6f8;
    --shop-sidebar-active-bg: #d0c7ba; 
    border-radius: 0.35rem;
    overflow: visible;
    padding-bottom: 0.35rem;
}

/* no right sidebar  so needs to be wider to be in the center*/
@media (min-width: 1480px) {
    .max-width-main-1130 {
        max-width: 100%;
    }
}

.nav-tab .nav-link {
    border-width: 6px;
}

.fa-icon {
    color: #000 !important;
}



.borders-radius-10 {
    border-radius: 0.25rem;
}

.btn-search {
    color: #353537;
    background-color: #fff;
    border-color: #fff;
    transition: all 0.2s ease-in-out;
}
.btn-search:hover {
    color: #353537;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.btn-search:focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5);
}
.btn-search.disabled,
.btn-search:disabled {
    color: #999;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

/* gradients */
.gradient-1 {
    background: linear-gradient(
        90deg,
        #a29279 0%,
        rgba(162, 146, 121, 0.45) 50%,
        rgba(162, 146, 121, 0.15) 100%
    );
}

.gradient-2 {
    background: linear-gradient(
        180deg,
        #b6a78f 0%,
        #a29279 40%,
        #84755f 100%
    );
}

.gradient-light-primary {
    background:
        radial-gradient(
            ellipse 70% 120% at 100% 50%,
            rgba(162, 146, 121, 0.12) 0%,
            transparent 52%
        ),
        radial-gradient(
            ellipse 50% 80% at 0% 80%,
            rgba(162, 146, 121, 0.08) 0%,
            transparent 45%
        ),
        linear-gradient(
            105deg,
            #ffffff 0%,
            #fcfbf9 45%,
            #f4f1ec 100%
        );
}

.gradient-icon {
    background: linear-gradient(
        155deg,
        rgba(162, 146, 121, 0.22) 0%,
        rgba(162, 146, 121, 0.06) 100%
    );
}

.border-solid-gradient-light {
    border: 1px solid rgba(180, 71, 176, 0.38);
}

.text-vertical-search {
    color: #ffffff !important;
}

.section-title::after {
    content: " ";
    height: 6px;
    width: 114px;
    display: block;
    background-color: #a29279;
    position: absolute;
    bottom: -1px;
    left: 0;
}