/* Product Type Conditional Display Styles - STRICTLY SHOW/HIDE ONLY */

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

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

/* Combined conditional logic - show if ANY of the conditions match */
/* This allows for OR logic between different product types and brands */

/* Combined product type conditions */
.dry-food-only.wet-food-only {
  /* Show if product is dry-food OR wet-food */
}

.dry-food-only.soft-moist-only {
  /* Show if product is dry-food OR soft-moist */
}

.dry-food-only.ziggy-bars-only {
  /* Show if product is dry-food OR ziggy-bars */
}

.wet-food-only.soft-moist-only {
  /* Show if product is wet-food OR soft-moist */
}

.wet-food-only.ziggy-bars-only {
  /* Show if product is wet-food OR ziggy-bars */
}

.soft-moist-only.ziggy-bars-only {
  /* Show if product is soft-moist OR ziggy-bars (both are treats) */
}

/* Combined brand and product type conditions */
.original-brand-only.dry-food-only {
  /* Show if product is original brand AND dry-food */
}

.original-brand-only.wet-food-only {
  /* Show if product is original brand AND wet-food */
}

.select-cuts-brand-only.dry-food-only {
  /* Show if product is select-cuts brand AND dry-food */
}

.select-cuts-brand-only.wet-food-only {
  /* Show if product is select-cuts brand AND wet-food */
}

/* Triple combinations */
.original-brand-only.dry-food-only.wet-food-only {
  /* Show if product is original brand AND (dry-food OR wet-food) */
}

.select-cuts-brand-only.dry-food-only.wet-food-only {
  /* Show if product is select-cuts brand AND (dry-food OR wet-food) */
}

/* Product type-specific body classes for global styling */
body.product-type-dry-food .dry-food-only {
  display: flex !important;
}

body.product-type-dry-food .other-product-type-only {
  display: none !important;
}

/* Example: Hide "Dry Food" specific content on other product type pages */
body:not(.product-type-dry-food) .dry-food-only {
  display: none !important;
}

/* Wet Food product type-specific body classes for global styling */
body.product-type-wet-food .wet-food-only {
  display: flex !important;
}

body.product-type-wet-food .other-product-type-only {
  display: none !important;
}

/* Example: Hide "Wet Food" specific content on other product type pages */
body:not(.product-type-wet-food) .wet-food-only {
  display: none !important;
}

/* Soft Moist product type-specific body classes for global styling */
body.product-type-soft-moist .soft-moist-only {
  display: flex !important;
}

body.product-type-soft-moist .treats-only {
  display: flex !important;
}

body.product-type-soft-moist .other-product-type-only {
  display: none !important;
}

/* Example: Hide "Soft Moist" specific content on other product type pages */
body:not(.product-type-soft-moist) .soft-moist-only {
  display: none !important;
}

/* Ziggy Bars product type-specific body classes for global styling */
body.product-type-ziggy-bars .ziggy-bars-only {
  display: flex !important;
}

body.product-type-ziggy-bars .treats-only {
  display: flex !important;
}

body.product-type-ziggy-bars .other-product-type-only {
  display: none !important;
}

/* Example: Hide "Ziggy Bars" specific content on other product type pages */
body:not(.product-type-ziggy-bars) .ziggy-bars-only {
  display: none !important;
}

/* Treats parent category - shows for both soft-moist and ziggy-bars */
body.product-type-treats .treats-only {
  display: flex !important;
}

body.product-type-treats .other-product-type-only {
  display: none !important;
}

/* Example: Hide "Treats" specific content on non-treats product type pages */
body:not(.product-type-treats) .treats-only {
  display: none !important;
}

/* Combined conditional classes */
.combined-conditional-hide {
  display: none !important;
}

.combined-conditional-show {
  /* NO STYLING - just ensure it's visible */
}

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

.product-type-debug-mode .product-type-conditional-container::before {
  content: attr(data-product-type-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;
}

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

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