/**
 * S5O Tools - Special Offer Styles
 * Countdown and auto-hide features
 *
 * @since 1.1.0
 */

p.s5o-specialoffer {
  margin-bottom: 0;
}

.s5o-specialoffer a {
  background-color: #00000055;
  border-radius: 4px;
  padding: 1px 3px;
}

.s5o-specialoffer a:hover {
  background-color: #ffffff55;
  color: black;
  border-radius: 4px;
  padding: 1px 3px;
}

/* Countdown container */
.s5o-countdown {
  display: inline-flex;
  align-items: center;
  font-variant-numeric: tabular-nums;
  margin-left: 3rem;
}

/* Individual countdown items */
.s5o-countdown-item {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

/* Countdown values (numbers) */
.s5o-countdown-value {
  font-weight: 700;
  font-size: 1rem;
  background-color: #00000055;
  border-radius: 4px;
  padding: 1px 3px;
}

/* Countdown labels (T, Std, Min) */
.s5o-countdown-label {
  font-weight: 600;
  font-size: 0.85em;
}

/* Expired state - hidden */
.s5o-countdown-expired {
  display: none !important;
}

/* Auto-hide trigger - always hidden */
.s5o-autohide-trigger {
  display: none !important;
}

/* Transition for smooth hide */
.s5o-countdown,
[class*="s5o-specialoffer-"] {
  transition: opacity 0.3s ease-out;
}

/* Optional: Separator dots between items */
.s5o-countdown-item:not(:last-child)::after {
  content: " ";
}