/* adyen-theme.css — Maps Adyen Drop-in SDK CSS vars to BB theme vars
 * Load on any page that initialises the Adyen Drop-in.
 * Adyen's SDK injects its own HTML — this file overrides its visual tokens.
 */
:root {
  --adyen-sdk-color-background-primary:    var(--cream);
  --adyen-sdk-color-background-secondary:  var(--soft);
  --adyen-sdk-color-outline-primary:       var(--petal);
  --adyen-sdk-color-label-primary:         var(--ink);
  --adyen-sdk-color-label-secondary:       var(--mist);
  --adyen-sdk-color-accent-primary:        var(--rose);
  --adyen-sdk-color-interactive-primary:   var(--berry);
  --adyen-sdk-border-radius-button:        24px;
  --adyen-sdk-border-radius-input:         10px;
  --adyen-sdk-font-family-primary:         var(--font-body);
}

/* Pay button: match .bb-btn */
.adyen-checkout__pay-button {
  background: var(--berry) !important;
  color: #fff !important;
  border-radius: 24px !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  transition: background calc(0.2s * var(--animation-speed, 1)) !important;
}
.adyen-checkout__pay-button:hover {
  background: var(--rose) !important;
}

/* Inputs: match .bb-input */
.adyen-checkout__input {
  border: 1.5px solid var(--petal) !important;
  border-radius: 10px !important;
  font-family: var(--font-body) !important;
  color: var(--ink) !important;
  background: #fff !important;
}
.adyen-checkout__input--focus,
.adyen-checkout__input:focus {
  border-color: var(--rose) !important;
  box-shadow: 0 0 0 3px rgba(var(--rose-rgb, 140,58,58), 0.12) !important;
}

/* Labels */
.adyen-checkout__label__text {
  font-family: var(--font-body) !important;
  color: var(--mist) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}