/* =========================================================
   Badger Garage Doors — Fresh Visual Pass
   Refines color, type, and rhythm site-wide via Kadence's
   own CSS custom properties — no content or structure touched.
   ========================================================= */

:root{
  /* Deeper, more saturated green — same brand hue, more premium feel */
  --global-palette1: #0e8a4d;
  --global-palette2: #0a6b3b;
  /* Slightly warmer near-black for body/heading text, softer than pure grey */
  --global-palette3: #201f1d;
  --global-palette4: #322f2c;
  --global-palette5: #4a4642;
  /* Warm off-white section backgrounds instead of cool grey */
  --global-palette7: #eef1ec;
  --global-palette8: #f6f5f1;

  /* One warm accent, used sparingly for CTA emphasis */
  --bg-accent: #f5741f;
  --bg-accent-dark: #d1600f;
}

/* ---------- Typography: drop the uppercase/spaced-out nav & button look ---------- */
.main-navigation ul li a,
.wp-block-button__link,
.kt-button,
a.kt-button,
.kadence-blocks-btn-link{
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600;
}

.entry-content h1,
.entry-content h2,
.entry-content h3{
  letter-spacing: -0.01em;
}

/* ---------- Header: crisper on scroll ---------- */
body.bg-scrolled .site-header{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}

/* ---------- Buttons: warm accent for primary CTAs, confident radius ---------- */
.wp-block-button__link,
.kt-button,
a.kt-button{
  border-radius: 10px;
}

.wp-block-button.is-style-fill .wp-block-button__link,
.kt-button.kt-btn-style-filled{
  background: var(--bg-accent);
}
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.kt-button.kt-btn-style-filled:hover{
  background: var(--bg-accent-dark);
}

/* ---------- Section rhythm: alternate warm neutral bands ---------- */
.entry-content > .wp-block-kadence-rowlayout.alignfull:nth-of-type(even){
  background-color: var(--global-palette8);
}

/* ---------- Soft diagonal divider between hero and next section ---------- */
.entry-content > .wp-block-kadence-rowlayout.alignfull:first-of-type{
  position: relative;
  z-index: 1;
}
.entry-content > .wp-block-kadence-rowlayout.alignfull:first-of-type::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 48px;
  background: var(--global-palette9, #fff);
  clip-path: polygon(0 100%, 100% 40%, 100% 100%);
  pointer-events: none;
}

/* ---------- Slightly larger, tighter hero type for more presence ---------- */
.entry-content .kt-adv-heading77_4b1747-6a{
  max-width: 44ch;
}