:root {
    --naples-dark: #101010;
    --naples-gold-dark: #C28E04;
    --naples-gold: #E7B700;
    --naples-green-dark: #101614;
    --naples-green-light: #69bda1;
    --naples-green: #2E7B61;
    --naples-gray: #c1c1c1;

    --bs-primary: var(var(--naples-gold));
    --bs-primary-rgb: 231, 183, 0;

    --bg-dark: #181818;
}

/* GLOBAL STYLES */
body {
    background-color: var(--bg-dark);
    color: #a1a1a1;
}
/* COLORS */
.text-dark { color: var(--naples-dark) }
.text-gold-dark { color: var(--naples-gold-dark) }
.text-gold { color: var(--naples-gold) }
.text-green-light { color: var(--naples-green-light) }
.text-green { color: var(--naples-green) }
.text-gray { color: var(--naples-gray) }

.bg-dark { background-color: var(--naples-dark) }
.bg-gold-dark { background-color: var(--naples-gold-dark) }
.bg-gold { background-color: var(--naples-gold) }
.bg-green { background-color: var(--naples-green) }
.bg-gray { background-color: var(--naples-gray) }

/* TEXT */
.text-balance {
    text-wrap: balance;
}
.text-gold-dark { color: var(--naples-gold-dark)}
.text-green { color: var(--naples-green)}
.text-gray { color: var(--naples-gray)}

/* BORDERS */
.rounded-4 {
    border-radius: 2rem;
}
.rounded-5 {
    border-radius: 3rem;
}

/* BUTTON */
.btn-primary {
    background-color: var(--naples-gold);
    border-color: var(--naples-gold);
    color: #000;
}

/* HEADER TOP */
.header-top {
    background: var(--naples-dark);
}
.header-top * {
    font-size: 0.9rem;
    color: var(--naples-gray);
}
@media screen and (min-width: 1200px) {
    .header-top {
        height: 40px;
    }
}
@media screen and (max-width: 767.98px) {
    .header-top * {
        font-size: 0.8rem;
    }
}

/* HEADER MIDDLE */
.header-middle .custom-logo-link img {
    max-width: min(40vw, 270px);
}
@media (max-width: 390px) {
    .header .custom-logo-link,
    .header-middle .custom-logo-link img {
        max-width: 125px;
    }
}
@media (min-width: 1460px) {
    .header-middle {
        height: 70px;
    }
}

@media (min-width: 1460px) {
    .site-header+main>section:first-of-type.section-hero, .site-header+section.section-hero {
        padding-top: 40px !important;
    }
}

.search-box .awesomplete .form-control {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}
.search-box .btn {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
.search-box .btn > * {
    transition: transform .3s ease;
}
.header-middle__right .btn-search-mobile {
    background-color: white;
    border-color: white;
}
@media screen and (min-width: 1200px) {
    .search-box .awesomplete .form-control {
        background-color: transparent;
        color: white;
    }
    .search-box .awesomplete .form-control::placeholder {
        color: #ffffff99;
    }
    .search-box .btn {
        background-color: white;
        border-color: white;
    }
    .header-middle__right .inline-icon-text-cart .btn {
        background-color: white;
        border-color: white;
    }
    .search-box .btn:hover > * {
        transform: scale(1.2);
    }
}

/* HEADER BOTTOM */
.header-bottom {
    border: none;
}

/* MOBILE MENU */
.mobile-menu {
    background-color: var(--bs-extra-dark);
    color: white;

    .icon img, .icon svg {
        filter: invert(1);
    }
}
.mobile-menu__header,
.mobile-menu__bar {
    background: none;
}

/* HERO */
@media (min-width: 992px) {
    .site-header+main>section:first-of-type .container {
        padding-top: 150px !important;
    }
}

/* CARD COIN */
.card-coin {
    color: var(--bs-dark);
}

/* PRODUCT CARDS */
.section[role="main"].bg-light:has( .breadcrumb) {
    background: var(--bs-extra-dark) !important;
    color: white;

    .card-link {
        background: white;
        color: #000;
    }
}

.section:has( main .catalog-actions) {
    color: white;

    h1.text-dark {
        color: white !important;
    }
    
}

.section .container-narrow {
    .more-less:after {
        background-image: linear-gradient(180deg, hsla(0, 0%, 97%, 0), var(--bg-dark));
    }
    .btn-outline-dark {
        border-color: white;
        color: white;
    }
}

.top-items__section {
    color: #fff;
    .table,
    .text-formatted table,
    .general-paragraph table {
        color: #d1d1d1;
    }
}

.mini-cart {
    background-color: var(--bs-extra-dark);
    color: #d1d1d1;
}

/* PROFILE */
.my-account {
    color: var(--bs-dark);
}

/* CART */
.checkout {
    color: var(--bs-dark);
}
.checkout .checkout-summary .trust-badges {
    filter: invert(1);
}