/* ============================================================
   RallyAlly — US / North America market layer
   Announcement bar, footer trust + payment strip.
   Loaded on every page after style.css / customize_v2.css.
   ============================================================ */

/* ---- Bottom announcement strip (free shipping / made-to-order) ---- */
/* Sits in normal flow at the very bottom of the page, below the footer. */
.us-announce {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 12px 16px;
  background: var(--persimmon, #E86A33);
  color: #fff;
  font-family: var(--font-heading, "Oswald", sans-serif);
  font-stretch: condensed;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
}
.us-announce span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.us-announce svg { flex-shrink: 0; }
.us-announce .us-announce-sep { opacity: 0.55; }

/* Mobile: condense the strip */
@media (max-width: 768px) {
  .us-announce { gap: 12px; font-size: 10.5px; padding: 10px 14px; }
  .us-announce .us-announce-sep { display: none; }
}

/* ---- Footer trust + payment strip ---- */
.us-footer-trust {
  border-top: 1px solid var(--graphite-fade, rgba(255,255,255,0.1));
  margin-top: var(--space-lg, 24px);
  padding-top: var(--space-lg, 24px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.us-trust-points {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.us-trust-points .us-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-heading, "Oswald", sans-serif);
  font-stretch: condensed;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cloud-dancer, #F4EFE7);
}
.us-trust-points svg { color: var(--persimmon, #E86A33); flex-shrink: 0; }

.us-pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.us-pay-label {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--graphite-light, #9a9aa0);
  margin-right: 4px;
}
.us-pay-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 40px;
  padding: 0 8px;
  border-radius: 4px;
  background: #ffffff;
  color: #1a1a2e;
  font-family: var(--font-heading, "Oswald", sans-serif);
  font-stretch: condensed;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: 1px solid rgba(0,0,0,0.08);
}