/* 1. Definimos tu color como una variable para que sea fácil cambiarlo */
:root {
  --brand-primary: #a38364 !important;
  --brand-primary-hover: #c4a484 !important; /* Ejemplo: si tu color es claro, pon uno más oscuro aquí */
}

/* 2. Botones Principales (CTA) */
.btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: white !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--brand-primary-hover) !important;
    border-color: var(--brand-primary-hover) !important;
    color: white !important;
}


.thumb {
    border-color: var(--brand-primary) !important;
}

.block-social ul li:hover {
    background-color: var(--brand-primary) !important;
} 

/* 4. Enlaces y Textos resaltados */
a {
    color: var(--brand-primary) !important;
}
a:hover {
    color: var(--brand-primary-hover) !important;
}

/* 3. Fondo del Carrito de Compras (Cabecera) */
#_desktop_cart .blockcart.cart-preview.active {
    background: var(--brand-primary) !important;
}

#_desktop_cart .blockcart.cart-preview.active a {
    color: white !important;
}

.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover {
    border-bottom-color: var(--brand-primary) !important;
}

.form-control:focus {
    outline-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.input-group.focus {
    outline-color: var(--brand-primary) !important;
}

#checkout section.checkout-step .address-item.selected {
    border-color: var(--brand-primary) !important;
}

.custom-radio input[type=radio]:checked+span {
    background-color: var(--brand-primary) !important;
}

#_desktop_cart .blockcart.cart-preview.active a:hover {
    color: white !important;
}

.product-price {
    color: var(--brand-primary) !important;
}

.select-list:hover {
    background: var(--brand-primary) !important;
    color: white !important;
}


/* 5. Etiquetas, Tabs y elementos activos */
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link,
.tabs .nav-link.active {
    color: #fff !important;
    background-color: var(--brand-primary) !important;
}

/* 6. Checkboxes y Filtros seleccionados */
.facet-label .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    color: var(--brand-primary) !important;
}

/* 7. Icono de búsqueda y otros detalles */
#search_widget form i.search {
    color: var(--brand-primary) !important;
}

#contact-link {
  display: none !important;
}

#blockcart-modal .product-name {
  color: var(--brand-primary) !important;
}