/* ==========================================================================
   TENBIT ADDON - GLOBAL WOOCOMMERCE STYLES & RESETS
   Brand: Backyard Butchers / Meat Box Delivery Theme
   ========================================================================== */

:root {
  --tb-font-heading: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tb-font-body: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tb-font-accent: 'Bricolage Grotesque', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --tb-brand-red: #c91818;
  --tb-brand-red-hover: #a51212;
  --tb-brand-black: #08090a;
  --tb-brand-dark: #121316;
  --tb-brand-card: #1a1b1f;
  --tb-brand-surface: #22242a;
  --tb-brand-gold: #e5a93b;

  --tb-text-white: #ffffff;
  --tb-text-dark: #111827;
  --tb-text-main: #1f2937;
  --tb-text-muted: #6b7280;
  --tb-text-light: #9ca3af;

  --tb-border-color: #e5e7eb;
  --tb-border-dark: rgba(255, 255, 255, 0.1);
  --tb-border-focus: #c91818;

  --tb-radius-sm: 4px;
  --tb-radius-md: 8px;
  --tb-radius-lg: 12px;
  --tb-radius-full: 9999px;

  --tb-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --tb-shadow-md: 0 10px 25px rgba(0, 0, 0, 0.1);
  --tb-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
  --tb-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base WooCommerce Typography & Container */
.woocommerce,
.woocommerce-page {
  font-family: var(--tb-font-body);
  color: var(--tb-text-main);
  line-height: 1.6;
}

.woocommerce a,
.woocommerce-page a {
  text-decoration: none;
  transition: var(--tb-transition);
}

/* WooCommerce Standard Notices (Success, Error, Info) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: 1.1rem 1.5rem !important;
  margin: 0 0 2rem 0 !important;
  border-radius: var(--tb-radius-md) !important;
  font-family: var(--tb-font-body) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  list-style: none !important;
  box-shadow: var(--tb-shadow-sm) !important;
  border: none !important;
}

.woocommerce-message {
  background: #ecfdf5 !important;
  color: #065f46 !important;
  border-left: 5px solid #10b981 !important;
}

.woocommerce-message .button,
.woocommerce-message a.button {
  background: #10b981 !important;
  color: #ffffff !important;
  padding: 0.45rem 1.15rem !important;
  border-radius: var(--tb-radius-sm) !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  float: none !important;
  margin: 0 !important;
}

.woocommerce-message .button:hover {
  background: #059669 !important;
}

.woocommerce-info {
  background: #eff6ff !important;
  color: #1e40af !important;
  border-left: 5px solid #3b82f6 !important;
}

.woocommerce-info a {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.woocommerce-error {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border-left: 5px solid var(--tb-brand-red) !important;
}

.woocommerce-error li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  font-family: var(--tb-font-body);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--tb-text-muted);
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  color: var(--tb-text-dark);
  font-weight: 600;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
  color: var(--tb-brand-red);
}

/* Default Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: var(--tb-font-heading) !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--tb-radius-sm) !important;
  padding: 0.85rem 1.6rem !important;
  transition: var(--tb-transition) !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  border: none !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background-color: var(--tb-brand-red) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(201, 24, 24, 0.25) !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background-color: var(--tb-brand-red-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(201, 24, 24, 0.35) !important;
}

/* Sale Badges */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
  background: var(--tb-brand-red) !important;
  color: #ffffff !important;
  font-family: var(--tb-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: var(--tb-radius-sm) !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  box-shadow: 0 4px 12px rgba(201, 24, 24, 0.3) !important;
}

/* Star Ratings */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
  color: var(--tb-brand-gold) !important;
  font-size: 0.95rem !important;
}