/* =================================================
   WALON – TIPOGRAFÍAS (Self-hosted)
   Archivo: /wp-content/themes/astra-child/inc/css/walon-fonts.css
   ================================================= */

/* 1) Declaración de fuentes (pesos/estilos que SÍ usarás) */

/* Neusa Next Pro */
@font-face{
  font-family: "Neusa Next Pro";
  src: url("/wp-content/themes/astra-child/assets/fonts/NeusaNextPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Neusa Next Pro";
  src: url("/wp-content/themes/astra-child/assets/fonts/NeusaNextPro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Neusa Next Pro";
  src: url("/wp-content/themes/astra-child/assets/fonts/NeusaNextPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Neusa Next Pro";
  src: url("/wp-content/themes/astra-child/assets/fonts/NeusaNextPro-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Shapiro */
@font-face{
  font-family: "Shapiro";
  src: url("/wp-content/themes/astra-child/assets/fonts/Shapiro-45-Welter-Wide.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Shapiro";
  src: url("/wp-content/themes/astra-child/assets/fonts/Shapiro-75-Heavy-Wide.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 2) Variables (para usar tipografías y pesos en todo tu CSS) */
:root{
  --w-font-body: "Neusa Next Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --w-font-head: "Shapiro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --w-wt-regular: 400;
  --w-wt-medium: 500;
  --w-wt-bold: 700;
  --w-wt-heavy: 800;
}

/* 3) Asignación global mínima */
body{
  font-family: var(--w-font-body);
  font-weight: var(--w-wt-regular);
}

/* Títulos */
h1, h2, h3, h4, h5, h6{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-heavy);
}

/* 4) WooCommerce: donde suele romperse */

/* Título de producto en grilla/loop */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-regular);
  font-size: 16px;
  margin-bottom: .5em;
  padding: 0;
}

/* 5) Utilidades (para usarlas directo en HTML/bloques) */
.w-font-body{ font-family: var(--w-font-body) !important; }
.w-font-head{ font-family: var(--w-font-head) !important; }

.w-wt-regular{ font-weight: var(--w-wt-regular) !important; }
.w-wt-medium{ font-weight: var(--w-wt-medium) !important; }
.w-wt-bold{ font-weight: var(--w-wt-bold) !important; }
.w-wt-heavy{ font-weight: var(--w-wt-heavy) !important; }

.w-italic{ font-style: italic !important; }

/* ======= Tus reglas existentes (ajustadas a variables correctas) ======= */

.wb-bar{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-regular);
}

.woocommerce-Price-currencySymbol{
  font-family: var(--w-font-body);
  font-weight: var(--w-wt-bold);
}

.woocommerce-loop-product__title{
  font-family: var(--w-font-body);
  font-weight: var(--w-wt-regular);
}

.elementor-heading-title{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-heavy);
  font-size: 24px;
}

.elementor-icon-list-text{
  font-family: var(--w-font-body);
  font-weight: var(--w-wt-regular);
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-bold);
}

.site-footer .widget_nav_menu .menu-link{
  font-family: var(--w-font-head);
  font-weight: var(--w-wt-regular);
}