/* ============================================================
   CONSENT BANNER — equal-weight choice
   Loaded LAST by every Mikey LP that carries the banner
   (sleep-event, sleep-event-v3, labor-day, independence-day,
   memorial-day — both markets).

   Why this file exists: the three styles.css copies are shared
   by every live page and are not editable per the standing rule,
   so the override lives here and each page links it after its
   own stylesheet.

   Why equal weight: a big "Accept" beside a faint "Reject" is
   the choice architecture regulators cite by name, and Google's
   own consent policy expects comparable prominence. Both buttons
   get the same geometry and weight; only hue distinguishes them.
   The lift we want comes from the COPY explaining what accepting
   buys the visitor, not from making the other option hard to see.
   ============================================================ */

.cookie-banner .cookie-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
}

/* Shared geometry — identical box, identical weight. */
.cookie-banner .cookie-accept,
.cookie-banner .cookie-reject {
  min-width: 148px;
  padding: 11px 20px;
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.cookie-banner .cookie-accept {
  background: var(--brass);
  color: var(--navy);
  border-color: var(--brass);
}
.cookie-banner .cookie-accept:hover {
  background: var(--brass-light);
  border-color: var(--brass-light);
}

/* Filled, not ghosted — this is a real choice, presented as one. */
.cookie-banner .cookie-reject {
  background: rgba(250, 247, 242, 0.94);
  color: var(--navy);
  border-color: rgba(250, 247, 242, 0.94);
}
.cookie-banner .cookie-reject:hover {
  background: #fff;
  border-color: #fff;
  color: var(--navy);
}

.cookie-banner .cookie-accept:focus-visible,
.cookie-banner .cookie-reject:focus-visible {
  outline: 2px solid var(--brass-light);
  outline-offset: 2px;
}

.cookie-banner .cookie-text {
  font-size: 0.92rem;
  line-height: 1.55;
}
.cookie-banner .cookie-text strong { color: var(--brass-light); font-weight: 600; }

@media (max-width: 600px) {
  .cookie-banner .cookie-actions { width: 100%; gap: 8px; }
  .cookie-banner .cookie-accept,
  .cookie-banner .cookie-reject {
    flex: 1 1 0;
    min-width: 0;
    padding: 12px 10px;
    font-size: 0.88rem;
  }
}