/* =============================================================
 * WholesaleWP — frontend brand layer
 * Override layer that re-skins every storefront-visible plugin
 * surface (Request a Quote, my-account Conversations / Offers,
 * Bulk order form, Subaccounts, Quote fields) to the cream / ink /
 * terracotta editorial palette.
 *
 * Loaded after style.css / style-sub-offers-conv.css / style-bulkorder.css
 * via the `wholesalewp_frontend_brand` handle in
 * WholesaleWP_Public::add_frontend_styles(), so its overrides win without
 * !important spam.
 *
 * Selectors are scoped to `.wholesalewp_*` containers — no theme-side
 * markup is touched.
 * ============================================================= */

:root {
  --wwp-fe-bg:           #F5F1E6;
  --wwp-fe-bg-card:      #FFFFFF;
  --wwp-fe-ink:          #0F0D0A;
  --wwp-fe-ink-soft:     #4A4640;
  --wwp-fe-ink-muted:    #8A847A;
  --wwp-fe-rule-soft:    rgba(31, 27, 22, 0.10);
  --wwp-fe-rule-softer:  rgba(31, 27, 22, 0.06);
  --wwp-fe-accent:       #E8412A;
  --wwp-fe-accent-deep:  #B82E1B;
  --wwp-fe-accent-soft:  rgba(232, 65, 42, 0.08);
  --wwp-fe-positive:     #2D5016;
  --wwp-fe-warn:         #D4A574;
}

/* ---------- "Request a Quote" / quote-related buttons (single-product) ---------- */
.wholesalewp_request_quote_button,
.wholesalewp_request_quote_form_submit_button,
.wwp_offer_button,
.wholesalewp_quote_button,
button.wholesalewp_request_quote_button,
button.wwp_offer_button {
  background: var(--wwp-fe-ink) !important;
  background-color: var(--wwp-fe-ink) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-ink) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-bg) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 12px 22px !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wholesalewp_request_quote_button:hover,
.wholesalewp_request_quote_form_submit_button:hover,
.wwp_offer_button:hover,
.wholesalewp_quote_button:hover,
button.wholesalewp_request_quote_button:hover,
button.wwp_offer_button:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
  color: #ffffff !important;
}

/* ---------- Conversations endpoint (my-account) ---------- */
#wholesalewp_myaccount_conversations_container {
  background: transparent !important;
}

#wholesalewp_myaccount_conversations_container_top,
#wholesalewp_myaccount_individual_conversation_top,
.wholesalewp_myaccount_individual_conversation_container {
  background: var(--wwp-fe-bg-card) !important;
  background-color: var(--wwp-fe-bg-card) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_myaccount_individual_conversation_top_item,
.wholesalewp_myaccount_individual_conversation_content_item {
  color: var(--wwp-fe-ink) !important;
}

/* "New conversation" / "Send message" / "Reply" buttons */
.wholesalewp_myaccount_send_message_button,
.wholesalewp_myaccount_start_conversation_button,
.wholesalewp_myaccount_conversation_endpoint_button,
.wholesalewp_myaccount_individual_conversation_send_button {
  background: var(--wwp-fe-ink) !important;
  background-color: var(--wwp-fe-ink) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-ink) !important;
  border-radius: 999px !important;
  color: var(--wwp-fe-bg) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 10px 20px !important;
}

.wholesalewp_myaccount_send_message_button:hover,
.wholesalewp_myaccount_start_conversation_button:hover,
.wholesalewp_myaccount_conversation_endpoint_button:hover,
.wholesalewp_myaccount_individual_conversation_send_button:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
  color: #ffffff !important;
}

/* Conversation message bubbles */
.wholesalewp_myaccount_conversation_message {
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
}

.wholesalewp_myaccount_conversation_message.wholesalewp_message_admin,
.wholesalewp_myaccount_conversation_message_admin {
  background: var(--wwp-fe-accent-soft) !important;
  border-color: rgba(232, 65, 42, 0.18) !important;
}

/* Conversation top "compose" form */
input#wholesalewp_myaccount_title_conversation_start,
textarea#wholesalewp_myaccount_textarea_conversation_start,
input#wholesalewp_myaccount_individual_conversation_textarea_send,
textarea#wholesalewp_myaccount_individual_conversation_textarea_send {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-ink) !important;
  box-shadow: none !important;
}

input#wholesalewp_myaccount_title_conversation_start:focus,
textarea#wholesalewp_myaccount_textarea_conversation_start:focus,
input#wholesalewp_myaccount_individual_conversation_textarea_send:focus,
textarea#wholesalewp_myaccount_individual_conversation_textarea_send:focus {
  outline: none !important;
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* ---------- Offers endpoint (my-account) ---------- */
#wholesalewp_myaccount_offers_container,
.wholesalewp_myaccount_individual_offer_container {
  background: transparent !important;
}

.wholesalewp_myaccount_individual_offer_container {
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_myaccount_individual_offer_top,
.wholesalewp_myaccount_individual_offer_bottom {
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_myaccount_individual_offer_bottom_line {
  border-top: 1px solid var(--wwp-fe-rule-softer) !important;
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_myaccount_individual_offer_bottom_line_button,
.wholesalewp_myaccount_individual_offer_bottom_line_add,
.wwp_offer_accept_button,
.wwp_offer_decline_button,
.wwp_offer_counter_button {
  background: var(--wwp-fe-ink) !important;
  background-color: var(--wwp-fe-ink) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-ink) !important;
  border-radius: 999px !important;
  color: var(--wwp-fe-bg) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.wholesalewp_myaccount_individual_offer_bottom_line_button:hover,
.wholesalewp_myaccount_individual_offer_bottom_line_add:hover,
.wwp_offer_accept_button:hover,
.wwp_offer_decline_button:hover,
.wwp_offer_counter_button:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
}

/* Offer status pill */
.wholesalewp_myaccount_individual_offer_top_status {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: var(--wwp-fe-accent-soft) !important;
  color: var(--wwp-fe-accent-deep) !important;
}

/* Offers pagination */
.wholesalewp_myaccount_coffers_pagination_container a,
.wholesalewp_myaccount_coffers_pagination_container .current {
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-ink) !important;
  padding: 6px 12px !important;
}

.wholesalewp_myaccount_coffers_pagination_container .current,
.wholesalewp_myaccount_coffers_pagination_container a:hover {
  background: var(--wwp-fe-ink) !important;
  border-color: var(--wwp-fe-ink) !important;
  color: var(--wwp-fe-bg) !important;
}

/* ---------- Bulk order form ---------- */
.wholesalewp_bulkorder_form_container,
.wholesalewp_bulkorder_form_container_bottom,
.wholesalewp_bulkorder_form_container_bottom_add,
#wholesalewp_myaccount_bulkorder_container {
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.wholesalewp_bulkorder_form_container_bottom_save_button,
.wholesalewp_bulkorder_form_container_bottom_add_button,
.wholesalewp_bulkorder_form_container_bottom_delete_button,
.wholesalewp_bulkorder_form_container_bottom_update_button,
.wholesalewp_bulkorder_addtocart_button,
.wholesalewp_bulkorder_form_addtocart_button,
.wholesalewp_bulkorder_form_addall_button {
  background: var(--wwp-fe-ink) !important;
  background-color: var(--wwp-fe-ink) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-ink) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-bg) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 11px 20px !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.wholesalewp_bulkorder_form_container_bottom_save_button:hover,
.wholesalewp_bulkorder_form_container_bottom_add_button:hover,
.wholesalewp_bulkorder_form_container_bottom_delete_button:hover,
.wholesalewp_bulkorder_form_container_bottom_update_button:hover,
.wholesalewp_bulkorder_addtocart_button:hover,
.wholesalewp_bulkorder_form_addtocart_button:hover,
.wholesalewp_bulkorder_form_addall_button:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
}

/* Bulk order rows */
.wholesalewp_bulkorder_form_container_top,
.wholesalewp_bulkorder_form_container_row {
  border-bottom: 1px solid var(--wwp-fe-rule-softer) !important;
}

.wholesalewp_bulkorder_form_container_row:hover {
  background: var(--wwp-fe-bg) !important;
}

.wholesalewp_bulkorder_form_container_row input[type="number"],
.wholesalewp_bulkorder_form_container_row input[type="text"],
.wholesalewp_bulkorder_form_container_row input[type="search"] {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 6px !important;
  color: var(--wwp-fe-ink) !important;
  box-shadow: none !important;
}

.wholesalewp_bulkorder_form_container_row input:focus {
  outline: none !important;
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* ---------- Subaccounts ---------- */
.wholesalewp_subaccounts_container,
.wholesalewp_subaccounts_container_top,
.wholesalewp_subaccounts_new_account_container,
.wholesalewp_subaccounts_edit_account_container {
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_subaccounts_individual_account {
  border-bottom: 1px solid var(--wwp-fe-rule-softer) !important;
  padding: 16px 18px !important;
  color: var(--wwp-fe-ink) !important;
}

.wholesalewp_subaccounts_new_account_container_content_bottom_button,
.wholesalewp_subaccounts_edit_account_container_content_bottom_button,
.wholesalewp_subaccounts_edit_account_container_content_bottom_button_delete,
.wholesalewp_subaccounts_create_account_button {
  background: var(--wwp-fe-ink) !important;
  background-color: var(--wwp-fe-ink) !important;
  background-image: none !important;
  border: 1px solid var(--wwp-fe-ink) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-bg) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 11px 20px !important;
}

.wholesalewp_subaccounts_new_account_container_content_bottom_button:hover,
.wholesalewp_subaccounts_edit_account_container_content_bottom_button:hover,
.wholesalewp_subaccounts_create_account_button:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
}

.wholesalewp_subaccounts_edit_account_container_content_bottom_button_delete {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--wwp-fe-rule-soft) !important;
  color: var(--wwp-fe-accent-deep) !important;
}

.wholesalewp_subaccounts_edit_account_container_content_bottom_button_delete:hover {
  background: var(--wwp-fe-accent) !important;
  background-color: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
  color: #ffffff !important;
}

/* ---------- Form inputs across all frontend plugin surfaces ---------- */
.wholesalewp_subaccounts_new_account_container input[type="text"],
.wholesalewp_subaccounts_new_account_container input[type="email"],
.wholesalewp_subaccounts_new_account_container input[type="password"],
.wholesalewp_subaccounts_edit_account_container input[type="text"],
.wholesalewp_subaccounts_edit_account_container input[type="email"],
.wholesalewp_subaccounts_edit_account_container input[type="password"] {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-ink) !important;
  box-shadow: none !important;
}

.wholesalewp_subaccounts_new_account_container input:focus,
.wholesalewp_subaccounts_edit_account_container input:focus {
  outline: none !important;
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* ---------- Loader-icon button container alignment ---------- */
.wholesalewp_loader_icon_button {
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
}

/* ---------- Hide-prices placeholder + login-required messages ---------- */
.wholesalewp_please_login_message,
.wholesalewp_logged_out_hidden_price,
.wholesalewp_hide_price_for_logged_out {
  font-size: 14px;
  color: var(--wwp-fe-ink-soft);
}

.wholesalewp_please_login_message a,
.wholesalewp_please_enable_message a,
.wholesalewp_shortcode_info_link a {
  color: var(--wwp-fe-accent) !important;
  border-bottom: 1px solid currentColor !important;
  text-decoration: none !important;
}

.wholesalewp_please_login_message a:hover,
.wholesalewp_please_enable_message a:hover,
.wholesalewp_shortcode_info_link a:hover {
  color: var(--wwp-fe-accent-deep) !important;
}

/* ---------- "Tax exempt" / approval / quote-pending status pills on cart / account ---------- */
.wholesalewp_account_status_approved,
.wholesalewp_account_status_pending,
.wholesalewp_account_status_rejected {
  display: inline-block;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}

.wholesalewp_account_status_approved {
  background: rgba(45, 80, 22, 0.12) !important;
  color: var(--wwp-fe-positive) !important;
}

.wholesalewp_account_status_pending {
  background: rgba(212, 165, 116, 0.25) !important;
  color: #7A5710 !important;
}

.wholesalewp_account_status_rejected {
  background: var(--wwp-fe-accent-soft) !important;
  color: var(--wwp-fe-accent-deep) !important;
}

/* ===============================================================
 * REGISTRATION FORM (B2B signup via shortcode or my-account)
 * Selectors:
 *   - .wholesalewp_custom_registration_field          (per-field wrapper)
 *   - .wholesalewp_custom_registration_field_textarea (textarea variant)
 *   - select#wholesalewp_registration_roles_dropdown  (role chooser)
 *   - .wholesalewp_registration_roles_dropdown_section_hidden (conditional)
 * =============================================================== */

.wholesalewp_custom_registration_field,
.wholesalewp_custom_registration_field_textarea,
select#wholesalewp_registration_roles_dropdown {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-ink) !important;
  font-family: inherit;
  padding: 10px 12px !important;
  box-shadow: none !important;
  width: 100%;
  max-width: 100%;
}

.wholesalewp_custom_registration_field:focus,
.wholesalewp_custom_registration_field_textarea:focus,
select#wholesalewp_registration_roles_dropdown:focus {
  outline: none !important;
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* Field labels */
label.wholesalewp_custom_registration_field_label,
.wholesalewp_custom_registration_field_wrapper > label {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: var(--wwp-fe-ink-soft);
  margin-bottom: 4px;
}

/* "Required" marker */
.wholesalewp_custom_registration_field_required,
.wholesalewp_required_field_marker {
  color: var(--wwp-fe-accent) !important;
  margin-left: 2px;
  font-weight: 500;
}

/* B2C / B2B chooser radio cards rendered above the form */
.wholesalewp_b2cb2b_chooser_container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.wholesalewp_b2cb2b_chooser_container label,
.wholesalewp_b2cb2b_chooser_container .wholesalewp_b2cb2b_chooser_option {
  flex: 1 1 200px;
  padding: 10px 14px;
  background: var(--wwp-fe-bg);
  border: 1px solid var(--wwp-fe-rule-soft);
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  color: var(--wwp-fe-ink-soft);
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.wholesalewp_b2cb2b_chooser_container input[type="radio"]:checked + label,
.wholesalewp_b2cb2b_chooser_container .wholesalewp_b2cb2b_chooser_option.is-active {
  background: var(--wwp-fe-ink);
  border-color: var(--wwp-fe-ink);
  color: var(--wwp-fe-bg);
}

/* ===============================================================
 * CHECKOUT ADDITIONS — VAT field, custom registration fields,
 * the "register account" toggle, the request-quote checkbox.
 * The plugin renders some legacy gold styling on these via inline
 * styles or scoped rules; mostly overriding the same form patterns.
 * =============================================================== */

.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper input[type="text"],
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper input[type="email"],
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper input[type="tel"],
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper select,
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper textarea {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  color: var(--wwp-fe-ink) !important;
  box-shadow: none !important;
}

.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper input:focus,
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper select:focus,
.woocommerce form.checkout .wholesalewp_custom_registration_field_wrapper textarea:focus {
  outline: none !important;
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* VAT field on checkout */
.wholesalewp_vat_field_container,
#wholesalewp_vat_field_container {
  margin: 12px 0;
}

.wholesalewp_vat_validation_message {
  font-size: 12px;
  color: var(--wwp-fe-ink-soft);
  margin-top: 6px;
  font-family: inherit;
}

.wholesalewp_vat_validation_message.wholesalewp_vat_valid {
  color: var(--wwp-fe-positive) !important;
}

.wholesalewp_vat_validation_message.wholesalewp_vat_invalid {
  color: var(--wwp-fe-accent-deep) !important;
}

/* Tax-exempt checkbox label */
.wholesalewp_tax_exempt_label,
label.wholesalewp_taxexempt_field {
  font-size: 14px;
  color: var(--wwp-fe-ink);
  font-weight: 500;
}

/* "Request a Quote" checkbox on checkout (some installs) */
.wholesalewp_quote_checkout_toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: var(--wwp-fe-bg);
  border: 1px solid var(--wwp-fe-rule-soft);
  border-radius: 8px;
  margin: 12px 0;
}

/* "Place order" submit on B2B checkout — give it a brand hover */
.woocommerce-checkout #place_order:hover {
  background: var(--wwp-fe-accent) !important;
  border-color: var(--wwp-fe-accent) !important;
  color: #ffffff !important;
}

/* ===============================================================
 * TIERED PRICING TABLE on PDP / cart line-item display
 * Render as a clean cream-card with hairline rows; active tier
 * tinted with the terracotta accent so the buyer's current break
 * is visually obvious without screaming.
 * =============================================================== */

table.wholesalewp_tiered_price_table,
.wholesalewp_tiered_price_table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 14px 0 !important;
  font-size: 13px !important;
}

table.wholesalewp_tiered_price_table thead th,
.wholesalewp_tiered_price_table thead th {
  background: var(--wwp-fe-bg) !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--wwp-fe-ink-muted) !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--wwp-fe-rule-soft) !important;
  text-align: left !important;
}

table.wholesalewp_tiered_price_table tbody tr:not(:first-child) td,
.wholesalewp_tiered_price_table tbody tr:not(:first-child) td {
  border-top: 1px solid var(--wwp-fe-rule-softer) !important;
}

table.wholesalewp_tiered_price_table tbody td,
.wholesalewp_tiered_price_table tbody td {
  background: var(--wwp-fe-bg-card) !important;
  padding: 11px 14px !important;
  color: var(--wwp-fe-ink) !important;
  font-weight: 500 !important;
}

/* Active row — buyer's current quantity break */
table.wholesalewp_tiered_price_table tbody td.wholesalewp_has_color,
.wholesalewp_tiered_price_table tbody td.wholesalewp_has_color,
table.wholesalewp_tiered_price_table tr.wholesalewp_active_tier td,
.wholesalewp_tiered_price_table tr.wholesalewp_active_tier td {
  background: var(--wwp-fe-accent-soft) !important;
  color: var(--wwp-fe-accent-deep) !important;
  font-weight: 600 !important;
}

/* "Active price" badge that replaces the regular price on PDP */
p.price.wholesalewp_tiered_active_price,
.wholesalewp_tiered_active_price {
  color: var(--wwp-fe-accent) !important;
  font-weight: 600 !important;
}

/* Horizontal-pill variant of the tiered table (some installs) */
.wholesalewp_tiered_price_table_horizontal tbody td {
  background: var(--wwp-fe-bg) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin: 0 4px !important;
  text-align: center;
  min-width: 100px;
}

.wholesalewp_tiered_price_table_horizontal tbody td.wholesalewp_has_color {
  background: var(--wwp-fe-accent-soft) !important;
  border-color: var(--wwp-fe-accent) !important;
  color: var(--wwp-fe-accent-deep) !important;
}

/* ===============================================================
 * CART / CHECKOUT B2B MESSAGES
 * - .wholesalewp_min_max_message            → min/max/step quantity warning
 * - .wholesalewp_minimum_order_message       → min order value warning
 * - .wholesalewp_cart_message                → generic plugin notices in cart
 * - .wholesalewp_b2b_only_warning            → "this product is for B2B users"
 * - .wholesalewp_quantity_warning            → live qty validation feedback
 * =============================================================== */

.wholesalewp_min_max_message,
.wholesalewp_minimum_order_message,
.wholesalewp_cart_message,
.wholesalewp_b2b_only_warning,
.wholesalewp_quantity_warning,
.wholesalewp_cart_b2b_warning {
  display: block;
  padding: 12px 16px !important;
  margin: 10px 0 !important;
  background: var(--wwp-fe-bg-card) !important;
  border: 1px solid var(--wwp-fe-rule-soft) !important;
  border-left: 3px solid var(--wwp-fe-warn) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--wwp-fe-ink-soft) !important;
  font-family: inherit !important;
}

.wholesalewp_b2b_only_warning,
.wholesalewp_cart_b2b_warning {
  border-left-color: var(--wwp-fe-accent) !important;
  color: var(--wwp-fe-accent-deep) !important;
}

.wholesalewp_quantity_warning_success {
  border-left-color: var(--wwp-fe-positive) !important;
  color: var(--wwp-fe-positive) !important;
}

/* Inline qty input feedback ring (when value is below min / above max) */
.wholesalewp_quantity_input_warning input[type="number"],
input.wholesalewp_quantity_input_warning {
  border-color: var(--wwp-fe-accent) !important;
  box-shadow: 0 0 0 3px rgba(232, 65, 42, 0.12) !important;
}

/* Cart-row B2B group label badge (shown next to product when applicable) */
.wholesalewp_cart_group_label {
  display: inline-block;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: var(--wwp-fe-accent-soft) !important;
  color: var(--wwp-fe-accent-deep) !important;
  margin-left: 8px;
  vertical-align: middle;
}