/* =============================================================================
 * Complianz consent banner — Liftaya brand skin.
 * Overrides the default Complianz look (blue/grey) to match the store:
 * pink primary, pill buttons, soft card, brand fonts. Targets Complianz's
 * stable .cmplz-* classes. Loaded site-wide (banner appears on every page).
 * ========================================================================== */

.cmplz-cookiebanner {
  border: 1px solid var(--line, #f0e2e8) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(27, 18, 20, .18) !important;
  background: #fff !important;
  font-family: var(--font-body, "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
  overflow: hidden;
}

/* Subtle pink accent strip at the top of the card. */
.cmplz-cookiebanner .cmplz-header {
  position: relative;
}
.cmplz-cookiebanner .cmplz-header::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ff2d78, #ff7eb0);
}

.cmplz-cookiebanner .cmplz-title {
  font-family: var(--font-display, "Fraunces", Georgia, serif) !important;
  color: var(--midnight, #1b1214) !important;
  font-weight: 700 !important;
}

.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-description {
  color: var(--muted, #6b6168) !important;
  font-size: .85rem !important;
  line-height: 1.55 !important;
}

/* ---- Buttons → brand pills, with a clear hierarchy ---- */
.cmplz-cookiebanner .cmplz-btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

/* Accept = the hero: bigger, pink, soft glow, draws the eye. */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background: #ff2d78 !important;
  color: #fff !important;
  border: 1px solid #ff2d78 !important;
  font-size: 1rem !important;
  padding: .9rem 2.6rem !important;
  min-width: 210px !important;
  box-shadow: 0 10px 24px rgba(255, 45, 120, .35) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
  background: #e51e63 !important;
  border-color: #e51e63 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px rgba(255, 45, 120, .45) !important;
}

/* Deny = secondary: visible (GDPR), but smaller + quieter than Accept. */
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
  background: #fff !important;
  color: var(--midnight, #1b1214) !important;
  border: 1px solid var(--line, #e8d8df) !important;
  font-size: .82rem !important;
  padding: .62rem 1.3rem !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options:hover {
  border-color: #ff2d78 !important;
  color: #ff2d78 !important;
}

/* View preferences = tertiary: subtle ghost/link, least emphasis. */
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--muted, #6b6168) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  padding: .62rem 1rem !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover {
  color: #ff2d78 !important;
}

/* Links (Cookie Policy, etc.). */
.cmplz-cookiebanner .cmplz-link,
.cmplz-cookiebanner .cmplz-documents a,
.cmplz-cookiebanner a {
  color: #ff2d78 !important;
}

/* Preferences view — category toggles + titles. */
.cmplz-cookiebanner .cmplz-category-title,
.cmplz-cookiebanner .cmplz-category-header .cmplz-title {
  color: var(--midnight, #1b1214) !important;
  font-weight: 700 !important;
}
.cmplz-cookiebanner input[type="checkbox"],
.cmplz-cookiebanner .cmplz-consent-checkbox,
.cmplz-cookiebanner .cmplz-category-toggle {
  accent-color: #ff2d78 !important;
}

/* Close (X). */
.cmplz-cookiebanner .cmplz-close {
  color: var(--muted, #6b6168) !important;
}

/* Mobile — comfortable, full-width buttons. */
@media (max-width: 560px) {
  .cmplz-cookiebanner {
    border-radius: 16px !important;
  }
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    width: 100% !important;
  }
}