/* v1.8.96: extended color controls for premium widget elements */

.afp-widget .afp-control--format-simple,
.afp-widget .afp-control--area-simple,
.afp-widget .afp-field-shell--area,
.afp-widget .afp-field-shell--format {
  border-color: var(--afp-control-border, var(--afp-border)) !important;
}

.afp-widget .afp-control--format-simple:hover,
.afp-widget .afp-control--area-simple:hover,
.afp-widget .afp-field-shell--area:hover,
.afp-widget .afp-field-shell--format:hover {
  border-color: var(--afp-control-hover-border, var(--afp-accent)) !important;
}

.afp-widget .afp-control--format-simple:focus-within,
.afp-widget .afp-control--area-simple:focus-within,
.afp-widget .afp-field-shell--area:focus-within,
.afp-widget .afp-field-shell--format:focus-within {
  border-color: var(--afp-control-hover-border, var(--afp-accent)) !important;
  box-shadow: 0 0 0 3px var(--afp-control-focus-ring, var(--afp-accent-soft)) !important;
}

.afp-widget .afp-format-trigger__caret,
.afp-widget .afp-field-shell--format .afp-format-trigger__caret {
  border-color: var(--afp-format-caret-border, var(--afp-control-border)) !important;
  background: var(--afp-format-caret-bg, var(--afp-surface)) !important;
}

.afp-widget .afp-format-trigger__caret::before,
.afp-widget .afp-field-shell--format .afp-format-trigger__caret::before {
  border-right-color: var(--afp-format-caret-icon, var(--afp-accent)) !important;
  border-bottom-color: var(--afp-format-caret-icon, var(--afp-accent)) !important;
}

.afp-widget .afp-format-option:hover,
.afp-widget .afp-format-option:focus-visible,
.afp-widget .afp-field-shell--format .afp-format-option:hover,
.afp-widget .afp-field-shell--format .afp-format-option:focus-visible {
  background: var(--afp-format-option-hover-bg, var(--afp-accent-soft)) !important;
  color: var(--afp-format-option-hover-text, var(--afp-accent)) !important;
}

.afp-widget .afp-format-option.is-selected,
.afp-widget .afp-field-shell--format .afp-format-option.is-selected {
  background: var(--afp-format-option-active-bg, var(--afp-accent)) !important;
  color: var(--afp-format-option-active-text, #fffdfb) !important;
}

.afp-widget .afp-input-mode-switch__button,
.afp-widget .afp-order-unit-switch .afp-input-mode-switch__button {
  background: var(--afp-switch-bg, #fffdfb) !important;
  border-color: var(--afp-switch-border, var(--afp-border)) !important;
  color: var(--afp-switch-text, var(--afp-text)) !important;
}

.afp-widget .afp-input-mode-switch__button:hover,
.afp-widget .afp-order-unit-switch .afp-input-mode-switch__button:hover {
  border-color: var(--afp-switch-active-border, var(--afp-accent)) !important;
}

.afp-widget .afp-input-mode-switch__button.is-active,
.afp-widget .afp-order-unit-switch .afp-input-mode-switch__button.is-active {
  background: var(--afp-switch-active-bg, var(--afp-accent-soft)) !important;
  border-color: var(--afp-switch-active-border, var(--afp-accent)) !important;
  color: var(--afp-switch-active-text, var(--afp-accent)) !important;
}

.afp-widget .afp-area-stepper__button {
  background: var(--afp-stepper-bg, var(--afp-surface)) !important;
  border-color: var(--afp-stepper-border, var(--afp-border)) !important;
  color: var(--afp-stepper-text, var(--afp-accent)) !important;
}

.afp-widget .afp-area-stepper__button:hover {
  border-color: var(--afp-control-hover-border, var(--afp-accent)) !important;
}

.afp-widget .afp-option-row,
.afp-widget .afp-range-toggle,
.afp-widget .afp-range-shell {
  background: linear-gradient(180deg, var(--afp-option-card-bg, var(--afp-panel-bg)) 0%, var(--afp-surface, #fffaf7) 100%) !important;
  border-color: var(--afp-option-card-border, var(--afp-border)) !important;
}

.afp-widget .afp-option-row__price,
.afp-widget .afp-range-toggle__action {
  background: var(--afp-option-price-bg, var(--afp-button-secondary-bg)) !important;
  border-color: var(--afp-option-price-border, var(--afp-button-secondary-border)) !important;
  color: var(--afp-option-price-text, var(--afp-button-secondary-text)) !important;
}

.afp-widget .afp-tier-table tr,
.afp-widget .afp-result-table tr {
  border-color: var(--afp-tier-row-border, var(--afp-border)) !important;
}

.afp-widget .afp-tier-table tbody tr,
.afp-widget .afp-tier-table tbody td,
.afp-widget .afp-result-table tbody tr,
.afp-widget .afp-result-table tbody td {
  background: var(--afp-tier-row-bg, #ffffff) !important;
}

.afp-widget .afp-tier-table tr.is-current,
.afp-widget .afp-tier-table tr.is-current td {
  background: var(--afp-tier-row-active-bg, var(--afp-accent-soft)) !important;
}

.afp-widget .afp-submit-row {
  background: linear-gradient(180deg, var(--afp-summary-card-bg, var(--afp-surface)) 0%, var(--afp-surface, #fffaf7) 100%) !important;
  border-color: var(--afp-summary-card-border, var(--afp-border)) !important;
}

.afp-widget input[type="checkbox"] {
  accent-color: var(--afp-checkbox-accent, var(--afp-accent)) !important;
}