/* ==========================================================================
   Theme tweaks — layered on top of the site's existing compiled CSS.
   Purpose: shift the visual "feel" of the site (typography, motion, shape)
   without touching the color palette. Loaded last so these rules win the
   cascade; !important is used where the original CSS custom property or
   rule is defined inline / with equal-or-higher specificity.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');

/* Hide the Industries menu group throughout the site without affecting its pages. */
section.Header_accordion__IfA_V:has([aria-controls="header-accordion-industries"]) {
  display: none !important;
}

section.Header_accordion__IfA_V:has([aria-controls="header-accordion-engagement-models"]) {
  display: none !important;
}

section.Header_accordion__IfA_V:has([aria-controls="header-accordion-our-products"]) {
  display: none !important;
}

/* Remove the header's score counter and Find us on social-link block. */
.Header_scores__9u9hn,
.Header_socials__r88ET {
  display: none !important;
}

/* Remove the NPS image card and the testimonial panel from Solutions only. */
.Header_nps__k9_Ep,
#header-accordion-solutions .Header_testimonials__h_1SX {
  display: none !important;
}

/* Keep the Our Products menu label, but remove its product-card listing.
   Individual product-detail pages remain unchanged. */
#header-accordion-our-products .Header_product_list__jA1HI {
  display: none !important;
}

/* Hide the "Table Of Content" sidebar widget on every page that has one. */
.TOC_toc__6CCjD {
  display: none !important;
}

/* ---- Typography: swap the font pairing (Inter/Nunito -> Sora/Manrope) --
   The site already threads --title-family / --body-family custom
   properties down to every component via var(--title-family)/var(--body-family).
   Overriding them once on <body> (where the site sets them inline) restyles
   the whole site. Original fonts stay in the fallback chain so nothing breaks
   if the Google Fonts request is blocked. */
body {
  --title-family: 'Sora', '__Inter_7748ca', '__Inter_Fallback_7748ca', system-ui, arial !important;
  --body-family: 'Manrope', '__Nunito_bb8964', '__Nunito_Fallback_bb8964', system-ui, arial !important;
  font-family: 'Manrope', '__Nunito_bb8964', '__Nunito_Fallback_bb8964', system-ui, arial !important;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.01em;
}

/* ---- Shared CTA buttons (.button / .button_cta / .button_ghost /
   .button_outline are global, non-component-scoped classes used for every
   call-to-action site-wide) — pill shape + a soft lift on hover instead of
   the flat, instant color swap. Colors untouched. */
.button,
.button_cta,
.button_ghost,
.button_outline {
  border-radius: 999px !important;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease !important;
}

.button:hover,
.button_cta:hover,
.button_ghost:hover,
.button_outline:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
}

.button:active,
.button_cta:active,
.button_ghost:active,
.button_outline:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ---- General motion polish: smooth, not instant, without introducing
   any new colors. ---- */
html {
  scroll-behavior: smooth;
}

a {
  transition: color .2s ease, background-color .2s ease, opacity .2s ease;
}

::selection {
  background: var(--text-primary, #0a76db);
  color: #fff;
}