:root {
   --ial-primary: #BE1E2D;
   --ial-primary-hover: #750f19;
   --ial-secondary: #808285;
   --ial-exploration: #FFCD04;
}

.btn-primary {
   background-color: var(--ial-primary) !important;
   border-color: var(--ial-primary) !important;
   color: #ffffff !important;
}

.btn-primary:hover {
   background-color: var(--ial-primary-hover) !important;
   border-color: var(--ial-primary-hover) !important;
   color: #ffffff !important;
}

.btn-outline-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-border-color: var(--ial-primary) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--ial-primary-hover) !important;
    --bs-btn-hover-border-color: var(--ial-primary-hover) !important;
}

.btn.btn-secondary {
   background-color: var(--ial-secondary) !important;
   border-color: var(--ial-secondary) !important;
   color: #ffffff !important;
}


a[data-theme-key="submit-signup-button"].btn {
   background-color: var(--ial-exploration) !important;
   border-color: var(--ial-exploration) !important;
   color: #000 !important;
}

.nav-item.active {
   border-color: var(--ial-primary) !important;
}

*[data-theme-key="navbar"] {
   background-color: #000000 !important;
}

*[data-theme-key="navbar-branding"] {
   height: 200px !important;
}

*[data-theme-key="navbar-image"] {
   height: 200px !important;
}

/* logo on the page after payment is completed */
*[data-theme-key="invoice:name=[header-logo];type=[credit-card];source=[wizard];grouping=[image];"] {
  height: 20rem;
}

/* Hide the entire hidden-category section */
div[data-theme-key^="grouping;name=[hidden-category]"] {
  display: none !important;
}

/* target the primary button that comes after the search input */
input[id^="submissions-search-input"] ~ button.btn-primary {
  background-color: var(--ial-exploration) !important;
  border-color: var(--ial-exploration) !important;
  color: #000 !important;
}

*[data-theme-key^="invoice:name=[header-logo]"] {
  max-height: 20rem !important;

}

/* Disabled state (while counting down) */
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  --bs-btn-color: #ffffff;          /* force Bootstrap to use white text */
  --bs-btn-disabled-color: #ffffff; 
  color: #ffffff !important;        /* text solid white */
  border-color: #460000 !important; /* dark red border */
  opacity: 1 !important;            /* remove Bootstrap fade */
  background-color: transparent !important;
}

/* Ensure all nested spans (including countdown) are white */
.btn-outline-primary:disabled span,
.btn-outline-primary.disabled span {
  color: #ffffff !important;
}

/* Enabled state (after countdown) */
.btn-outline-primary {
  --bs-btn-color: #ffffff;
  color: var(--ial-primary) !important;
  border-color: var(--ial-primary)!important;
  background-color: transparent !important;
}

/* Hover / focus */
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--ial-primary) !important;
  border-color: var(--ial-primary) !important;
  color: #ffffff !important;
}

/* Improve Stripe payment card */
div[data-theme-key*="payment-wizard"][data-theme-key*="cc-info"] > fieldset {
  border-radius: 12px !important;
  padding: 12px !important;
}


/* Replace the invoice header logo */
*:has(> img[data-theme-key*="header-logo"]) {
  position: relative;
  display: inline-block;
}
*:has(> img[data-theme-key*="header-logo"]) > img[data-theme-key*="header-logo"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
*:has(> img[data-theme-key*="header-logo"])::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://prodawardsstorage.azureedge.net/ial-public/The_Advancement_List_Logos-02__2_.png") center/contain no-repeat;
  pointer-events: none;
}