/**
 * ============================================================================
 * SIDEBAR SPOTLIGHT - SIDEBAR ADVERTISEMENT WIDGET
 * ============================================================================
 * Square promotional widget displayed in the sidebar.
 * ============================================================================
 */

/* ========================================================================== */
/* MAIN CONTAINER */
/* ========================================================================== */
.sidebar-spotlight {
  width: 300px; /* Fixed width */
  position: relative; /* Positioning context */
}

/* LABELS SECTION */
.sidebar-spotlight__labels {
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  gap: 10px; /* Space between labels */
  margin-bottom: 15px; /* Space below */
}

/* SPOTLIGHT BADGE */
.sidebar-spotlight__badge {
  display: inline-block; /* Inline but with block properties */
  background-color: #211d25; /* Dark background */
  color: #ffffff; /* White text */
  padding: 6px 16px; /* Internal spacing */
  font-size: 11px; /* Small text */
  font-weight: 500; /* Medium weight */
  text-transform: uppercase; /* ALL CAPS */
  letter-spacing: 1px; /* Letter spacing */
}

/* CONTENT AREA - SQUARE AD SPACE */
.sidebar-spotlight__content {
  width: 300px; /* Fixed width */
  height: 300px; /* Fixed height (square) */
  background-color: #211d25; /* Dark background */
  display: flex; /* Flexbox */
  align-items: center; /* Vertically center */
  justify-content: center; /* Horizontally center */
}

/* PLACEHOLDER TEXT */
.sidebar-spotlight__text {
  color: rgba(255, 255, 255, 0.4); /* Very dimmed white */
  font-size: 14px; /* Text size */
  font-weight: 400; /* Regular weight */
  margin: 0; /* No margin */
  text-align: center; /* Center text */
}