/* ══════════════════════════════════════════════════════════
   NŪ DORÈ — Overlay de marca sobre el tema Classic de PrestaShop
   Se carga DESPUÉS de theme.css (ver head.tpl) para poder
   sobrescribir sus reglas por orden de cascada + especificidad.
   ══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&family=EB+Garamond:ital,wght@0,400..700;1,400..700&display=swap');

:root {
  --nd-primary: #c9a96e;
  --nd-primary-light: #e6c487;
  --nd-olive: #2C2E1E;
  --nd-near-black: #141312;
  --nd-cream: #F5F0E8;
}

/* ── Tipografía global ── */
body, .h1, .h2, .h3, .h4, .h5, .h6, p, a, button, input, select, textarea {
  font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, .h1, .h2, .h3,
.product-title, .page-title, #category-description h1,
.card-title, .block-category h1 {
  font-family: 'EB Garamond', serif;
  letter-spacing: 0.01em;
}

body { color: #2b2a27; background-color: #fdfcfa; }

/* ── Header ── */
#header .header-nav { background-color: var(--nd-near-black); border-bottom: none; }
#header .header-top { background-color: var(--nd-olive); }
#_desktop_logo img { max-height: 42px; }
#header a, #header .blockcart .header .material-icons,
#header .user-info a, #header .cart-preview a {
  color: var(--nd-cream) !important;
}
#header .position-static .search-widget input,
#search_widget input {
  border-radius: 2px;
}

/* ── Enlaces y color primario (reemplaza el #24b9d7 azul) ── */
a, a:hover, a:focus { color: var(--nd-primary); }
a:hover { color: var(--nd-primary-light); }

.btn-primary,
#header .cart-preview .btn-primary,
.product-actions .add-to-cart,
button[name="submitReview"],
.form-control-submit,
#module-blockreassurance-home .h3,
.checkout .step-title,
.custom-checkbox input[type=checkbox]:checked + span {
  background-color: var(--nd-olive) !important;
  border-color: var(--nd-olive) !important;
  color: var(--nd-cream) !important;
  border-radius: 2px !important;
}
.btn-primary:hover, .btn-primary:focus,
.product-actions .add-to-cart:hover {
  background-color: var(--nd-primary) !important;
  border-color: var(--nd-primary) !important;
}
.btn-secondary, .btn-outline-primary {
  color: var(--nd-olive) !important;
  border-color: var(--nd-olive) !important;
}
.btn-secondary:hover, .btn-outline-primary:hover {
  background-color: var(--nd-olive) !important;
  color: var(--nd-cream) !important;
}

/* ── Precios ── */
.price, .current-price .price, .product-price,
span[itemprop="price"], .current-price-value {
  color: var(--nd-olive) !important;
  font-family: 'EB Garamond', serif;
  font-weight: 600;
}

/* ── Badges (NUEVO / AGOTADO / OFERTA) ── */
.product-flag, .on-sale, .discount-percentage,
.product-flags .product-flag {
  background-color: var(--nd-primary) !important;
  color: var(--nd-near-black) !important;
  border-radius: 2px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.08em;
  font-size: 10px;
}
.product-flag.on-sale, .discount-percentage { background-color: var(--nd-olive) !important; color: var(--nd-cream) !important; }
.product-unavailable, .out-of-stock .product-flag {
  background-color: #8a8578 !important;
}

/* ── Migas de pan / breadcrumb ── */
.breadcrumb, .breadcrumb a { color: #8a8578; }
.breadcrumb a:hover { color: var(--nd-olive); }

/* ── Footer ── */
#footer, .footer-container {
  background-color: var(--nd-near-black);
  color: var(--nd-cream);
}
#footer a, .footer-container a { color: #d0c5b5 !important; }
#footer a:hover, .footer-container a:hover { color: var(--nd-primary-light) !important; }
#footer h3, .footer-container h3 {
  font-family: 'EB Garamond', serif;
  color: var(--nd-cream);
}

/* ── Categorías activas / menú ── */
.top-menu .sfHover > a, .top-menu li a:hover,
#header .top-menu a.active {
  color: var(--nd-primary-light) !important;
}

/* ── Focus / inputs ── */
input:focus, select:focus, textarea:focus,
.custom-radio input[type=radio]:checked + span {
  border-color: var(--nd-primary) !important;
  box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.2) !important;
}
.custom-radio input[type=radio]:checked + span::before,
.custom-checkbox input[type=checkbox]:checked + span::before {
  background-color: var(--nd-olive);
}

/* ── Toasts / alertas de éxito ── */
.alert-success { background-color: #eef0e6; border-color: var(--nd-olive); color: var(--nd-olive); }