/*
 * Alfa Core 0.21.8 - Master Gold lower CTA interaction contract.
 * Reference: Kezdolap V2 (13154).
 * Ownership: paint-state + shared button height. Hover/focus must never change geometry.
 */

body.alfa-master-cta {
  --alfa-cta-lime: #9FCB47;
  --alfa-cta-dark: #0F281D;
  --alfa-cta-white: #FFFFFF;
  --alfa-cta-button-height: 50px;
}

/* Canonical geometry guard shared by homepage and service lower CTA buttons. */
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--alfa-cta-button-height) !important;
  min-height: var(--alfa-cta-button-height) !important;
  max-height: var(--alfa-cta-button-height) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: var(--alfa-button-radius, 5px) !important;
  text-decoration: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

/* Offer button: lime/dark -> transparent/white outline/white. */
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime {
  background: var(--alfa-cta-lime) !important;
  border-color: var(--alfa-cta-lime) !important;
  color: var(--alfa-cta-dark) !important;
}

body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer:hover,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer:focus,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer:focus-visible,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime:hover,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime:focus,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime:focus-visible {
  background: transparent !important;
  border-color: var(--alfa-cta-white) !important;
  color: var(--alfa-cta-white) !important;
}

/* Phone button: transparent/white -> white/dark. */
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone {
  background: transparent !important;
  border-color: var(--alfa-cta-white) !important;
  color: var(--alfa-cta-white) !important;
}

body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone:hover,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone:focus,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone:focus-visible,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone:hover,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone:focus,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone:focus-visible {
  background: var(--alfa-cta-white) !important;
  border-color: var(--alfa-cta-white) !important;
  color: var(--alfa-cta-dark) !important;
}

/* Icons and icon-like descendants always follow the canonical button text color. */
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-offer svg,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone-icon,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone-icon svg,
body.alfa-master-cta .alfa-lp .lp-cta .lp-btn--lime svg,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone .lp-icon,
body.alfa-master-cta .alfa-lp .lp-cta .lp-cta-phone .lp-icon svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/*
 * Homepage CTA phone copy inheritance guard.
 * Legacy Master Gold page CSS historically assigns explicit white colors to
 * the nested strong/small nodes. Force those nodes to inherit the canonical
 * button state so phone number and schedule switch to dark together with the
 * icon on hover/focus.
 */
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone > span,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone .alfa-cta-phone-copy,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone .alfa-cta-phone-copy strong,
body.alfa-master-cta .alfa-v2:not(.alfa-master-shell) .alfa-cta .alfa-cta-phone .alfa-cta-phone-copy small {
  color: inherit !important;
}