/* ============================================================
   WIKIBIZ BUTTONS
   Stable brand states: no browser gradients, grey filters or opacity wash.
   ============================================================ */

/* Legacy / WordPress button compatibility. */
.site-header .button,
.site-header .header-button,
.site-header .kb-button,
.site-header .wp-block-button__link,
.button-size-medium,
.wp-block-button__link{
  background:var(--wbz-action);
  background-image:none;
  color:var(--wbz-action-ink);
  border-color:var(--wbz-action);
  filter:none;
  opacity:1;
  text-decoration:none;
}

.site-header .button:hover,
.site-header .header-button:hover,
.site-header .kb-button:hover,
.site-header .wp-block-button__link:hover,
.button-size-medium:hover,
.wp-block-button__link:hover{
  background:var(--wbz-action-hover);
  background-image:none;
  color:var(--wbz-action-ink);
  border-color:var(--wbz-action-hover);
  filter:none;
  opacity:1;
  text-decoration:none;
}

html[data-theme="dark"] .site-header .button,
html[data-theme="dark"] .site-header .header-button,
html[data-theme="dark"] .site-header .kb-button,
html[data-theme="dark"] .site-header .wp-block-button__link{
  color:var(--wbz-action-ink);
}

/* Legacy tariff CTA. */
.wbz-tb .tp-cta{
  background-image:none;
  filter:none;
  opacity:1;
  color:var(--wbz-action-ink);
  text-decoration:none;
  transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease;
}
.wbz-tb .tp-cta:hover{
  background:var(--wbz-action-hover);
  background-image:none;
  filter:none;
  opacity:1;
  color:var(--wbz-action-ink);
  transform:translateY(-1px);
  box-shadow:var(--wbz-shadow-md);
  text-decoration:none;
}
.wbz-tb .tp-cta:active{transform:translateY(0)}

.wbz-rail-cta,
.wbz-rail-cta:hover,
.wbz-tb .cta{
  color:var(--wbz-action-ink);
  filter:none;
  opacity:1;
  text-decoration:none;
}

.wbz-rail-cta2{color:var(--wbz-ink);text-decoration:none}
.wbz-rail-cta2:hover{color:var(--wbz-brand);text-decoration:none}

/* Component Registry button. */
.wbz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:var(--wbz-control-md);
  padding:11px 18px;
  border:1px solid transparent;
  border-radius:var(--wbz-radius-md);
  background:transparent;
  background-image:none;
  color:var(--wbz-ink);
  font:inherit;
  font-family:var(--wbz-font-body);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  filter:none;
  opacity:1;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.wbz-btn:hover{
  filter:none;
  opacity:1;
  text-decoration:none;
  transform:translateY(-1px);
}
.wbz-btn:active{transform:translateY(0)}
.wbz-btn:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}

.wbz-btn-primary{
  background:var(--wbz-action);
  background-image:none;
  border-color:var(--wbz-action);
  color:var(--wbz-action-ink);
}
.wbz-btn-primary:hover{
  background:var(--wbz-action-hover);
  background-image:none;
  border-color:var(--wbz-action-hover);
  color:var(--wbz-action-ink);
}

.wbz-btn-secondary{
  background:var(--wbz-surface);
  background-image:none;
  border-color:var(--wbz-line-strong);
  color:var(--wbz-ink);
}
.wbz-btn-secondary:hover{
  background:var(--wbz-tint);
  border-color:var(--wbz-brand);
  color:var(--wbz-brand);
}

.wbz-btn-outline{
  background:transparent;
  border-color:var(--wbz-brand);
  color:var(--wbz-brand);
}
.wbz-btn-outline:hover{
  background:var(--wbz-tint);
  color:var(--wbz-brand-hover);
}

.wbz-btn-link{
  min-height:auto;
  padding:0;
  border:0;
  background:transparent;
  color:var(--wbz-brand);
}
.wbz-btn-link:hover{
  color:var(--wbz-brand-hover);
  transform:none;
  text-decoration:none;
}

.wbz-btn-icon{
  width:var(--wbz-control-md);
  padding:0
}

/* Dark mode keeps action buttons green, never grey. */
html[data-theme="dark"] .site-header .header-button:hover,
html[data-theme="dark"] .site-header .button:hover,
html[data-theme="dark"] .button-size-medium:hover,
html[data-theme="dark"] .wp-block-button__link:hover,
html[data-theme="dark"] .wbz-rail-cta:hover,
html[data-theme="dark"] .wbz-tb .tp-cta:hover,
html[data-theme="dark"] #wbz-rko .wbz-btn-primary:hover{
  background:var(--wbz-action-hover);
  background-image:none;
  color:var(--wbz-action-ink);
  border-color:var(--wbz-action-hover);
  filter:none;
  opacity:1;
}


/* ============================================================
   FINAL ACTION CONSISTENCY
   One CTA green across RKO, credits, bank pages, reviews and home.
   ============================================================ */

:is(
  .wbz-btn-primary,
  .wbz-btn--primary,
  .wbz-rail-cta,
  .wbz-tb .tp-cta,
  #wbz-rko .wbz-btn,
  #wbz-credit .wbz-bank-cta,
  #wbz-credit .wbz-credit-picker__submit,
  #wbz-credit .wbz-credit-quiz__cta,
  .wbz-bg-tar-cta,
  .wbz-home-btn,
  .wbz-home-bank .wbz-hb-primary,
  .wbz-home-bank .wbz-hb-quiz-next
){
  background:var(--wbz-action);
  background-color:var(--wbz-action);
  background-image:none;
  border-color:var(--wbz-action);
  color:var(--wbz-action-ink);
  filter:none;
  opacity:1;
  text-decoration:none;
  box-shadow:none;
}

:is(
  .wbz-btn-primary,
  .wbz-btn--primary,
  .wbz-rail-cta,
  .wbz-tb .tp-cta,
  #wbz-rko .wbz-btn,
  #wbz-credit .wbz-bank-cta,
  #wbz-credit .wbz-credit-picker__submit,
  #wbz-credit .wbz-credit-quiz__cta,
  .wbz-bg-tar-cta,
  .wbz-home-btn,
  .wbz-home-bank .wbz-hb-primary,
  .wbz-home-bank .wbz-hb-quiz-next
):hover{
  background:var(--wbz-action-hover);
  background-color:var(--wbz-action-hover);
  background-image:none;
  border-color:var(--wbz-action-hover);
  color:var(--wbz-action-ink);
  filter:none;
  opacity:1;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(91,179,24,.18);
  transform:translateY(-1px);
}

:is(
  .wbz-btn-primary,
  .wbz-btn--primary,
  .wbz-rail-cta,
  .wbz-tb .tp-cta,
  #wbz-rko .wbz-btn,
  #wbz-credit .wbz-bank-cta,
  #wbz-credit .wbz-credit-picker__submit,
  #wbz-credit .wbz-credit-quiz__cta,
  .wbz-bg-tar-cta,
  .wbz-home-btn,
  .wbz-home-bank .wbz-hb-primary,
  .wbz-home-bank .wbz-hb-quiz-next
):active{
  transform:translateY(0);
  box-shadow:none;
}

/* Link-style controls: colour transition, never underline. */
.wbz-btn-link:hover,
.wbz-tb .wbz-more:hover,
.wbz-bank-overview-next a:hover,
.wbz-home-launch-contact a:hover,
.site-footer a:hover{
  text-decoration:none;
}
