/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2025 | 04:34:57 */
/* --- Final Styles for the Badge Wrapper and Badge --- */

/* 1. The Wrapper: This div's only job is to center the badge. */
.custom-badge-wrapper {
  width: 100% !important;         /* Take up the full available width. */
  display: flex !important;       /* Use flexbox to easily center its content. */
  justify-content: center !important; /* Center the badge horizontally. */
  margin-bottom: 20px !important; /* Add some space below the badge. */
}

/* 2. The Badge: This is the visible red element. */
.custom-discount-badge {
  /* Core Visual Styles */
  background-color: #dc3545 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bolder !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  
  /* Sizing and Padding */
  display: inline-block !important; /* Behaves like a block but fits its content. */
  padding: 6px 20px !important;
  white-space: nowrap !important; /* Prevent text from wrapping. */
}