/* =======================================================
   HIMSS Brand Fonts — Prometo (Headings) & Soleto (Body)
   Official Typekit references for proof of use attempt.
   These Adobe-hosted fonts are domain-locked to HIMSS.org.
   Expect CORS / 403 errors on EventsAir — kept here for documentation.
   ======================================================= */

/* Import HIMSS Typekit kit (blocked outside himss.org) */
@import url("https://p.typekit.net/p.css?s=1&k=cxk2txu&ht=tk&f=23725.23726.23746.23748.23751&a=24129811&app=typekit&e=css");

/* Prometo – HIMSS headlines */
@font-face {
  font-family: "prometo";
  src: url("https://use.typekit.net/af/c4af2b/00000000000000007735a47a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Soleto – HIMSS body copy */
@font-face {
  font-family: "soleto";
  src: url("https://use.typekit.net/af/0b3ef7/00000000000000007735fdcc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =======================================================
   Test assignment (no fallback)
   When fonts fail to load, text will fall back to Times/serif.
   ======================================================= */
:root {
  --font-header: "prometo";
  --font-body: "soleto";
}

body, p, li, a, button, input, textarea {
  font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6, .gradient-title {
  font-family: var(--font-header) !important;
}

/* =======================================================
   Optional console test helper (copy into browser console)
   -------------------------------------------------------
   document.querySelectorAll('body, h1, h2, h3, p, a').forEach(el=>{
     console.log(el.tagName, window.getComputedStyle(el).fontFamily);
   });
   ======================================================= */


/* =======================================================
   HIMSS Gradient Buttons — EA Logic + Visual Perfection
   Applies to: Back | Next | Edit | Submit | Return to Summary
   ======================================================= */

/* --- Base Visual Styling (no layout overrides) --- */
button.page-backward.theme-btn-primary,
button.page-forward.theme-btn-primary,
button.form-submit.theme-btn-primary,
button.page-summary.theme-btn-primary,
a.theme-btn-primary[href*="anchor_"] {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  border: none !important;
  border-radius: 1.5rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 0.55rem 1.75rem !important; /* Slimmer height */
  box-shadow: 0 1px 2px #1018280d !important;
  text-decoration: none !important;
  transition: none !important;
  cursor: pointer !important;
}

/* --- Hover / Focus --- */
button.page-backward.theme-btn-primary:hover,
button.page-forward.theme-btn-primary:hover,
button.form-submit.theme-btn-primary:hover,
button.page-summary.theme-btn-primary:hover,
a.theme-btn-primary[href*="anchor_"]:hover,
button.page-backward.theme-btn-primary:focus,
button.page-forward.theme-btn-primary:focus,
button.form-submit.theme-btn-primary:focus,
button.page-summary.theme-btn-primary:focus,
a.theme-btn-primary[href*="anchor_"]:focus {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px #1018280d !important;
  transform: none !important;
}

/* --- Logic: hide where appropriate (EA-safe) --- */

/* Hide BACK on first page */
body.page-1 button.page-backward.theme-btn-primary {
  display: none !important;
}

/* Hide Return to Summary by default (EA will reveal when needed) */
button.page-summary.theme-btn-primary {
  display: none !important;
}

/* =======================================================
   Responsive polish (visual only, no logic or float changes)
   ======================================================= */
@media (max-width: 420px) {
  button.page-backward.theme-btn-primary,
  button.page-forward.theme-btn-primary,
  button.form-submit.theme-btn-primary,
  button.page-summary.theme-btn-primary,
  a.theme-btn-primary[href*="anchor_"] {
    width: auto !important;
    max-width: 95% !important;
    padding: 0.5rem 1.1rem !important;
  }
}

#questionSection > form > div.blue-panel > div:nth-child(5),
#questionSection > form > div.blue-panel > hr:nth-child(6) {
  display: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: white;
}

body {
  height: 100vh;
  margin: 0;
  background: linear-gradient(90deg, #21145f 20%, #1e22aa 100%);
  color: #333;
  padding: 20px;
}

div.main-form {
  background-color: #fcfcfc;
  max-width: 1000px;
}

.secondary-nav {
  background-color: #1e22aa;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.secondary-nav a {
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 5px;
  margin: 5px;
  transition: background-color 0.3s, color 0.3s;
}

.secondary-nav a:hover {
  background-color: #21145f;
  color: #f4f4f4;
  text-decoration: none;
}

.container {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

p {
  line-height: 1.6;
  margin-bottom: 15px;
}

ul, ol {
  padding-left: 20px;
  margin-bottom: 15px;
  color: #333;
}

ul li, ol li {
  margin-bottom: 5px;
}

ul li {
  list-style-type: disc;
}

ol li {
  list-style-type: decimal;
}

ul li::marker, ol li::marker {
  color: #1e22aa;
  font-weight: bold;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

th, td {
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc;
}

th {
  background-color: #1e22aa;
  color: white;
}

@media (max-width: 600px) {
  .navbar {
    text-align: center;
  }
  .navbar a:hover {
    text-decoration: underline;
  }
}

/* Hide the sign off button immediately */
.navbar-nav a[href="#"][onclick*="logoff-form"] {
  display: none !important;
}

/* =======================================================
   HIMSS Gradient Buttons — Correct Logic + Slim Design
   Back | Next | Edit | Submit | Return to Summary
   ======================================================= */

button.page-backward.theme-btn-primary,
button.page-forward.theme-btn-primary,
button.form-submit.theme-btn-primary,
a.theme-btn-primary,
button.page-summary.theme-btn-primary {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  border: none !important;
  border-radius: 1.5rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 0.55rem 1.75rem !important;
  box-shadow: 0 1px 2px #1018280d !important;
  text-decoration: none !important;
  transition: none !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Keep same look when hovered or focused */
button.page-backward.theme-btn-primary:hover,
button.page-forward.theme-btn-primary:hover,
button.form-submit.theme-btn-primary:hover,
a.theme-btn-primary:hover,
button.page-summary.theme-btn-primary:hover,
button.page-backward.theme-btn-primary:focus,
button.page-forward.theme-btn-primary:focus,
button.form-submit.theme-btn-primary:focus,
a.theme-btn-primary:focus,
button.page-summary.theme-btn-primary:focus {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px #1018280d !important;
  transform: none !important;
}

/* =======================================================
   Behavior Fixes
   ======================================================= */

body.page-1 button.page-backward.theme-btn-primary {
  display: none !important;
}

button.page-summary.theme-btn-primary {
  display: none;
}