/*
 * Kinglong Lighting brand interaction overrides.
 * Loaded after page styles to keep Astra and plugin defaults from leaking blue states.
 */
:root {
  --kl-brand-gold: #B8954A;
  --kl-brand-gold-deep: #8A6D2F;
  --kl-brand-gold-hover: #A68440;
  --kl-brand-ink: #1C1912;
  --kl-brand-cream: #F9F5EE;
}

body .article-share .share-btn:hover,
body .article-share .share-btn:focus,
body .article-share .share-btn:focus-visible {
  background: var(--kl-brand-gold) !important;
  background-color: var(--kl-brand-gold) !important;
  border-color: var(--kl-brand-gold) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

body .filter-tab:hover:not(.active),
body .filter-tab:focus:not(.active),
body .filter-tab:focus-visible:not(.active),
body .pill:hover:not(.active),
body .pill:focus:not(.active),
body .pill:focus-visible:not(.active) {
  background: rgba(184,149,74,0.06) !important;
  background-color: rgba(184,149,74,0.06) !important;
  border-color: rgba(184,149,74,0.36) !important;
  color: var(--kl-brand-gold-deep) !important;
  box-shadow: none !important;
  outline: none !important;
}

body .filter-tab.active,
body .pill.active {
  border-color: var(--kl-brand-gold) !important;
}

body .btn-load:hover,
body .btn-load:focus,
body .btn-load:focus-visible,
body .form-submit:hover,
body .form-submit:focus,
body .form-submit:focus-visible,
body .kl-cf__submit:hover,
body .kl-cf__submit:focus,
body .kl-cf__submit:focus-visible,
body .kl-btn:hover,
body .kl-btn:focus,
body .kl-btn:focus-visible,
body .btn-gold:hover,
body .btn-gold:focus,
body .btn-gold:focus-visible,
body .btn-gold-sm:hover,
body .btn-gold-sm:focus,
body .btn-gold-sm:focus-visible,
body .cta-btn-primary:hover,
body .cta-btn-primary:focus,
body .cta-btn-primary:focus-visible,
body .inq-card-btn:hover,
body .inq-card-btn:focus,
body .inq-card-btn:focus-visible,
body .kl-blog-inq__btn:hover,
body .kl-blog-inq__btn:focus,
body .kl-blog-inq__btn:focus-visible {
  background: var(--kl-brand-gold-deep) !important;
  background-color: var(--kl-brand-gold-deep) !important;
  border-color: var(--kl-brand-gold-deep) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

body .button:hover,
body .button:focus,
body .button:focus-visible,
body .ast-button:hover,
body .ast-button:focus,
body .ast-button:focus-visible,
body .wp-block-button__link:hover,
body .wp-block-button__link:focus,
body .wp-block-button__link:focus-visible,
body input[type="button"]:hover,
body input[type="button"]:focus,
body input[type="button"]:focus-visible,
body input[type="submit"]:hover,
body input[type="submit"]:focus,
body input[type="submit"]:focus-visible,
body input[type="reset"]:hover,
body input[type="reset"]:focus,
body input[type="reset"]:focus-visible,
body button:not([class]):hover,
body button:not([class]):focus,
body button:not([class]):focus-visible,
body .fluentform button.ff-btn.ff-btn-submit:hover,
body .fluentform button.ff-btn.ff-btn-submit:focus,
body .fluentform button.ff-btn.ff-btn-submit:focus-visible,
body .fluentform .ff-btn-submit:hover,
body .fluentform .ff-btn-submit:focus,
body .fluentform .ff-btn-submit:focus-visible,
body form[class*="fluent_form_"] .ff-btn-submit:not(.ff_btn_no_style):hover,
body form[class*="fluent_form_"] .ff-btn-submit:not(.ff_btn_no_style):focus,
body form[class*="fluent_form_"] .ff-btn-submit:not(.ff_btn_no_style):focus-visible {
  background: var(--kl-brand-gold-hover) !important;
  background-color: var(--kl-brand-gold-hover) !important;
  border-color: var(--kl-brand-gold-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

body .btn-outline:hover,
body .btn-outline:focus,
body .btn-outline:focus-visible,
body .kl-btn-ghost:hover,
body .kl-btn-ghost:focus,
body .kl-btn-ghost:focus-visible,
body .cta-btn-outline:hover,
body .cta-btn-outline:focus,
body .cta-btn-outline:focus-visible,
body .kl-sp-share__btn:hover,
body .kl-sp-share__btn:focus,
body .kl-sp-share__btn:focus-visible {
  background: rgba(184,149,74,0.08) !important;
  background-color: rgba(184,149,74,0.08) !important;
  border-color: var(--kl-brand-gold) !important;
  color: var(--kl-brand-gold-deep) !important;
  box-shadow: none !important;
  outline: none !important;
}

body .kl-hamburger:hover,
body .kl-hamburger:focus,
body .kl-hamburger:focus-visible,
body .modal-close:hover,
body .modal-close:focus,
body .modal-close:focus-visible,
body .kl-float__panel-close:hover,
body .kl-float__panel-close:focus,
body .kl-float__panel-close:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--kl-brand-gold) !important;
  box-shadow: none !important;
  outline: none !important;
}