/**
 * SMNET Core 1.17.12 — Global H2 Typography Hierarchy
 * Keeps section/content H2 clearly subordinate to the canonical hero H1.
 */

:root {
  --smnet-global-h2: clamp(30px, 3.25vw, 40px);
}

/*
 * Front-end semantic H2 scale.
 * Product-loop titles are component labels and intentionally keep their own scale.
 */
body.smnet-core main h2:not(.woocommerce-loop-product__title),
body.smnet-core .smnet-footer-cta h2 {
  font-size: var(--smnet-global-h2) !important;
}

/* Search result titles are card titles, not page-section headings. */
body.smnet-core .smnet-search-result-content h2 {
  font-size: clamp(20px, 2vw, 25px) !important;
}

/* Compact UI/dialog headings keep their component hierarchy. */
body.smnet-core .smnet-search-dialog-head h2 {
  font-size: 20px !important;
}

/* Wide desktop follows the compact enterprise H1 used on the homepage. */
@media (min-width: 1181px) {
  :root {
    --smnet-global-h2: clamp(24px, 2.05vw, 32px);
  }
}

/* Mobile keeps a visible H1 → H2 step without making section titles too small. */
@media (max-width: 640px) {
  :root {
    --smnet-global-h2: clamp(26px, 7.2vw, 32px);
  }
}