/**
 * Estilos personalizados para tipografía - Magna Jewelry
 *
 * Este archivo contiene todas las configuraciones de tipografía global para el tema.
 */

/* 
 * Aplicación global de la fuente Montserrat
 */
html,
body,
body *,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
button,
input,
select,
textarea,
.font-primary,
#wpadminbar *,
.wp-block,
.woocommerce-page *,
.woocommerce * {
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px;
}

/* Estilos específicos para elementos de WordPress */
.wp-element-button,
.wp-block-navigation__container,
.site-title,
.site-description,
.entry-title,
.entry-content,
.comment-content,
.widget-area,
.navigation,
.breadcrumb,
.site-footer,
.wp-block-latest-posts,
.wp-block-calendar,
.wp-block-search,
.wp-block-tag-cloud {
  font-family: "Montserrat", sans-serif !important;
}

/* Estilos específicos para WooCommerce */
.woocommerce-breadcrumb,
.woocommerce-ordering,
.woocommerce-result-count,
.woocommerce-loop-product__title,
.woocommerce-review-link,
.woocommerce-Price-amount,
.button.wc-forward,
.product_title,
.woocommerce-product-details__short-description,
.woocommerce-tabs,
.related.products h2,
.cart_totals h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading,
.woocommerce-table,
.woocommerce-thankyou-order-details {
  font-family: "Montserrat", sans-serif !important;
}

/* Estilos específicos para títulos */
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.heading,
.subtitle,
.section-title,
.widget-title,
.woocommerce-loop-product__title,
.product_title,
.entry-title,
.woocommerce h2,
.woocommerce h3 {
  font-weight: 600;
  color: #4d4d4d !important;
  font-size: 13px;
}

/* Configuraciones de pesos de fuente */
.font-light {
  font-weight: 400;
}

.font-normal {
  font-weight: 500;
}

.font-medium {
  font-weight: 600;
}

.font-semibold {
  font-weight: 700;
}

.font-bold {
  font-weight: 800;
}

.font-extrabold {
  font-weight: 900;
}

/* Estilos para texto en itálica */
.font-italic {
  font-style: italic;
}

.text-title{
  font-size: 18px;
}

.text-sub-title{
  font-size: 16px;
}

/* Fuente personalizada para el logo */
@font-face {
  font-family: "amandine-medium";
  src: url("../fonts/amandine-medium.otf") format("woff2"),
    url("../fonts/amandine-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Clase específica para el logo */
.logo-font {
  font-family: "amandine-medium", sans-serif !important;
  font-size: 25px !important;
}

@media (max-width: 640px) {
  .logo-font {
    font-size: 18px !important;
  }
}