/* Global button shape: pill (fully rounded) edges, hard 2px color outline,
   fill = the button color at 75% opacity (25% transparent).
   Loaded after main.css so these win; page stylesheets load after this file. */

/* --- white / ghost buttons --- */
.btn-ghost,
.hero-actions a.btn-ghost,
.hero-actions .btn-ghost {
  border-radius: 999px !important;
  border: 2px solid #ffffff !important;
  background: rgba(255, 255, 255, 0.75) !important;
  color: #081a33 !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22) !important;
}

.btn-ghost:hover,
.hero-actions a.btn-ghost:hover,
.hero-actions .btn-ghost:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #081a33 !important;
}

/* --- blue buttons (navbar CTA, watch, view solutions) --- */
.nav-cta,
.nav-cta.nav-cta-mobile,
.btn-watch,
.hero-actions .btn-watch,
.hero-actions a.btn-watch,
.btn-search-solution {
  border-radius: 999px !important;
  border: 2px solid #2575d0 !important;
  background: rgba(37, 117, 208, 0.75) !important;
  color: #ffffff !important;
}

.nav-cta:hover,
.nav-cta.nav-cta-mobile:hover,
.btn-watch:hover,
.hero-actions .btn-watch:hover,
.hero-actions a.btn-watch:hover,
.btn-search-solution:hover {
  background: #2575d0 !important;
  border-color: #2575d0 !important;
  color: #ffffff !important;
}

/* --- gold buttons (all former orange CTAs: primary, form submit, brochure
   download, navbar search) now match the solution page Download Catalogue
   CTA: solid gold gradient, deep-gold outline, navy text --- */
.btn-primary,
.hero-actions a.btn-primary,
.hero-actions .btn-primary,
.form-submit,
.brochures-download-btn,
.nav-search-btn {
  border-radius: 999px !important;
  border: 2px solid #a98624 !important;
  background: linear-gradient(180deg, #ebcc77 0%, #e0be58 30%, #c9a834 62%, #bb952c 100%) !important;
  color: #081a33 !important;
  box-shadow: 0 8px 30px rgba(187, 149, 44, 0.4) !important;
}

.btn-primary:hover,
.hero-actions a.btn-primary:hover,
.hero-actions .btn-primary:hover,
.form-submit:hover,
.brochures-download-btn:hover,
.nav-search-btn:hover {
  background: linear-gradient(180deg, #f4d98c 0%, #e8c968 30%, #d4b23e 62%, #c7a133 100%) !important;
  border-color: #b8912a !important;
  color: #081a33 !important;
}

/* --- gold (solution page Download Catalogue CTA): solid gold gradient sampled
   from the reference button, deep-gold outline, navy text --- */
#download-catalogue-btn.solution-catalogue-btn {
  border-radius: 999px !important;
  border: 2px solid #a98624 !important;
  background: linear-gradient(180deg, #ebcc77 0%, #e0be58 30%, #c9a834 62%, #bb952c 100%) !important;
  color: #081a33 !important;
  box-shadow: 0 8px 30px rgba(187, 149, 44, 0.4) !important;
}

#download-catalogue-btn.solution-catalogue-btn:hover {
  background: linear-gradient(180deg, #f4d98c 0%, #e8c968 30%, #d4b23e 62%, #c7a133 100%) !important;
  border-color: #b8912a !important;
  color: #081a33 !important;
}