/**
 * Environment-aware CSS
 * Provides conditional styling based on environment detection
 */

/* Base rule: Hide buy now buttons in production by default */
.btn-not-selling-yet {
  display: none !important;
}

/* Show buy now buttons in non-production environments */
.env-non-production .btn-not-selling-yet {
  display: inline-block !important;
}

/* Specific environment classes for more granular control */
.env-development .btn-not-selling-yet,
.env-staging .btn-not-selling-yet {
  display: inline-block !important;
}

/* Environment indicators (optional for debugging) */
.env-development::before {
  content: '🧪 DEV';
  position: fixed;
  top: 10px;
  right: 10px;
  background: #28a745;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  z-index: 9999;
  font-family: monospace;
}

.env-staging::before {
  content: '🚀 STAGING';
  position: fixed;
  top: 10px;
  right: 10px;
  background: #ffc107;
  color: black;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  z-index: 9999;
  font-family: monospace;
}

/* Hide environment indicators in production */
.env-production::before {
  display: none !important;
}

/* Additional utility classes for environment-specific styling */
.show-in-development {
  display: none !important;
}

.show-in-staging {
  display: none !important;
}

.show-in-production {
  display: none !important;
}

.hide-in-development {
  display: block !important;
}

.hide-in-staging {
  display: block !important;
}

.hide-in-production {
  display: block !important;
}

/* Environment-specific display rules */
.env-development .show-in-development {
  display: block !important;
}

.env-development .hide-in-development {
  display: none !important;
}

.env-staging .show-in-staging {
  display: block !important;
}

.env-staging .hide-in-staging {
  display: none !important;
}

.env-production .show-in-production {
  display: block !important;
}

.env-production .hide-in-production {
  display: none !important;
}

/* Responsive adjustments for flex containers */
.env-non-production .d-xl-flex .btn-not-selling-yet {
  display: block !important;
}

.env-non-production .d-grid .btn-not-selling-yet {
  display: inline-block !important;
}

.env-non-production .flex-fill.btn-not-selling-yet {
  display: block !important;
}