:root {
  /* Typography & surfaces */
  --heading-color: rgba(0, 67, 122, 0.95);         /* deep navy */
  --body-background-color: #CBD9EB;                /* light app gray */

  /* Brand primaries (used as rgb(...) elsewhere) */
  --primary-color-rgb: #2E7BDA;                  /* #00A3E0 (SpoofCard cyan) */
  --primary-color-hover-rgb: 0 67 122;             /* #00437A (SpoofCard navy) */
  --dark-color-rgb: 34 41 57;                      /* neutral dark for text/icons */
  --danger-color: #C31415;
  --danger-color-hover: #C31415;
  --bs-success-rgb: 61, 203, 85;

  /* Cards */
  --card-background-color: #ffffff;                 /* light cards */
  --card-color: rgba(17, 24, 39, 0.85);             /* readable dark text */
  --row-color-hover: var(--card-color);
  --card-title-color: #125CC6;                      /* cyan titles */
  --card-emphasis-color: rgba(0, 67, 122, 0.95);    /* emphasized navy text */
  --card-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  --card-header-border-bottom: 0;
  --card-border-radius: 8px;

  /* Navigation / menu */
  --menu-item-link-background-color-hover: rgba(0, 163, 224, 0.08);          /* cyan tint */
  --menu-item-active-link-background-color: #ECF2FB;
  --menu-item-active-link-background-color-hover: #E2EBF8;
  --menu-item-active-color: #004AB0;
  --menu-item-bullet-color: #125CC6;
  --menu-item-background-color-hover: #F6F9FD;
  --menu-app-brand-name-content: '';
  --menu-app-brand-logo-url: url('https://app.spoofcard.com/static/media/logo_blue_transparent.e029a5eafee9a59155553df6994ee750.svg');

  /* Inputs & buttons */
  --button-primary-background-color: #3DCB55;
  --button-primary-background-color-hover: #3DCB55;
  


  /* Tables / rows */
  --row-background-color-hover: rgba(0, 163, 224, 0.08);
  --table-header-border-bottom: 1px solid #e5e7eb;   /* light divider */
}

.progress-bar {
    background-color: #3DCB55 !important;
}

div.progress-bar.bg-primary {
  background-image: linear-gradient(to right, #3DCB55, #3DCB55) !important;
  background-color: unset !important; /* optional: clears solid bg fallback */
  height: 16px;
}

.progress {
    height: 16px;
}


#customer_address_form_taxIdentifier_help {
    color: #125CC6 !important;
}

.alert-success {
  background-color: #EDF7ED !important;
  border-color: #d4f5c3 !important;
  color: #1E4620 !important;
}

.bx-package:before {
  content: "\ebed" !important; /* bx-rotate-right */
}


.bx-repeat:before {
  content: "\ebed" !important; /* bx-rotate-right */
}

.card-title {
  text-transform: capitalize;
}


/* Base box */
.form-check-input[type="checkbox"],
#customer_address_form_isBusiness.form-check-input {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #3DCB55 !important;
  background-color: #fff !important;
  background-image: none !important;      /* kill Bootstrap’s default */
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
}

/* Checked: green box + white check */
.form-check-input[type="checkbox"]:checked,
#customer_address_form_isBusiness.form-check-input:checked {
  background-color: #3DCB55 !important;
  border-color: #3DCB55 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8l3 3 5-6'/%3e%3c/svg%3e") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

/* Optional: nicer focus ring */
.form-check-input[type="checkbox"]:focus,
#customer_address_form_isBusiness.form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(61, 203, 85, 0.25) !important;
  border-color: #3DCB55 !important;
}



a[href="https://spoofcard.apidog.io/"] {
  display: inline-block;
  padding: 14px 28px;
  background-color: #00a3e0;
  color: #ffffff;
  font-weight: 600;
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: background-color 0.25s ease, transform 0.2s ease;
  animation: pulseGlow 2s infinite;
  text-align: center;
}

a[href="https://spoofcard.apidog.io/"]:hover {
  background-color: #2697e2;
  transform: translateY(-2px);
  color: #ffffff !important;
  text-decoration: none;
}