/* === Bosshift Hotfix (UI Normalization / Overlay Removal) === */

/* 1) Normalize form controls to dark theme (override any white UA styles) */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select,
.input {
  background: var(--panel) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

/* Remove platform overlays (iOS/Safari/Edge) */
button,
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
}

/* 2) Buttons — ensure brand color, no ghost/white fill */
.btn {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  border: 0 !important;
  box-shadow: var(--shadow) !important;
}
.btn:hover { opacity: .95 !important; }
.btn:disabled,
button:disabled,
input:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* Mailchimp submit buttons inherit .btn look */
#waitlist-top .btn,
#waitlist-bottom .btn {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
}

/* 3) Ensure quick cards & BNPL tiles stay dark */
.hero-quick-card,
.bnpl-card,
.card {
  background: var(--card) !important;
  border-color: var(--line) !important;
}

/* 4) Social icons — restore layout and visibility */
.social-links a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--accent) !important;
}
.social-links i {
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* 5) Inputs placeholder color on dark bg */
::placeholder { color: var(--muted) !important; opacity: 1 !important; }


/* === Social row alignment refinement === */
.social-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px 14px !important;
  align-items:center !important;
}
/* Treat bullets or separators as elements so they align */
.social-links .sep{
  opacity:.7;
  display:inline-flex;
  align-items:center;
  line-height:1;
  margin:0 2px;
}
/* Each link becomes an inline-flex chip for perfect baseline */
.social-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  line-height:1 !important;
  padding:2px 0;
  border-radius:8px;
}
.social-links i{
  font-size:18px !important;
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* Optional hover nudge */
.social-links a:hover{ transform: translateY(-1px); }