/* ═══════════════════════════════════════════════════════════════════════
   LUNAR TRACK · consent banner + floating WhatsApp CTA styles
   ═══════════════════════════════════════════════════════════════════ */

/* ───── DPDP consent banner ───── */
#ll-consent {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 9998;
  background: rgba(7, 10, 18, 0.96);
  border-top: 1px solid rgba(201, 168, 76, 0.32);
  padding: 18px 24px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5);
}
#ll-consent .ll-consent-body {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
#ll-consent p {
  flex: 1 1 280px;
  margin: 0;
  font-family: var(--ff-body, "Cormorant Garamond", Georgia, serif);
  font-size: 14.5px;
  color: var(--fg-dim, rgba(244, 236, 216, 0.75));
  line-height: 1.55;
}
#ll-consent .ll-consent-btns {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#ll-consent button {
  padding: 10px 22px;
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--ff-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: background 140ms ease, transform 140ms ease;
}
#ll-consent .ll-consent-reject {
  background: transparent;
  color: var(--fg-faint, rgba(244, 236, 216, 0.5));
  border: 1px solid rgba(244, 236, 216, 0.18);
}
#ll-consent .ll-consent-reject:hover {
  background: rgba(244, 236, 216, 0.04);
  color: var(--fg-dim);
}
#ll-consent .ll-consent-accept {
  background: var(--ac, #C9A84C);
  color: var(--bg-0, #070A12);
  border: 1px solid var(--ac, #C9A84C);
}
#ll-consent .ll-consent-accept:hover {
  background: var(--ac-bright, #e0bf60);
  transform: translateY(-1px);
}

/* ───── WhatsApp floating CTA ───── */
#ll-wa {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9997;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.42), 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
#ll-wa svg { width: 32px; height: 32px; }
#ll-wa:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 10px 32px rgba(37, 211, 102, 0.55), 0 4px 12px rgba(0, 0, 0, 0.4);
}
#ll-wa:active { transform: translateY(-1px) scale(0.98); }

@media (max-width: 640px) {
  #ll-wa { right: 16px; bottom: 16px; width: 52px; height: 52px; }
  #ll-wa svg { width: 28px; height: 28px; }
  #ll-consent { padding: 14px 16px; }
  #ll-consent .ll-consent-body { gap: 14px; }
  #ll-consent button { padding: 9px 18px; font-size: 10.5px; }
}

@media print {
  #ll-consent, #ll-wa { display: none !important; }
}