/* =============================================================
   Absolute Seeds – custom theme overrides for Hummingbird
   Target reference: https://absoluteseeds.com/tienda/
   Colors: gold #bb9818 | olive green #587205 | body #2b2b2b
   Fonts: Montserrat (headings) · Roboto (body)
   ============================================================= */

/* ── 1. CSS CUSTOM PROPERTIES – primary/brand color ─────────── */
:root,
[data-bs-theme=light] {
  --bs-blue: #bb9818;
  --bs-primary: #bb9818;
  --bs-primary-rgb: 187, 152, 24;
  --bs-primary-text-emphasis: #9a7e14;
  --bs-link-color: #bb9818;
  --bs-link-color-rgb: 187, 152, 24;
  --bs-link-hover-color: #9a7e14;
  --bs-link-hover-color-rgb: 154, 126, 20;
  --bs-green: #587205;
  --bs-body-color: #2b2b2b;
  --bs-body-color-rgb: 43, 43, 43;
  --bs-secondary-color: rgba(43, 43, 43, 0.65);
}

/* ── 2. TIPOGRAFÍA ───────────────────────────────────────────── */
body,
input,
select,
textarea,
button {
  font-family: 'Roboto', sans-serif;
  color: #2b2b2b;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.product-miniature__title,
.page-title,
.card-title,
.navbar-brand,
.section-title {
  font-family: 'Montserrat', sans-serif;
}

/* ── 3. ENLACES ──────────────────────────────────────────────── */
a {
  color: #bb9818;
}

a:hover {
  color: #9a7e14;
}

/* ── 4. BOTÓN PRIMARY ────────────────────────────────────────── */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #bb9818;
  --bs-btn-border-color: #bb9818;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9a7e14;
  --bs-btn-hover-border-color: #9a7e14;
  --bs-btn-focus-shadow-rgb: 187, 152, 24;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9a7e14;
  --bs-btn-active-border-color: #9a7e14;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bb9818;
  --bs-btn-disabled-border-color: #bb9818;
}

/* ── 5. BOTÓN OUTLINE PRIMARY ───────────────────────────────── */
.btn-outline-primary {
  --bs-btn-color: #bb9818;
  --bs-btn-border-color: #bb9818;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb9818;
  --bs-btn-hover-border-color: #bb9818;
  --bs-btn-focus-shadow-rgb: 187, 152, 24;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bb9818;
  --bs-btn-active-border-color: #bb9818;
  --bs-btn-disabled-color: #bb9818;
  --bs-btn-disabled-border-color: #bb9818;
}

/* ── 6. COMPONENTES – CSS vars de componente ────────────────── */
.dropdown-menu {
  --bs-dropdown-link-active-bg: #bb9818;
}

.list-group {
  --bs-list-group-active-bg: #bb9818;
  --bs-list-group-active-border-color: #bb9818;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #bb9818;
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #bb9818;
}

/* ── 7. COLORES HARDCODED (no CSS vars) ─────────────────────── */
.form-check-input:checked {
  background-color: #bb9818;
  border-color: #bb9818;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #bb9818;
  border-color: #bb9818;
}

.form-range::-webkit-slider-thumb {
  background-color: #bb9818;
}

.form-range::-webkit-slider-thumb:active {
  background-color: #d4b03c;
}

.form-range::-moz-range-thumb {
  background-color: #bb9818;
}

.form-range::-moz-range-thumb:active {
  background-color: #d4b03c;
}

/* ── 8. FORMULARIOS – foco en dorado ───────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #bb9818;
  box-shadow: 0 0 0 0.25rem rgba(187, 152, 24, 0.25);
}

/* ── 9. HEADER ──────────────────────────────────────────────── */
.header-top {
  background-color: #2b2b2b;
  color: #f0f0f0;
}

.header-top a,
.header-top .header-top__left a,
.header-top .header-top__right a {
  color: #f0f0f0;
}

.header-top a:hover {
  color: #bb9818;
}

.header-bottom {
  border-bottom: 2px solid #bb9818;
}

/* ── 10. NAVEGACIÓN PRINCIPAL ───────────────────────────────── */
.top-menu a.current,
.top-menu > li > a:hover,
.top-menu > li > a:focus {
  color: #bb9818;
}

/* ── 11. PRODUCT MINIATURE ──────────────────────────────────── */
.product-miniature__title {
  font-weight: 600;
  font-size: 0.9rem;
}

.product-miniature__price {
  color: #bb9818;
  font-weight: 700;
}

.product-miniature__inner:hover {
  border-color: #bb9818;
}

/* ── 12. BADGES / FLAGS ─────────────────────────────────────── */
.product-flag.discount-product,
.product-flag.on-sale {
  background-color: #c54838;
}

.product-flag.new {
  background-color: #587205;
}

/* ── 13. SIDEBAR / FILTROS ───────────────────────────────────── */
.search-filter-toggler {
  color: #bb9818;
  border-color: #bb9818;
}

/* ── 14. FOOTER ─────────────────────────────────────────────── */
.footer__main {
  background-color: #1a1a1a;
}

.footer-block a:hover {
  color: #bb9818;
}

.footer .copyright {
  border-top: 1px solid rgba(187, 152, 24, 0.3);
}

/* ── 15. SECCIÓN REASSURANCE (blockreassurance) ─────────────── */
.blockreassurance_product i,
.blockreassurance i {
  color: #bb9818;
}

/* ── 16. BREADCRUMBS ────────────────────────────────────────── */
.breadcrumb-item.active {
  color: #bb9818;
}

.breadcrumb-item a {
  color: #bb9818;
}

/* ── 17. PAGINACIÓN (hereda de --bs-link-color, refuerzo) ───── */
.page-link {
  color: #bb9818;
}

.page-link:hover {
  color: #9a7e14;
}

.page-item.active .page-link {
  background-color: #bb9818;
  border-color: #bb9818;
  color: #fff;
}

/* ── 18. FILTROS FACETADOS (slider noUiSlider) ──────────────── */
.noUi-connect {
  background: #bb9818;
}

.noUi-handle {
  border-color: #bb9818;
}

/* ── 19. CART / CHECKOUT – accents ──────────────────────────── */
.cart-summary-line.cart-total .value,
.cart-summary-totals .value {
  color: #bb9818;
}

/* ── 20. TEXTO SECUNDARIO / MUTED ───────────────────────────── */
.text-muted,
.products__count,
.product-miniature__regular-price {
  color: #979797 !important;
}