/* ------------------------------------------------------------------
   cs-buttons-flat.css
   Sitewide button flattening: solid colours only.
   No gradients, shadows, hover lifts, icon nudges or transitions.
   Loaded last so it wins over the per-page <style> blocks; !important
   is required because those blocks come after this <link> in the DOM.
   Remove this one <link> from includes/header.php to restore the
   original button styling.
   ------------------------------------------------------------------ */

/* base: strip every effect from every button variant */
.cs .btn,
.cs a.btn,
.cs .btn-p, .cs a.btn-p,
.cs .btn-g, .cs a.btn-g,
.cs .btn-white, .cs-cta .btn-white,
.cs .btn-outline, .cs-cta .btn-outline,
.cs .os-btn,
.nv-solid, .nv-ghost, .nv-managed, .nv-mmanaged,
.hero-arrows button{
  background-image:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  text-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
}
/* no icon nudge on hover */
.cs .btn i, .cs .btn svg,
.cs .btn:hover i, .cs .btn:hover svg,
.cs .btn-p:hover i, .cs .btn-p:hover svg{
  transform:none !important;
  transition:none !important;
}
/* no decorative overlays */
.nv-managed::after, .nv-mmanaged::after{ content:none !important; }

/* --- primary --- */
.cs .btn-p, .cs a.btn-p, .nv-solid{
  background-color:#2563eb !important;
  border:1px solid #2563eb !important;
  color:#fff !important;
}
.cs .btn-p:hover, .cs a.btn-p:hover, .nv-solid:hover{
  background-color:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
  color:#fff !important;
}

/* --- secondary / ghost --- */
.cs .btn-g, .cs a.btn-g, .nv-ghost{
  background-color:#ffffff !important;
  border:1px solid #cbd5e1 !important;
  color:#0f1628 !important;
}
.cs .btn-g:hover, .cs a.btn-g:hover, .nv-ghost:hover{
  background-color:#eef2f7 !important;
  border-color:#94a3b8 !important;
  color:#0f1628 !important;
}

/* --- managed servers --- */
.nv-managed, .nv-mmanaged{
  background-color:#1e3a8a !important;
  border:0 !important;
  color:#fff !important;
}
.nv-managed:hover, .nv-mmanaged:hover{ background-color:#1e40af !important; color:#fff !important; }

/* --- buttons sitting on the dark CTA band --- */
.cs-cta .btn-white, .cs .btn-white{
  background-color:#ffffff !important;
  border:1px solid #ffffff !important;
  color:#173a8f !important;
}
.cs-cta .btn-white:hover, .cs .btn-white:hover{ background-color:#dbe4f7 !important; color:#173a8f !important; }
.cs-cta .btn-outline, .cs .btn-outline{
  background-color:transparent !important;
  border:1px solid #ffffff !important;
  color:#ffffff !important;
}
.cs-cta .btn-outline:hover, .cs .btn-outline:hover{
  background-color:#ffffff !important;
  color:#173a8f !important;
}

/* --- OS / segmented toggles --- */
.cs .os-btn{ background-color:transparent !important; border:0 !important; }
.cs .os-btn.active{ background-color:#2563eb !important; color:#fff !important; }

/* --- hero slider controls --- */
.hero-arrows button{ background-color:#ffffff !important; border:1px solid #cbd5e1 !important; color:#0f1628 !important; }
.hero-arrows button:hover{ background-color:#eef2f7 !important; border-color:#94a3b8 !important; color:#0f1628 !important; }
.hero-dots button{ transition:none !important; }

/* --- CTA bands invert the roles: primary is white, secondary is outlined.
       Higher specificity than the generic rules above, so it wins. --- */
.cs .cta .btn-p, .cs .cs-cta .btn-p, .cs .cta a.btn-p, .cs .cs-cta a.btn-p{
  background-color:#ffffff !important;
  border:1px solid #ffffff !important;
  color:#123072 !important;
}
.cs .cta .btn-p:hover, .cs .cs-cta .btn-p:hover, .cs .cta a.btn-p:hover, .cs .cs-cta a.btn-p:hover{
  background-color:#dbe4f7 !important;
  border-color:#dbe4f7 !important;
  color:#123072 !important;
}
.cs .cta .btn-g, .cs .cs-cta .btn-g, .cs .cta a.btn-g, .cs .cs-cta a.btn-g{
  background-color:transparent !important;
  border:1px solid #ffffff !important;
  color:#ffffff !important;
}
.cs .cta .btn-g:hover, .cs .cs-cta .btn-g:hover, .cs .cta a.btn-g:hover, .cs .cs-cta a.btn-g:hover{
  background-color:#ffffff !important;
  border-color:#ffffff !important;
  color:#123072 !important;
}