/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html {
  font-size: 100%; /* 16px base, industry standard */
}

body {
  --text-size-80: clamp(0.694rem, 1.5vw, 0.75rem); /* ~11-12px */
  --text-size-90: clamp(0.833rem, 1.7vw, 0.875rem); /* ~13-14px */
  --text-size-100: clamp(0.875rem, 1.8vw, 1rem); /* ~14-16px */
  --text-size-200: clamp(1.166rem, 2.2vw, 1.333rem); /* ~19-21px */
  --text-size-300: clamp(1.555rem, 2.8vw, 1.777rem); /* ~25-28px */
  --text-size-400: clamp(2.073rem, 3.5vw, 2.369rem); /* ~33-38px */
  --text-size-500: clamp(2.463rem, 4.5vw, 3.157rem); /* ~44-51px */
  --text-size-600: clamp(2.883rem, 5.3vw, 4.009rem); /* ~59-67px */
  --text-size-700: clamp(4.008rem, 7vw, 6.310rem); /* ~79-101px */
  font-family: 'Geist', sans-serif;
  font-weight: 400; /* Standard for body */
  line-height: 1.5; /* Unitless for flexibility */
  color: #222222;
  background: #FFFFFF;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 600; /* Bolder for headings */
  line-height: 1.2; /* Tighter for headings */
  letter-spacing: -0.02em;
}

p {
  line-height: 1.5;
}

small {
  font-size: var(--text-size-80);
}

h6, .h6 { font-size: var(--text-size-200); }
h5, .h5 { font-size: var(--text-size-300); }
h4, .h4 { font-size: var(--text-size-400); }
h3, .h3 { font-size: var(--text-size-500); }
h2, .h2 { font-size: var(--text-size-600); }
h1, .h1 { font-size: var(--text-size-700); }

.text-size-80 { font-size: var(--text-size-80); }
.text-size-90 { font-size: var(--text-size-90); }
.text-size-100 { font-size: var(--text-size-100); }
.text-size-200 { font-size: var(--text-size-200); }
.text-size-300 { font-size: var(--text-size-300); }
.text-size-400 { font-size: var(--text-size-400); }
.text-size-500 { font-size: var(--text-size-500); }
.text-size-600 { font-size: var(--text-size-600); }
.text-size-700 { font-size: var(--text-size-700); }

.menu-item .icon-right button, .cky-footer-wrapper > div:last-child { display: none!important; }