/**
 * ============================================================================
 * DEAL FINDER WIDGET - SIDEBAR OFFERS WIDGET
 * ============================================================================
 * Displays special deals and offers in the sidebar.
 * ============================================================================
 */

/* ========================================================================== */
/* MAIN CONTAINER */
/* ========================================================================== */
.deal-finder-widget {
  width: 300px; /* Fixed width */
  background: none; /* Transparent */
  border: 2px solid #211d25; /* Dark border */
  padding: 24px; /* Internal spacing */
  margin-top: 20px; /* Top spacing */
  position: relative; /* For positioning context */
}

/* WIDGET TITLE */
.deal-finder-widget__title {
  color: #ffffff; /* White text */
  font-size: 20px; /* Large heading */
  font-weight: 900; /* Heavy weight */
  margin: 0 0 24px 0; /* Bottom spacing */
  text-align: center; /* Center text */
}

/* OFFERS LIST */
.deal-finder-widget__list {
  list-style: none; /* Remove bullets */
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 16px; /* Space between offers */
}

/* INDIVIDUAL OFFER ITEM */
.deal-finder-widget__item {
  display: block; /* Block-level */
}

/* OFFER LINK */
.deal-finder-widget__link {
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  gap: 14px; /* Space between emoji and content */
  padding: 16px; /* Internal spacing */
  background-color: #211d25; /* Dark background */
  text-decoration: none; /* Remove underline */
  border: none; /* No border */
}

/* EMOJI ICON */
.deal-finder-widget__emoji {
  font-size: 28px; /* Large emoji */
  flex-shrink: 0; /* Don't shrink */
  line-height: 1; /* Tight line height */
}

/* CONTENT AREA */
.deal-finder-widget__content {
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 6px; /* Space between name and price */
  flex: 1; /* Grow to fill space */
}

/* OFFER NAME */
.deal-finder-widget__name {
  color: #ffffff; /* White text */
  font-size: 15px; /* Readable size */
  font-weight: 500; /* Medium weight */
  line-height: 1.2; /* Tight line spacing */
}

/* OFFER PRICE */
.deal-finder-widget__price {
  color: #ffffff; /* White text */
  font-size: 14px; /* Smaller size */
  font-weight: 900; /* Heavy weight for emphasis */
}
