/* =========================================================
   PALETTE PRINCIPALE
   ========================================================= */

:root {
    --gold: #C49A24;
    --gold-dark: #9A7418;
    --gold-darker: #6F5311;
    --gold-light: #E0BC55;

    --dark: #3B3B3B;
    --dark-hover: #2B2B2B;

    --text: #1F1F1F;
    --muted: #777777;
    --border: #DDD7CA;

    --bs-primary: #C49A24;
    --bs-primary-rgb: 196, 154, 36;

    --bs-link-color: #9A7418;
    --bs-link-hover-color: #6F5311;

    --bs-focus-ring-color: rgba(196, 154, 36, 0.25);
}


/* =========================================================
   TESTO GENERALE
   ========================================================= */

body {
    color: var(--text);
}


/* =========================================================
   LINK
   ========================================================= */

a {
    color: var(--gold-dark);
}

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


/* =========================================================
   HEADER / MENU
   ========================================================= */

header a,
.header-top a,
.header-nav a {
    color: var(--gold-dark);
}

header a:hover,
.header-top a:hover,
.header-nav a:hover {
    color: var(--gold-darker);
}


/* =========================================================
   PULSANTI PRINCIPALI
   ORO = TESTO BIANCO
   ========================================================= */

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--gold);
    --bs-btn-border-color: var(--gold);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--gold-dark);
    --bs-btn-hover-border-color: var(--gold-dark);

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--gold-darker);
    --bs-btn-active-border-color: var(--gold-darker);

    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: var(--gold);
    --bs-btn-disabled-border-color: var(--gold);

    --bs-btn-focus-shadow-rgb: 196, 154, 36;

    color: #FFFFFF !important;
    font-weight: 600;
}


/* =========================================================
   PULSANTI OUTLINE
   ========================================================= */

.btn-outline-primary {
    --bs-btn-color: var(--gold-dark);
    --bs-btn-border-color: var(--gold);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--gold);
    --bs-btn-hover-border-color: var(--gold);

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--gold-dark);
    --bs-btn-active-border-color: var(--gold-dark);
}


/* =========================================================
   ADD TO CART / CHECKOUT
   ========================================================= */

.add-to-cart,
.product-actions .add-to-cart,
.cart-content-btn .btn-primary,
.checkout a.btn-primary,
.checkout button.btn-primary,
button.btn-primary {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #FFFFFF !important;
}

.add-to-cart:hover,
.product-actions .add-to-cart:hover,
.cart-content-btn .btn-primary:hover,
.checkout a.btn-primary:hover,
.checkout button.btn-primary:hover,
button.btn-primary:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: #FFFFFF !important;
}


/* =========================================================
   PULSANTI DISABILITATI
   ========================================================= */

.btn-primary:disabled,
.btn-primary.disabled,
button.btn-primary:disabled {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #FFFFFF !important;

    opacity: 0.60;
}


/* =========================================================
   OFFERTE / SCONTI
   ORO = TESTO BIANCO
   ========================================================= */

.product-flags .discount,
.product-flags .discount-percentage,
.product-flag.discount,
.discount-percentage,
.discount {
    background-color: var(--gold) !important;
    color: #FFFFFF !important;

    border: 1px solid var(--gold-dark) !important;
    border-radius: 4px;

    font-weight: 700;
    padding: 5px 10px;
}


/* =========================================================
   BADGE NUOVO
   GRIGIO = TESTO ORO
   ========================================================= */

.product-flags .new,
.product-flag.new,
.badge-new {
    background-color: var(--dark) !important;
    color: var(--gold-light) !important;

    border: 1px solid var(--gold) !important;
    border-radius: 4px;

    font-weight: 600;
    padding: 5px 10px;
}


/* =========================================================
   BADGE GRIGI GENERICI
   ========================================================= */

.badge-secondary,
.bg-secondary {
    background-color: var(--dark) !important;
    color: var(--gold-light) !important;
}


/* =========================================================
   BADGE ORO GENERICI
   ========================================================= */

.bg-primary,
.badge.bg-primary {
    background-color: var(--gold) !important;
    color: #FFFFFF !important;
}


/* =========================================================
   PREZZI
   ========================================================= */

.product-price,
.current-price,
.product-price-and-shipping .price {
    color: var(--gold-dark);
    font-weight: 700;
}

.product-price-and-shipping .regular-price,
.regular-price {
    color: var(--muted);
    font-weight: 400;
}


/* =========================================================
   FORM
   ========================================================= */

.form-control:focus,
.form-select:focus {
    border-color: var(--gold);

    box-shadow:
        0 0 0 0.25rem rgba(196, 154, 36, 0.18);
}

.form-check-input:checked {
    background-color: var(--gold);
    border-color: var(--gold);
}

.form-check-input:focus {
    border-color: var(--gold);

    box-shadow:
        0 0 0 0.25rem rgba(196, 154, 36, 0.18);
}


/* =========================================================
   PAGINAZIONE
   ========================================================= */

.pagination {
    --bs-pagination-color: var(--gold-dark);
    --bs-pagination-hover-color: var(--gold-darker);

    --bs-pagination-active-color: #FFFFFF;
    --bs-pagination-active-bg: var(--gold);
    --bs-pagination-active-border-color: var(--gold);
}


/* =========================================================
   NAV / TAB
   ========================================================= */

.nav-link {
    color: var(--gold-dark);
}

.nav-link:hover,
.nav-link:focus {
    color: var(--gold-darker);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--gold);
    color: #FFFFFF;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--gold);
    color: #FFFFFF;
}


/* =========================================================
   LIST GROUP
   ========================================================= */

.list-group {
    --bs-list-group-active-bg: var(--gold);
    --bs-list-group-active-border-color: var(--gold);
    --bs-list-group-active-color: #FFFFFF;
}


/* =========================================================
   PROGRESS BAR
   ========================================================= */

.progress-bar {
    background-color: var(--gold);
    color: #FFFFFF;
}


/* =========================================================
   TEXT PRIMARY
   ========================================================= */

.text-primary {
    color: var(--gold-dark) !important;
}


/* =========================================================
   SPINNER
   ========================================================= */

.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: var(--gold) !important;
}


/* =========================================================
   VARIANTI PRODOTTO
   ========================================================= */

.product-variants .input-color:checked + span,
.product-variants input:checked + span {
    border-color: var(--gold) !important;
}


/* =========================================================
   PRODOTTI / CATEGORIE
   ========================================================= */

.product-title a,
.category-sub-menu a,
.block-categories a {
    color: var(--text);
}

.product-title a:hover,
.category-sub-menu a:hover,
.block-categories a:hover {
    color: var(--gold-dark);
}


/* =========================================================
   CARDS
   ========================================================= */

.product-miniature,
.card {
    border-color: var(--border);
}

.product-miniature:hover {
    border-color: rgba(196, 154, 36, 0.50);
}


/* =========================================================
   BREADCRUMB
   ========================================================= */

.breadcrumb a {
    color: var(--gold-dark);
}

.breadcrumb a:hover {
    color: var(--gold-darker);
}


/* =========================================================
   ACCOUNT / CARRELLO
   ========================================================= */

.user-info a,
.blockcart a {
    color: var(--gold-dark);
}

.user-info a:hover,
.blockcart a:hover {
    color: var(--gold-darker);
}


/* =========================================================
   QUANTITÀ
   ========================================================= */

.input-group .btn,
.bootstrap-touchspin .btn {
    border-color: var(--gold);
}

.input-group .btn:hover,
.bootstrap-touchspin .btn:hover {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}


/* =========================================================
   TAB PRODOTTO
   ========================================================= */

.nav-tabs .nav-link.active {
    color: var(--gold-dark);
    border-bottom-color: var(--gold);
}


/* =========================================================
   SELEZIONE TESTO
   ========================================================= */

::selection {
    background-color: var(--gold);
    color: #FFFFFF;
}


/* =========================================================
   FOCUS
   ========================================================= */

*:focus-visible {
    outline-color: var(--gold);
}


/* =========================================================
   FOOTER
   ========================================================= */

footer a {
    color: var(--gold-dark);
}

footer a:hover {
    color: var(--gold-darker);
}

/* =========================================================
   FOOTER - TESTI E LINK
   ========================================================= */

/* Titoli delle colonne */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .h1,
footer .h2,
footer .h3,
footer .h4,
footer .h5,
footer .h6,
footer .block-title,
footer .title {
    color: #FFFFFF !important;
}

/* Testi normali e link */
footer p,
footer li,
footer a,
footer span:not(.material-icons):not(.material-symbols-outlined) {
    color: #C49A24 !important;
}