/* ==========================================================================
   Lafuente — CSS de marca sobre el tema Classic (carga con prioridad alta,
   después del CSS del tema, para poder sobrescribir sus clases de Bootstrap)
   ========================================================================== */

:root{
  --lf-bg: #FAF9F6;
  --lf-bg-alt: #F1EFE9;
  --lf-text: #262220;
  --lf-text-soft: #6E675E;
  --lf-accent: #0E2C50;      /* azul marino, extraído del logo real */
  --lf-accent-soft: #B8863B; /* dorado tostado */
  --lf-border: #E4E1DA;
}

body{
  background: var(--lf-bg);
  color: var(--lf-text);
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.product-title,
.product-miniature .product-title{
  font-family: 'Fraunces', serif;
  font-optical-sizing: auto;
}

/* Enlaces y elementos "primarios" del tema Classic (Bootstrap) */
a{ color: var(--lf-accent); }
a:hover{ color: var(--lf-accent-soft); }

.btn-primary,
#search_widget button,
.block-category-heading{
  background-color: var(--lf-accent) !important;
  border-color: var(--lf-accent) !important;
}
.btn-primary:hover{
  background-color: var(--lf-accent-soft) !important;
  border-color: var(--lf-accent-soft) !important;
}

/* Precios: el elemento clave de conversión, en el color de marca */
.product-price,
.current-price,
.current-price-value,
.price{
  color: var(--lf-accent) !important;
  font-weight: 600;
}

/* Cabecera: fondo blanco limpio, borde fino en vez de sombra */
#header{
  background: #fff;
  border-bottom: 1px solid var(--lf-border);
  box-shadow: none;
}

/* Menú principal: mayúsculas, tracking, subrayado sutil en hover/activo,
   sustituye el estilo por defecto de Classic */
#header .menu > li > a,
.mega-menu > li > a{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
}
#header .menu > li > a:hover,
#header .menu > li.active > a{
  border-color: var(--lf-accent);
  color: var(--lf-accent);
}

/* Tarjetas de producto: borde fino, sin esquinas muy redondeadas, sombra sutil al hover */
.product-miniature,
.js-product-miniature{
  background: #fff;
  border: 1px solid var(--lf-border);
  border-radius: 2px;
  transition: box-shadow .2s ease;
}
.product-miniature:hover{
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

/* Badges (ej. "Profesional", "Últimas unidades") */
.product-flag,
.on-sale,
.discount-percentage{
  background-color: var(--lf-accent-soft) !important;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: .05em;
}