/* Brand Conditional Display Styles - STRICTLY SHOW/HIDE ONLY */

/* Hide containers that don't match the current brand */
.brand-conditional-hide,
.brand-no-match {
  display: none !important;
}

/* Show containers that match the current brand */
.brand-conditional-show,
.brand-match {
  /* NO STYLING - just ensure it's visible */
}

/* Brand-specific body classes for global styling */
body.product-brand-original .original-brand-only {
  display: flex !important;
}

body.product-brand-original .other-brand-only {
  display: none !important;
}

/* Example: Hide "Original" specific content on other brand pages */
body:not(.product-brand-original) .original-brand-only {
  display: none !important;
}

/* Select Cuts brand-specific body classes for global styling */
body.product-brand-select-cuts .select-cuts-brand-only {
  display: flex !important;
}

body.product-brand-select-cuts .other-brand-only {
  display: none !important;
}

/* Example: Hide "Select Cuts" specific content on other brand pages */
body:not(.product-brand-select-cuts) .select-cuts-brand-only {
  display: none !important;
}

/* Debug styles - ONLY when debug mode is enabled */
.brand-debug-mode .brand-conditional-container {
  position: relative;
  border: 2px dashed #ff6b6b;
  padding: 10px;
  margin: 5px 0;
}

.brand-debug-mode .brand-conditional-container::before {
  content: attr(data-brand-class) " - " attr(class);
  position: absolute;
  top: -25px;
  left: 0;
  background: #ff6b6b;
  color: white;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1000;
}

.brand-debug-mode .brand-match {
  border-color: #51cf66;
}

.brand-debug-mode .brand-match::before {
  background: #51cf66;
}