/* ============================================================
   Signature Homeworx — Offer Deadline widget.
   Brand defaults below; per-instance colors override via the
   --shxod-* custom properties set inline by the widget.
   ============================================================ */
.shx-od {
  --shxod-text: #0D0040;
  --shxod-tile-bg: #0D0040;
  --shxod-tile-text: #ffffff;
  --shxod-label: #808080;
  --shxod-accent: #fbbc04;
  --shxod-ended: #808080;
  --shxod-font: 'Outfit', system-ui, sans-serif;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-family: var(--shxod-font);
  color: var(--shxod-text);
  text-align: center;
}

/* Horizontal layout (v1.1): text left, countdown right; stacks on phones */
.shx-od--h {
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.shx-od--h .shx-od__lead { text-align: left; }
@media (max-width: 560px) {
  .shx-od--h {
    flex-direction: column;
    gap: 12px;
  }
  .shx-od--h .shx-od__lead { text-align: center; }
}

.shx-od__lead { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; }
.shx-od__date {
  font-weight: 800;
  white-space: nowrap;
  border-bottom: 3px solid var(--shxod-accent);
  padding-bottom: 1px;
}

.shx-od__count { display: flex; gap: 10px; }
.shx-od__unit { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.shx-od__num {
  min-width: 58px;
  padding: 10px 8px;
  border-radius: 8px;
  background: var(--shxod-tile-bg);
  color: var(--shxod-tile-text);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.shx-od__unitlabel {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shxod-label);
}

.shx-od__ended { margin: 0; font-size: 16px; font-weight: 600; color: var(--shxod-ended); }
.shx-od--hidden { display: none; }

@media (max-width: 480px) {
  .shx-od__num { min-width: 46px; font-size: 20px; padding: 8px 6px; }
  .shx-od__count { gap: 6px; }
}