/* =============================================================================
   ZedWed — LIGHT "DOCUMENT" SURFACE  (single source of truth)
   -----------------------------------------------------------------------------
   Reading / form pages rendered as the light login-onboarding card on the app's
   plum→pink ground: policy pages, edit profile, account management, delete
   account, support, subscriptions, billing/receipts.

   Colours come entirely from auth-theme.css tokens (--zw-auth-*), so retheming
   happens there. This file only maps those tokens onto the dark theme-1 engine
   (--min-*/--bento-*/--policy-*) for any element wrapped in `.zw-light-doc`, so
   components re-render light with no per-page rewrites.

   Loaded (after auth-theme.css) by website/base.html and cms/base.html.
============================================================================= */
.zw-light-doc {
  /* Frosted plum "document" card with WHITE text (readable on the bright ground) */
  --min-text: #ffffff;
  --min-heading: #ffffff;
  --min-muted: rgba(255,255,255,.82);
  --min-muted-2: rgba(255,255,255,.70);
  --min-pink: var(--zw-auth-accent, #bb246b);
  --min-pink-light: #ff9dcb;
  --min-purple: #8a4fd6;
  --min-border: rgba(255,255,255,.14);
  --min-border-pink: rgba(255,157,203,.26);
  --min-shadow: 0 1px 4px rgba(20,6,32,.30), 0 10px 26px rgba(20,6,32,.28);
  --panel-bg: rgba(255,255,255,.08);
  --panel-bg-strong: rgba(255,255,255,.12);
  --panel-border: rgba(255,255,255,.14);
  --panel-shadow: 0 18px 36px rgba(20,6,32,.30);
  --card-sheen: linear-gradient(165deg, rgba(74,42,96,.55) 0%, rgba(48,26,66,.62) 100%);
  --card-shadow: 0 18px 40px rgba(20,6,32,.42), inset 0 1px 0 rgba(255,255,255,.10);
  --bento-card-bg: var(--card-sheen);
  --bento-card-border: rgba(255,255,255,.14);
  --bento-card-shadow: var(--card-shadow);
  --bento-inner-bg: rgba(255,255,255,.07);
  --bento-inner-bg-strong: rgba(255,255,255,.12);
  --bento-inner-border: rgba(255,255,255,.14);
  --bento-pill-bg: rgba(255,255,255,.08);
  --bento-pill-bg-focus: rgba(255,255,255,.14);
  --bento-accent: rgba(255,157,203,.5);
  --bento-accent-soft: rgba(255,157,203,.22);
  --bento-text: #ffffff;
  --bento-text-soft: rgba(255,255,255,.82);
  --bento-heading-soft: #ffffff;

  /* django-CMS policy tokens */
  --policy-text: #ffffff;
  --policy-heading: #ffffff;
  --policy-muted: rgba(255,255,255,.82);
  --policy-muted-2: rgba(255,255,255,.70);
  --policy-border: rgba(255,255,255,.14);
  --policy-surface: var(--card-sheen);
  --policy-shadow: var(--card-shadow);
  --policy-accent: var(--zw-auth-accent, #bb246b);
  --policy-accent-2: #8a4fd6;
  --policy-accent-3: var(--zw-auth-accent, #bb246b);

  color: #ffffff;
}

/* Headings + body copy are WHITE on the frosted card */
.zw-light-doc, .zw-light-doc p, .zw-light-doc li, .zw-light-doc span,
.zw-light-doc label, .zw-light-doc dt, .zw-light-doc dd,
.zw-light-doc td, .zw-light-doc th, .zw-light-doc small,
.zw-light-doc .page-intro, .zw-light-doc .text-muted, .zw-light-doc .text-white {
  color: #ffffff !important;
}
.zw-light-doc h1, .zw-light-doc h2, .zw-light-doc h3,
.zw-light-doc h4, .zw-light-doc h5, .zw-light-doc h6,
.zw-light-doc .page-kicker { color: #ffffff !important; }
.zw-light-doc .page-kicker { opacity: .8; }
.zw-light-doc a:not(.btn):not([class*="btn-"]):not(.policy-chip-link):not(.chip-link) { color: #ff9dcb !important; }
.zw-light-doc hr { border-color: rgba(255,255,255,.14) !important; }

/* Filled / gradient buttons keep WHITE text (incl. their label spans) */
.zw-light-doc .btn-primary, .zw-light-doc .btn-primary *,
.zw-light-doc #submitBtn, .zw-light-doc #submitBtn *,
.zw-light-doc #photo-upload-btn, .zw-light-doc #photo-upload-btn *,
.zw-light-doc .fpill-apply, .zw-light-doc .fpill-apply *,
.zw-light-doc .btn-connect-neon, .zw-light-doc .btn-connect-neon *,
.zw-light-doc .btn-upgrade, .zw-light-doc .btn-upgrade *,
.zw-light-doc .btn-upgrade-mini, .zw-light-doc .btn-upgrade-mini *,
.zw-light-doc .btn-profile-neon, .zw-light-doc .btn-profile-neon *,
.zw-light-doc .btn-search-neon, .zw-light-doc .btn-search-neon *,
.zw-light-doc .btn-login-go, .zw-light-doc .btn-login-go *,
.zw-light-doc .mobile-search-lock-upgrade, .zw-light-doc .mobile-search-lock-upgrade *,
.zw-light-doc .policy-chip-link--primary, .zw-light-doc .policy-chip-link--primary * {
  color: #fff !important;
}

/* Filled/primary buttons must read as a distinct raised element on the light
   pink surfaces — opaque accent gradient + clear elevation so they don't blend. */
.zw-light-doc .btn-primary,
.zw-light-doc #submitBtn,
.zw-light-doc #photo-upload-btn,
.zw-light-doc .fpill-apply,
.zw-light-doc .btn-connect-neon,
.zw-light-doc .btn-upgrade,
.zw-light-doc .btn-upgrade-mini,
.zw-light-doc .btn-profile-neon,
.zw-light-doc .btn-search-neon,
.zw-light-doc .policy-chip-link--primary {
  background: linear-gradient(135deg, #bb246b 0%, #8a4fd6 100%) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: 0 10px 24px rgba(118,22,78,.40), 0 2px 6px rgba(118,22,78,.30) !important;
}
.zw-light-doc .btn-primary:hover,
.zw-light-doc #submitBtn:hover,
.zw-light-doc #photo-upload-btn:hover,
.zw-light-doc .fpill-apply:hover,
.zw-light-doc .btn-connect-neon:hover,
.zw-light-doc .btn-upgrade:hover,
.zw-light-doc .btn-upgrade-mini:hover,
.zw-light-doc .btn-profile-neon:hover,
.zw-light-doc .policy-chip-link--primary:hover {
  filter: brightness(1.05) !important;
  box-shadow: 0 14px 30px rgba(118,22,78,.48), 0 2px 6px rgba(118,22,78,.30) !important;
}

/* Secondary / ghost buttons: subtle dark-tint pill so WHITE text stays legible
   on both the pink hero and the near-white cards. */
.zw-light-doc .policy-chip-link:not(.policy-chip-link--primary),
.zw-light-doc .btn-outline-light {
  background: rgba(40,20,55,.30) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  color: #fff !important;
}
.zw-light-doc .policy-chip-link:not(.policy-chip-link--primary) *,
.zw-light-doc .btn-outline-light * { color: #fff !important; }
.zw-light-doc .policy-chip-link:not(.policy-chip-link--primary):hover,
.zw-light-doc .btn-outline-light:hover {
  background: rgba(40,20,55,.42) !important;
  border-color: rgba(255,255,255,.6) !important;
  color: #fff !important;
}

/* Icons (icon-fonts + inline SVG) inside any light-doc button stay white */
.zw-light-doc .btn i, .zw-light-doc [class*="btn-"] i,
.zw-light-doc .policy-chip-link i, .zw-light-doc button[type="submit"] i { color: #fff !important; }
.zw-light-doc .policy-chip-link svg,
.zw-light-doc [class*="btn-"] svg { fill: #fff !important; stroke: #fff !important; }

/* Form controls = translucent pills with WHITE text on the frosted plum card
   (not solid-white blocks — that hid the existing text in About/hobby/support
   and recoloured the profile value pills). */
.zw-light-doc input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.zw-light-doc select,
.zw-light-doc textarea {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}
.zw-light-doc input::placeholder,
.zw-light-doc textarea::placeholder { color: rgba(255,255,255,.55) !important; }
.zw-light-doc select option { background: #2a1630 !important; color: #ffffff !important; }
.zw-light-doc input:focus, .zw-light-doc select:focus, .zw-light-doc textarea:focus {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,157,203,.5) !important;
  box-shadow: 0 0 0 3px rgba(187,36,107,.22) !important;
  outline: none !important;
}
.zw-light-doc input[type="checkbox"], .zw-light-doc input[type="radio"] { accent-color: var(--zw-auth-accent, #bb246b) !important; }

/* Empty avatar frame reads as a light placeholder instead of a black box */
.zw-light-doc .profile-avatar,
.zw-light-doc .avatar-img { background: rgba(40,20,55,.06) !important; }