/* ==========================================================
   EM Farm - Font principali
   Google Fonts scelti come alternative web-safe a:
   - Century Gothic  -> Montserrat
   - Neometric       -> Urbanist
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Urbanist:wght@400;500;600;700;800&display=swap');

:root {
  --em-font-body: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --em-font-heading: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --em-font-button: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html,
body,
p,
li,
input,
select,
textarea,
button,
.entry-content,
.entry-summary,
.elementor-widget-text-editor,
.woocommerce,
.woocommerce div.product,
.woocommerce-product-details__short-description,
.woocommerce table,
.woocommerce form {
  font-family: var(--em-font-body);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.site-title,
.primary-navigation,
.main-navigation,
.elementor-heading-title,
.woocommerce-loop-product__title,
.product_title,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.button,
.wp-block-button__link,
input[type='submit'] {
  font-family: var(--em-font-heading);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.045em;
}

h1,
.h1,
.product_title,
.woocommerce-loop-product__title,
.em-title-uppercase {
  text-transform: uppercase;
}

h1,
.h1 {
  font-weight: 800;
  letter-spacing: 0.035em;
}

h2,
.h2,
h3,
.h3 {
  font-weight: 700;
}

strong,
b {
  font-weight: 800;
}

small,
.small,
.woocommerce .woocommerce-result-count,
.woocommerce-product-details__short-description,
.product_meta {
  letter-spacing: 0.01em;
}