/**
 * Chatoyer Typography Rules
 * Aplicación automática de lowercase + first-letter uppercase
 */

/* ========================================
   HEADINGS CON CHATOYER
======================================== */

/* Todos los headings que usan font-secondary (Chatoyer) */
h1, h2, h3, h4, h5, h6,
.site-title,
.product-title,
.section-title,
.page-title,
.entry-title,
.widget-title,
.footer-column-title,
.account-welcome,
.collapsible-title {
    font-family: var(--font-secondary);
}

/* Aplicar regla de Chatoyer: lowercase + primera letra mayúscula */
h1, h2, h3,
.site-title,
.product-title,
.section-title,
.page-title,
.entry-title,
.account-welcome {
    text-transform: lowercase;
}

h1::first-letter,
h2::first-letter, 
h3::first-letter,
.site-title::first-letter,
.product-title::first-letter,
.section-title::first-letter,
.page-title::first-letter,
.entry-title::first-letter,
.account-welcome::first-letter {
    text-transform: uppercase;
}

/* ========================================
   EXCEPCIONES
======================================== */

/* Elementos que NO deben tener lowercase automático */
.text-uppercase,
.primary-menu a,
.footer-column-title,
.stat-label,
.badge-custom,
.trust-badge,
.meta-label {
    text-transform: uppercase !important;
}

.text-uppercase::first-letter {
    text-transform: uppercase !important;
}

/* ========================================
   BRAND LOGO
======================================== */

/* Si el logo es texto, aplicar Chatoyer */
.site-branding .site-title {
    font-family: var(--font-secondary);
    text-transform: lowercase;
}

.site-branding .site-title::first-letter {
    text-transform: uppercase;
}

/* ========================================
   PRODUCT SPECIFIC
======================================== */

/* Títulos de productos */
.woocommerce-loop-product__title,
.product_title {
    font-family: var(--font-secondary);
    text-transform: lowercase;
}

.woocommerce-loop-product__title::first-letter,
.product_title::first-letter {
    text-transform: uppercase;
}

/* Categorías y etiquetas (mantener mayúsculas) */
.product-category-title,
.term-name {
    font-family: var(--font-secondary);
    text-transform: lowercase;
}

.product-category-title::first-letter,
.term-name::first-letter {
    text-transform: uppercase;
}

/* ========================================
   FOOTER
======================================== */

/* Títulos de columnas del footer */
.footer-column-title,
.footer-widget-title,
.footer-social-title {
    font-family: var(--font-primary); /* Gotham, no Chatoyer */
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wider);
}

/* ========================================
   BUTTONS & UI ELEMENTS
======================================== */

/* Botones usan Gotham Medium */
.button,
.btn,
.wp-block-button__link,
.woocommerce-button,
.single_add_to_cart_button,
.newsletter-submit {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* ========================================
   NAVIGATION
======================================== */

/* Menú de navegación usa Gotham Medium */
.primary-menu a,
.mobile-menu-list a {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* ========================================
   FORMS & INPUTS
======================================== */

/* Inputs y formularios usan Gotham */
input,
textarea,
select,
.input,
.form-control {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-normal);
}

/* Labels usan Gotham Medium */
label,
.label,
.form-label {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* ========================================
   BODY TEXT
======================================== */

/* Todo el texto del body usa Gotham Book (400) */
body,
p,
li,
td,
.text,
.description {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-normal);
}

/* ========================================
   SPECIAL ELEMENTS
======================================== */

/* Breadcrumbs */
.breadcrumb,
.woocommerce-breadcrumb {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-normal);
}

/* Precios */
.price,
.amount,
.woocommerce-Price-amount {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
}

/* Rating stars */
.star-rating,
.rating {
    font-family: var(--font-primary);
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
======================================== */

@media (max-width: 768px) {
    /* En móvil, reducir tamaño de Chatoyer si es muy grande */
    h1 {
        font-size: var(--font-size-2xl);
    }
    
    h2 {
        font-size: var(--font-size-xl);
    }
}