/* ------------------------------------------------------------------
   Custom overrides for the new (static) debat.nl site.

   This file is copied into assets/ and linked LAST in <head> by
   mirror.py, so every rule here wins over the original theme/plugin
   CSS. Keep changes minimal, intentional and commented.
   ------------------------------------------------------------------ */

/* Contact call-to-action button -> brand orange (#fc6700, the
   accent the site already uses elsewhere). Requested by owner. */
a.fl-button[href*="contact"],
a.fl-button[href*="#row-contact-form"] {
  background-color: #fc6700 !important;
  border-color: #fc6700 !important;
}
a.fl-button[href*="contact"] .fl-button-text,
a.fl-button[href*="#row-contact-form"] .fl-button-text {
  color: #ffffff !important;
}
a.fl-button[href*="contact"]:hover,
a.fl-button[href*="#row-contact-form"]:hover {
  background-color: #e35c00 !important;   /* slightly darker on hover */
  border-color: #e35c00 !important;
}

/* Contact form submit button -> same brand orange, for a
   consistent look with the call-to-action button. */
.ff-btn.ff-btn-submit,
button.ff-btn-submit,
.fluentform .ff-btn-submit {
  background-color: #fc6700 !important;
  border-color: #fc6700 !important;
  color: #ffffff !important;
}
.ff-btn.ff-btn-submit:hover,
button.ff-btn-submit:hover,
.fluentform .ff-btn-submit:hover {
  background-color: #e35c00 !important;
  border-color: #e35c00 !important;
}

/* Language switcher: the original is a Bootstrap dropdown that needs
   JavaScript. In the static site that JS isn't reliably active, so
   reveal the menu on hover/focus with CSS only — the NL/EN link
   stays reachable without any script. */
.language-selector:hover .dropdown-menu,
.language-selector:focus-within .dropdown-menu,
.language-selector .btn-group:hover .dropdown-menu,
.language-selector .btn-group:focus-within .dropdown-menu {
  display: block !important;
}
