/*

Theme Name: Sholl & Co.
Theme URI: https://theme.co/pro/
Author: Sam Watkins | Marketing Nerd Agency
Author URI: https://marketingnerd.agency/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* ==========================================================================
   Global Typography Scale
   X PRO/Cornerstone auto-generates a unique, high-specificity font-size
   rule per text element (e.g. .m1t-16.x-text .x-text-content-text-primary),
   regenerated on every builder save. !important is required so this scale
   wins consistently across all pages/elements, including future edits.
   ========================================================================== */

/* Headings — Design Cloud already sets font-family/weight/letter-spacing
   globally; this only standardizes size. All levels share the class
   `x-text-content-text-primary`, so it must be paired with the tag. */
h1.x-text-content-text-primary { font-size: clamp(3rem, 1.65rem + 4.5vw, 5.25rem) !important; }
h2.x-text-content-text-primary { font-size: clamp(2.75rem, 2.15rem + 2vw, 3.75rem) !important; }
h3.x-text-content-text-primary { font-size: clamp(2rem, 1.4rem + 2vw, 3rem) !important; }
h4.x-text-content-text-primary { font-size: clamp(1.5rem, 0.9rem + 2vw, 2.5rem) !important; }
h5.x-text-content-text-primary { font-size: clamp(1.25rem, 0.8rem + 1.5vw, 2rem) !important; }
h6.x-text-content-text-primary { font-size: clamp(1.125rem, 0.825rem + 1vw, 1.625rem) !important; }

/* Safety net: headings typed directly into rich-text content (outside the
   dedicated Headline element) won't carry x-text-content-text-primary.
   Lower specificity — the rules above still win wherever both apply. */
h1, h2, h3, h4, h5, h6 { font-size: inherit; }
h1 { font-size: clamp(3rem, 1.65rem + 4.5vw, 5.25rem) !important; }
h2 { font-size: clamp(2.75rem, 2.15rem + 2vw, 3.75rem) !important; }
h3 { font-size: clamp(2rem, 1.4rem + 2vw, 3rem) !important; }
h4 { font-size: clamp(1.5rem, 0.9rem + 2vw, 2.5rem) !important; }
h5 { font-size: clamp(1.25rem, 0.8rem + 1.5vw, 2rem) !important; }
h6 { font-size: clamp(1.125rem, 0.825rem + 1vw, 1.625rem) !important; }

/* Body-copy scale — hooks into the text-* CSS classes already applied to
   Text elements in the builder (text-small/text-regular/text-medium are
   already in use on the site; text-large/text-tiny follow the same pattern). */
.text-large   { font-size: clamp(1.125rem, 0.825rem + 1vw, 1.625rem) !important; }
.text-medium  { font-size: clamp(1rem, 0.85rem + 0.5vw, 1.25rem) !important; }
.text-regular { font-size: clamp(0.875rem, 0.725rem + 0.5vw, 1.125rem) !important; }
.text-small   { font-size: clamp(0.75rem, 0.6rem + 0.5vw, 1rem) !important; }
.text-tiny    { font-size: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem) !important; }