/**
 * Fusapp Brand Colors Override
 * Replaces theme-thirteen green (#0F8465) with Fusapp blue (#26bdef)
 */

:root {
  /* PRIMARY: Replace green #0F8465 with blue #26bdef */
  --color-primary: #26bdef !important;
  --bs-primary-rgb: 38, 189, 239 !important;
  --color-primary-: #26bdef !important;
  --bs-primary--rgb: 38, 189, 239 !important;

  /* Primary shades - blue tones */
  --color-primary-10: #f5fcfe !important;
  --bs-primary-10-rgb: 245, 252, 254 !important;
  --color-primary-25: #eef9fd !important;
  --bs-primary-25-rgb: 238, 249, 253 !important;
  --color-primary-50: #def4fc !important;
  --bs-primary-50-rgb: 222, 244, 252 !important;
  --color-primary-100: #bde9f8 !important;
  --bs-primary-100-rgb: 189, 233, 248 !important;
  --color-primary-200: #8cd9f4 !important;
  --bs-primary-200-rgb: 140, 217, 244 !important;
  --color-primary-300: #5bcaef !important;
  --bs-primary-300-rgb: 91, 202, 239 !important;
  --color-primary-400: #40c3ed !important;
  --bs-primary-400-rgb: 64, 195, 237 !important;
  --color-primary-500: #26bdef !important;
  --bs-primary-500-rgb: 38, 189, 239 !important;
  --color-primary-600: #1a9bc7 !important;
  --bs-primary-600-rgb: 26, 155, 199 !important;
  --color-primary-700: #0f7cc1 !important;
  --bs-primary-700-rgb: 15, 124, 193 !important;
  --color-primary-800: #0a5a8c !important;
  --bs-primary-800-rgb: 10, 90, 140 !important;
  --color-primary-900: #053957 !important;
  --bs-primary-900-rgb: 5, 57, 87 !important;
  --color-primary-950: #021c2b !important;
  --bs-primary-950-rgb: 2, 28, 43 !important;

  /* TERTIARY: Replace green tint #D2EDDB with blue tint */
  --color-tertiary: #d2edf7 !important;
  --bs-tertiary-rgb: 210, 237, 247 !important;
  --color-tertiary-: #d2edf7 !important;
  --bs-tertiary--rgb: 210, 237, 247 !important;
  --color-tertiary-50: #f0f9fc !important;
  --bs-tertiary-50-rgb: 240, 249, 252 !important;
  --color-tertiary-100: #e1f3fa !important;
  --bs-tertiary-100-rgb: 225, 243, 250 !important;
  --color-tertiary-200: #d2edf7 !important;
  --bs-tertiary-200-rgb: 210, 237, 247 !important;
  --color-tertiary-300: #b4e0f2 !important;
  --bs-tertiary-300-rgb: 180, 224, 242 !important;
  --color-tertiary-400: #96d3ed !important;
  --bs-tertiary-400-rgb: 150, 211, 237 !important;
  --color-tertiary-500: #78c6e8 !important;
  --bs-tertiary-500-rgb: 120, 198, 232 !important;
  --color-tertiary-600: #5ab9e3 !important;
  --bs-tertiary-600-rgb: 90, 185, 227 !important;
  --color-tertiary-700: #3cacde !important;
  --bs-tertiary-700-rgb: 60, 172, 222 !important;
  --color-tertiary-800: #1e9fd9 !important;
  --bs-tertiary-800-rgb: 30, 159, 217 !important;

  /* QUATERNARY: Replace yellow-green #e3ffb9 with light blue */
  --color-quaternary: #e3f7ff !important;
  --bs-quaternary-rgb: 227, 247, 255 !important;
  --color-quaternary-: #e3f7ff !important;
  --bs-quaternary--rgb: 227, 247, 255 !important;
}

/* Gradient fixes */
.from-primary {
  --uc-gradient-from: #26bdef !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to) !important;
}

.to-tertiary {
  --uc-gradient-to: #d2edf7 !important;
}

.from-tertiary {
  --uc-gradient-from: #d2edf7 !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to) !important;
}

.to-quaternary {
  --uc-gradient-to: #e3f7ff !important;
}

.from-quaternary {
  --uc-gradient-from: #e3f7ff !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to) !important;
}

:where(.uc-dark) .dark\:from-primary-700 {
  --uc-gradient-from: #0f7cc1 !important;
}

:where(.uc-dark) .dark\:to-tertiary {
  --uc-gradient-to: #d2edf7 !important;
}

/* Button color overrides (main.purge.css uses different primary) */
:root {
  --colors-button-primary: #0f7cc1 !important;
  --colors-button-primary-hover: #0a5a8c !important;
  --colors-button-primary-rgb: 15, 124, 193 !important;
}

/* Direct button class overrides */
.btn-primary {
  --bs-btn-bg: #0f7cc1 !important;
  --bs-btn-border-color: #0f7cc1 !important;
  --bs-btn-hover-bg: #0a5a8c !important;
  --bs-btn-hover-border-color: #0a5a8c !important;
  --bs-btn-active-bg: #0a5a8c !important;
  --bs-btn-active-border-color: #0a5a8c !important;
  background-color: #0f7cc1 !important;
  border-color: #0f7cc1 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0a5a8c !important;
  border-color: #0a5a8c !important;
}

/* Outline button */
.btn-outline-primary {
  --bs-btn-color: #0f7cc1 !important;
  --bs-btn-border-color: #0f7cc1 !important;
  --bs-btn-hover-bg: #0f7cc1 !important;
  --bs-btn-hover-border-color: #0f7cc1 !important;
  --bs-btn-active-bg: #0a5a8c !important;
  color: #0f7cc1 !important;
  border-color: #0f7cc1 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #0f7cc1 !important;
  border-color: #0f7cc1 !important;
  color: #fff !important;
}

/* Text primary color */
.text-primary {
  color: #26bdef !important;
}

/* Background primary */
.bg-primary {
  background-color: #26bdef !important;
}

/* Border primary */
.border-primary {
  border-color: #26bdef !important;
}

/* Link colors */
a.text-primary:hover {
  color: #0f7cc1 !important;
}

/* Products Section - Equal height cards */
#products .features-item {
  height: 100%;
}

#products .features-item .desc {
  min-height: 4.5em; /* ~3 lines */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#products .features-item .title {
  min-height: 1.5em;
}