/**
 * ViniGalicia — tipografía base mirror (capa final)
 * Paridad: design_reference/mirror/css/style.css (body, h1–h6, .recoleta, utilidades)
 * Cargar después de shop-*.css y vg-shop-overrides.css
 */

html {
  scroll-behavior: smooth;
}

/*
 * Bootstrap 5 carga después de tokens y redefine --bs-font-sans-serif con system-ui.
 * Forzar la misma pila que mirror (Montserrat, sans-serif) en todo el documento.
 */
:root {
  --vg-font-ui: "Montserrat", sans-serif;
  --vg-font-display: "Recoleta", sans-serif;
  --mr-font-ui: "Montserrat", sans-serif;
  --mr-font-body: "Recoleta", sans-serif;
  --mr-font-display: "Recoleta", sans-serif;
  --bs-font-sans-serif: "Montserrat", sans-serif;
  --bs-body-font-family: "Montserrat", sans-serif;
}

/* --- Cuerpo (mirror body) --- */
body.mr-shop-body {
  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(16px, 1.1vw, 18px) !important;
  color: var(--vg-brand) !important;
  line-height: 1.5;
}

body.mr-shop-body .container,
body.mr-shop-body .mycontainer,
body.mr-shop-body main.mr-shop-main {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* --- Titulares display (mirror h1–h6) --- */
body.mr-shop-body h1,
body.mr-shop-body h2,
body.mr-shop-body h3,
body.mr-shop-body h4,
body.mr-shop-body h5,
body.mr-shop-body h6,
body.mr-shop-body .recoleta,
body.mr-shop-body blockquote {
  font-family: "Recoleta", sans-serif !important;
  font-weight: 400;
  color: var(--vg-brand);
}

body.mr-shop-body h2.titulo,
body.mr-shop-body h2.h2_tit,
body.mr-shop-body h2.h2_index {
  font-family: "Montserrat", sans-serif !important;
}

body.mr-shop-body h2.h2_tit {
  font-weight: 700;
  text-transform: uppercase;
}

/* --- Anula capa MR shop-typography.mr.css si hay main --- */
body.mr-shop-body main.mr-shop-main {
  font-family: "Montserrat", sans-serif !important;
}

body.mr-shop-body main.mr-shop-main h1,
body.mr-shop-body main.mr-shop-main h2,
body.mr-shop-body main.mr-shop-main h3,
body.mr-shop-body main.mr-shop-main h4,
body.mr-shop-body main.mr-shop-main h5,
body.mr-shop-body main.mr-shop-main h6 {
  font-family: "Recoleta", sans-serif !important;
}

body.mr-shop-body main.mr-shop-main h1.mr-amigos-riscal__story-title {
  font-family: "Montserrat", sans-serif !important;
}

/* Showcase home: fondo azul — titulares en blanco (no --vg-brand) */
body.mr-shop-body .mr-home-do-showcase:not(.mr-home-do-showcase--vg-oval) h2,
body.mr-shop-body .mr-home-do-showcase:not(.mr-home-do-showcase--vg-oval) .mr-home-do-showcase__title {
  color: #fff !important;
}

body.mr-shop-body .vg-feat-showcase .vg-feat-showcase__section-title,
body.mr-shop-body .vg-feat-showcase .vg-feat-showcase__product-name,
body.mr-shop-body .vg-feat-showcase .azul_vg {
  color: #fff !important;
}

body.mr-shop-body main.mr-shop-main .btn,
body.mr-shop-body main.mr-shop-main button,
body.mr-shop-body main.mr-shop-main input[type="submit"],
body.mr-shop-body main.mr-shop-main input[type="button"],
body.mr-shop-body main.mr-shop-main input[type="reset"],
body.mr-shop-body .btn,
body.mr-shop-body button,
body.mr-shop-body input[type="submit"],
body.mr-shop-body input[type="button"],
body.mr-shop-body input[type="reset"],
body.mr-shop-body .form-control,
body.mr-shop-body .form-select,
body.mr-shop-body label,
body.mr-shop-body .form-label,
body.mr-shop-body .dropdown-menu,
body.mr-shop-body .dropdown-item {
  font-family: "Montserrat", sans-serif !important;
}

body.mr-shop-body main.mr-shop-main blockquote {
  font-family: "Recoleta", sans-serif !important;
}

body.mr-shop-body main.mr-shop-main .mr-checkout-aside,
body.mr-shop-body .mr-checkout-aside {
  font-family: "Montserrat", sans-serif !important;
}

body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-checkout-aside__eyebrow,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside h2.mr-cart-summary__title,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__name,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__unit,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__total-value,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__total-detail,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-summary__value,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__format,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-checkout-ro-qty,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-checkout-ro-qty strong,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-line__total-label,
body.mr-shop-body main.mr-shop-main .mr-checkout-aside .mr-cart-summary__label {
  font-family: "Montserrat", sans-serif !important;
}

/* Cabecera: misma pila que mirror (sin system-ui de Bootstrap) */
#vg-shop-header,
#vg-shop-header .navbar,
#vg-shop-header .nav-link,
#vg-shop-header .language-btn,
#vg-shop-header .language-menu .dropdown-item,
#vg-shop-header .menu-tienda-btn,
#vg-shop-header .vg-shop-header-tool-btn,
#vg-shop-header .dropdown-menu .dropdown-item,
#vg-shop-header .overlay-content .nav-link {
  font-family: "Montserrat", sans-serif !important;
}

/* --- Componentes tienda: UI Montserrat (gana fallback Poppins/Baskervville) --- */
body.mr-shop-body .mr-wine-card__name,
body.mr-shop-body .mr-wine-card--serif .mr-wine-card__name,
body.mr-shop-body .mr-wine-card__price,
body.mr-shop-body .mr-wine-card__price-old,
body.mr-shop-body .mr-wine-card__do,
body.mr-shop-body .mr-wine-card__formato-label,
body.mr-shop-body .mr-cart-line__name,
body.mr-shop-body .mr-cart-line__unit,
body.mr-shop-body .mr-cart-line__total-value,
body.mr-shop-body .mr-cart-summary__value,
body.mr-shop-body .mr-cart-summary__label,
body.mr-shop-body .mr-checkout-steps,
body.mr-shop-body .mr-checkout-steps a,
body.mr-shop-body .mr-promo-strip,
body.mr-shop-body .mr-search-bar,
body.mr-shop-body .mr-catalogo-sidebar,
body.mr-shop-body .mr-ficha-buy-compact,
body.mr-shop-body .mr-editorial-opener__tagline,
body.mr-shop-body .mr-editorial-opener__sub {
  font-family: "Montserrat", sans-serif !important;
}

body.mr-shop-body .mr-cart-page__title,
body.mr-shop-body .mr-editorial-opener__title,
body.mr-shop-body .mr-club-cta__title,
body.mr-shop-body .mr-ficha-hero__title-row h1,
body.mr-shop-body .mr-ficha-hero__title-row h2,
body.mr-shop-body .mr-ficha-hero__title-row h3 {
  font-family: "Recoleta", sans-serif !important;
  color: var(--vg-brand);
}

/* Texto secundario / nombres producto (legibilidad, mirror .black) */
body.mr-shop-body .mr-wine-card__name,
body.mr-shop-body .mr-wine-card__name a,
body.mr-shop-body .mr-wine-card__price,
body.mr-shop-body .mr-cart-line__name {
  color: var(--vg-text-body);
}

body.mr-shop-body .mr-wine-card__name a:hover {
  color: var(--vg-brand);
}

/* Utilidades mirror (refuerzo) */
body.mr-shop-body .azul_vg {
  color: var(--vg-brand) !important;
}

body.mr-shop-body .azul_light {
  color: var(--vg-text-light) !important;
}

body.mr-shop-body .gris {
  color: var(--vg-muted) !important;
}

body.mr-shop-body .black {
  color: var(--vg-text-body) !important;
}

/* Cabecera y pie: no heredar color corporativo del body */
#vg-shop-header a:not(.language-menu .dropdown-item):not(.language-btn):not(.overlay-content .nav-link):not(.overlay .dropdown-item),
#pie,
#pie a {
  color: inherit;
}

#vg-shop-header .language-btn,
#vg-shop-header .language-btn:hover,
#vg-shop-header .language-btn:focus,
#vg-shop-header .language-btn.show {
  color: #fff !important;
}