/**
 * What's New Section Protection Styles
 * Ensures the What's New section maintains its styling and behavior
 */

/* Protection markers */
.whats-new-section {
  position: relative;
}

.whats-new-section[data-whats-new-protected="true"] {
  /* Visual indicator for developers (only visible in debug mode) */
}

/* Ensure protected products maintain their styling */
.whats-new-products-protected {
  /* Maintain original product styling */
}

.whats-new-products-wrapper {
  /* Wrapper to preserve original shortcode structure */
}

/* Hide any debug indicators in production */
body:not(.whats-new-debug) .whats-new-section::before {
  display: none !important;
}

/* Debug mode indicators (only when WP_DEBUG is true) */
body.whats-new-debug .whats-new-section::before {
  content: "Protected What's New Section";
  position: absolute;
  top: -20px;
  left: 0;
  background: #ff6b6b;
  color: white;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 3px;
  z-index: 1000;
  opacity: 0.8;
}

/* Ensure AJAX loading states don't affect What's New */
.whats-new-section .products {
  transition: opacity 0.3s ease;
}

.whats-new-section.loading .products {
  opacity: 0.7;
}

/* Prevent prdctfltr loading animations on What's New */
.whats-new-section .prdctfltr-loading {
  display: none !important;
}

/* Ensure What's New products maintain grid layout */
.whats-new-section .products {
  display: grid !important;
}

/* Emergency visibility protection */
.whats-new-section[style*="display: none"] {
  display: block !important;
}

.whats-new-section .products[style*="display: none"] {
  display: grid !important;
}