/* Shared WooCommerce visual baseline for Agora, Councils and Parties. */
.woocommerce,
.woocommerce-page {
  --ue-woo-cta-width: 400px;
  --ue-woo-field-height: 46px;
  --ue-woo-field-radius: var(--ue-radius-md);
  --ue-woo-button-radius: 20px;
  --ue-woo-gap: 16px;
  --ue-woo-border: var(--ue-color-border);
  --ue-woo-text: var(--ue-color-text);
  --ue-woo-accent: var(--ue-color-accent);
  --ue-woo-accent-text: #1a1a1a;
  --ue-woo-panel: var(--ue-color-panel);
}

.woocommerce :where(input.input-text, input[type="email"], input[type="tel"], input[type="text"], input[type="number"], select, textarea),
.wc-block-components-text-input input,
.wc-block-components-combobox-control input {
  border: 1px solid var(--ue-woo-border);
  border-radius: var(--ue-woo-field-radius);
}

.woocommerce :where(button.button, a.button, input.button),
.wc-block-components-button {
  border-radius: var(--ue-woo-field-radius);
}

.single-product .ue-woo-switcher-wrap {
  max-width: var(--ue-woo-cta-width);
  margin: 0 0 var(--ue-woo-gap);
}

.single-product .ue-woo-switcher-wrap select {
  width: 100%;
  min-height: var(--ue-woo-field-height);
  padding: 0 40px 0 16px;
  border: 1px solid var(--ue-woo-border);
  border-radius: var(--ue-woo-field-radius);
  background: var(--ue-woo-panel);
  color: var(--ue-woo-text);
  box-sizing: border-box;
}

.single-product .ue-woo-switcher-wrap select:focus-visible {
  border-color: var(--ue-woo-accent);
}

.wc-block-cart__submit .wc-block-components-button.wc-block-cart__submit-button {
  border-radius: var(--ue-woo-field-radius) !important;
}

@media (max-width: 768px) {
  .single-product .ue-woo-switcher-wrap {
    max-width: 100%;
  }
}