/* ==========================================================================
   Custom Styles - OperationsHERO
   Scoped to non-Figma content (events page, nav, footer)
   Figma body content is fully styled by figma-ssr.css
   ========================================================================== */

/* ==========================================================================
   Figma SSR Fix: white-space: pre / pre-wrap in figma-ssr.css causes
   source indentation to render as visible whitespace. The Figma runtime
   would have handled this, but in static HTML we need normal wrapping.
   ========================================================================== */
#container .textContents,
#container .textContents * {
  white-space: normal !important;
}

/* Hide Figma runtime-rendered nav/footer inside #container */
#container > div > header,
#container > div > footer {
  display: none !important;
}

/* ==========================================================================
   Section Backgrounds (used by Tailwind pages)
   ========================================================================== */

.bg-section-blue {
  background-color: rgba(124, 175, 211, 0.12);
}

.bg-card-blue {
  background-color: rgba(106, 167, 211, 0.2);
}

.bg-warning {
  background-color: rgba(255, 199, 0, 0.05);
}

.border-warning {
  border: 2px solid rgba(255, 199, 0, 0.7);
}

/* Arrow links */
.link-arrow {
  font-weight: 500;
  font-size: 18px;
  color: #1b89d9;
}

.link-arrow:hover {
  text-decoration: underline;
}

/* AI Prompt text */
.ai-prompt {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.45;
  color: #12294b;
}

/* Override browser autofill styles on form inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #12294b !important;
  transition: background-color 5000s ease-in-out 0s;
}