/* qh-buttons.css
   Button hover fixes (all screen sizes). Only hover/focus states are changed;
   the normal look of every button stays as it was.
   Problem: on hover some buttons turned dark/white and the text vanished.
   Load this file AFTER qh-site.css, qh-header.css, qh-culture.css. */

/* 1) White "light" buttons (Trust "Try for free" etc.):
      no black fill on hover, just light grey with black text. */
.qhw-theme .qhw-btn .qhw-ink,
.qhw-theme .qhw-cbtn .qhw-ink{
  display:none !important;
}
.qhw-theme a.qhw-btn--light:hover,
.qhw-theme a.qhw-btn--light:focus,
.qhw-theme .qhw-btn--light:hover,
.qhw-theme .qhw-btn--light:focus{
  background:#e6e6e6 !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}
.qhw-theme .qhw-btn--light:hover *,
.qhw-theme .qhw-btn--light:focus *{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}

/* 3) Header buttons: "Try for free" (solid) and the ghost links. */
.qhw-sitehead .qhw-hbtn--solid:hover,
.qhw-sitehead .qhw-hbtn--solid:focus,
.qhw-sitehead .qhw-hbtn--solid:hover span,
.qhw-sitehead .qhw-hbtn--solid:focus span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.qhw-sitehead .qhw-hbtn--ghost:hover,
.qhw-sitehead .qhw-hbtn--ghost:focus{
  color:#fff !important;
  background:transparent !important;
}

/* 4) Elementor / Trx buttons: keep the text visible on hover. */
.qhw-theme .elementor-button:hover .elementor-button-text,
.qhw-theme .elementor-button:focus .elementor-button-text,
.qhw-theme .sc_button:hover,
.qhw-theme .sc_button:focus{
  -webkit-text-fill-color:currentColor;
}

/* 5) About-us city chips: theme turned them white with white text.
      Keep the dark chip, slightly lighter, text white. */
.qhw-theme .qhw-pres__chip:not(.is-on):hover,
.qhw-theme .qhw-pres__chip:not(.is-on):focus{
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
}

/* 6) Cookie "Accept": hover blue was too light for white text. */
.qh-cookie button.qh-cookie__btn--yes:hover{
  background:#2f63e0;
}