/* VARIABLES */
:root {
    --bs-primary: #D1A775;
    --bs-primary-soft: #d1a87530;
    --bs-primary-saturated: #FFC261;
    --bs-silver: #909090;
    --bs-coal: #303030;
}

/* COLORS */
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-silver { background-color:  var(--bs-silver) !important; }
.bg-coal { background-color: var(--bs-coal) !important; }

.text-primary { color: var(--bs-primary) !important; }
.text-silver { color: var(--bs-silver) !important; }
.text-coal { color: var(--bs-coal) !important; }

/* COLORS > ACTIONS */
.list-links li.is-active,
.list-links li.state-active,
.list .list-item.is-active {
    color: var(--bs-primary);
}

/* BORDERS */
.border-primary { border-color: var(--bs-primary) !important; }

/* BUTTONS */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #000;
}

/* LAYOUT */
.grid-3 { display: grid; }
@media screen and (min-width: 992px) {
    .grid-3 { grid-template-columns: 1fr 1fr 1fr; }
}
.grid-2 { display: grid; }
@media screen and (min-width: 992px) {
    .grid-2 { grid-template-columns: 1fr 1fr; }
}

/* HEADER */
/* HEADER > HEADER TOP */
.header-top {
    height: 60px;
    background-color: white;
    border-bottom: 1px solid var(--bs-primary);
    color: var(--bs-coal);
}
@media screen and (max-width: 576px) {
    .header-top { padding: 0.4rem 0; }
}
@media screen and (max-width: 991px) {
    .header-top { height: auto; }
    .header-top > .container { max-width: 100vw; }
}
.header-top .header-top__icon-section {
    .list-item { font-size: 1rem !important; }
    .list-item a { font-size: 1rem !important; }
    .list-item > div { font-size: 1rem !important; }
    .list-item .text-sm-md { font-size: 1rem !important; }
    .list-item .icon { filter: invert(1); }
}

/* HEADER > HEADER MIDDLE */
.header-middle {
    height: 90px;
    background-color: #ffffff;
    border-bottom: 1px solid var(--bs-primary);
}
@media screen and (max-width: 576px) {
    .header-middle { height: 70px; }
}
@media (min-width: 992px) {
    .header-middle { height: 110px; }
}

.header-middle .header-middle__right li a {
    color: var(--bs-coal);
}

.header-middle .container,
.header-middle .container .row { height: 100%; }
.header-middle .container .row .col:first-child { position: initial; }

.header-middle .header-middle__right .search-input {
    border: 1px solid var(--bs-primary);
    &:focus { color: black; }
    &:active { color: black; }
}
.header-middle .hamburger .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #000000;
}

/* HEADER > HEADER MIDDLE > LOGO */
.header .custom-logo-link img {
    width: auto;
    height: 90px;
    max-width: unset;
}
@media screen and (max-width: 576px) {
    .header .custom-logo-link img { height: 70px; }
}
@media (min-width: 992px) {
    .header .custom-logo-link img { height: 100px; }
}
@media (max-width: 390px) {
    .header .header-middle > .container > .row {
        flex-wrap: nowrap !important;
    }
    .header .custom-logo-link { width: 50%; }
}
.header .header-middle ul .icon {
    filter: invert(1);
}

/* HEADER > HEADER MIDDLE > RIGHT MENU */
.hover-dropdown-menu {
    box-shadow: none;
    border: 1px solid var(--bs-primary-soft);
}

/* HEADER > HEADER BOTTOM */
.header-bottom {
    background: linear-gradient(180deg, #000000a3 0%, transparent 100%);
    border-bottom: none;
}

/* HEADER > HEADER BOTTOM > MENU */
/* HEADER > HEADER BOTTOM > MENU > MEGA MENU */
.header-menu > ul > .menu-item {
    margin: 0 1.1rem;
}
.megamenu {
    box-shadow: none;
}

/* HEADER > MOBILE MENU */
.mobile-menu__bar .custom-logo-link { display: none; }
.mobile-menu .mobile-menu__header {
    background-color: white;
    color: black;
    padding: 0.2rem 0;
}

.mobile-menu__footer .mobile-menu__footer__actions .btn-link:first-child {
    border-right: 1px solid var(--bs-primary);
}
.mobile-menu__footer .btn.mobile-menu__footer__close {
    background-color: var(--bs-primary);
}

/* HOME > HERO */
/* HOME > HERO */
.section-hero { position: relative; }
.section-hero .hero-bg-gradient {
    background: linear-gradient(0deg, #522600ab 0%, transparent 50%),
        linear-gradient(90deg, #090024 0%, transparent 50%),
        linear-gradient(270deg, #11002e 0%, transparent 50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1200px) {
    .section-hero .hero-bg-gradient {
        background: linear-gradient(0deg, #522600ab 0%, transparent 50%),
            linear-gradient(90deg, #090024 0%, transparent 50%),
            linear-gradient(270deg, #11002e 0%, transparent 50%),
            linear-gradient(180deg, #000000ba 0%, transparent 70%);
    }
}

@media screen and (max-width: 991px) {
    .section-hero { padding-top: 80px !important; }
    .site-header + main > section:first-of-type.section-hero {
        padding-top: 80px !important;
    }
}

@media screen and (min-width: 1200px) {
    .section-hero .header-middle .container {
        padding-top: 200px;
        padding-bottom: 3rem !important;
    }
}

/* FOOTER */
@media screen and (min-width: 992px) {
    .footer__links-container {
        flex-wrap: nowrap;
    }
}

/* PRODUCT PAGES */
.Breadcrumb {
    margin-top: 1rem;
}

.card-coin-price  span,
.card-coin-body .text-reset {
    color: var(--bs-primary) !important;
}
.card-coin-price {
    color: var(--bs-silver);
}
.card-coin-body p {
    color: black;
}

/* FILTERS PAGES */
.offcanvas-body h2,
.offcanvas-body h3,
.offcanvas-body h4,
.offcanvas-body  .widget-filter-list {
    color: black;
}