/* Shared NSFVA Decision Tools page layout.
   Mirrors the Event Profitability Analyzer header treatment while leaving each tool's calculator UI intact. */
:root{
  --nsfva-tool-blue:#00217F;
  --nsfva-tool-gold:#FFC000;
  --nsfva-tool-page:#F7F8FB;
  --nsfva-tool-sub:#D9E0F4;
}

html{background:var(--nsfva-tool-page)}
body.nsfva-tool-page{background:var(--nsfva-tool-page)!important}

.nsfva-tool-hero{
  max-width:1300px;
  margin:0 auto 34px;
  background:var(--nsfva-tool-blue);
  color:#fff;
  padding:42px 24px 38px;
  font-family:Arial,Helvetica,sans-serif;
}
.nsfva-tool-hero__kicker{
  margin:0 0 22px;
  color:var(--nsfva-tool-gold);
  font-size:16px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.nsfva-tool-hero__title{
  margin:0 0 20px;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:42px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:0!important;
  max-width:none!important;
}
.nsfva-tool-hero__sub{
  margin:0;
  max-width:1160px;
  color:var(--nsfva-tool-sub)!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.45;
  font-weight:400;
}
.nsfva-tool-hero__sub strong{color:#fff}

/* Food Cost is a compiled app. Keep its working toolbar but replace its old top bar/title with the shared shell. */
body.food-cost-page .topbar{display:none!important}
body.food-cost-page .workspace{margin-top:0!important}
body.food-cost-page .intro{justify-content:flex-end!important;align-items:center!important;margin-bottom:18px!important}
body.food-cost-page .intro>div:first-child{display:none!important}
body.food-cost-page #root main>footer{display:none!important}
body.food-cost-page .nsfva-food-cost-footer{display:block}

@media(max-width:800px){
  .nsfva-tool-hero{
    max-width:none;
    margin-bottom:22px;
    padding:26px 16px;
  }
  .nsfva-tool-hero__kicker{margin-bottom:12px;font-size:14px}
  .nsfva-tool-hero__title{font-size:34px!important;margin-bottom:14px}
  .nsfva-tool-hero__sub{font-size:15px}
  body.food-cost-page .intro{justify-content:flex-start!important}
  body.food-cost-page .toolbar{width:100%}
}

@media print{
  body.nsfva-tool-page{background:#fff!important}
  .nsfva-tool-hero{display:none!important}
  .nsfva-food-cost-footer{display:none!important}
}

/* Keep the first calculator panel the same distance below the hero as the Event Analyzer. */
body.break-even-page main.wrap{padding-top:0!important}
body.catering-page>.wrap{padding-top:0!important}
body.before-you-buy-page .app-shell{padding-top:0!important}


/* Force the public calculator pages to the NSFVA light palette even when the visitor's
   operating system/browser prefers dark mode. Catering originally contained an automatic
   dark-theme media query, so these body-level variables intentionally override it. */
body.catering-page{
  --brand-red:#E31B23!important;
  --brand-blue:#0B3D91!important;
  --brand-gold:#FFC72C!important;
  --bg:#F7F8FB!important;
  --surface:#FFFFFF!important;
  --surface-2:#EEF2F8!important;
  --text:#172033!important;
  --text-muted:#5D687C!important;
  --border:#D7DEEA!important;
  --accent:#0B3D91!important;
  --accent-ink:#FFFFFF!important;
  --accent-soft:#E7EEFB!important;
  --highlight:#FFC72C!important;
  --highlight-soft:#FFF8DF!important;
  --danger:#E31B23!important;
  --focus:#0B3D91!important;
  --shadow:0 1px 2px rgba(11,61,145,.06),0 8px 24px rgba(23,32,51,.07)!important;
  background:#F7F8FB!important;
  color:#172033!important;
}
body.catering-page .card{background:#FFFFFF!important;border-color:#D7DEEA!important}
body.catering-page input[type="number"],
body.catering-page input[type="email"],
body.catering-page input[type="text"],
body.catering-page select,
body.catering-page textarea{background:#EEF2F8!important;color:#172033!important;border-color:#D7DEEA!important}
body.catering-page .per-head-card{background:linear-gradient(155deg,#E7EEFB,#FFFFFF)!important}
body.catering-page .per-head-card .amount{color:#0B3D91!important}
body.catering-page .source-note,
body.catering-page .subhead,
body.catering-page .line span:first-child,
body.catering-page .results h2,
body.catering-page .section h2{color:#5D687C!important}