/* -----------------------------------------------------------------------
 * Landbid — cosmic identity styles
 * Loaded from templates/layouts/base.html after the Tailwind CDN so tag
 * selectors here yield to any Tailwind class-selector overrides in markup.
 * ---------------------------------------------------------------------- */

/* ---- Gradient text helper --------------------------------------------- */
.text-aurora {
  background-image: linear-gradient(120deg, #22D3EE 0%, #7C5CFF 55%, #FF4DD8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---- Subtle starfield used behind hero sections ----------------------- */
.bg-starfield {
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255, 255, 255, 0.35) 50%, transparent 100%),
    radial-gradient(1px 1px at 70% 60%, rgba(255, 255, 255, 0.25) 50%, transparent 100%),
    radial-gradient(1px 1px at 40% 80%, rgba(255, 255, 255, 0.30) 50%, transparent 100%),
    radial-gradient(1.5px 1.5px at 85% 20%, rgba(255, 255, 255, 0.40) 50%, transparent 100%),
    radial-gradient(1px 1px at 15% 70%, rgba(255, 255, 255, 0.20) 50%, transparent 100%);
  background-size: 300px 300px;
}

/* ---- Landing hero conic aurora sweep ---------------------------------- */
.hero-aurora-sweep {
  background: conic-gradient(
    from 210deg at 50% 50%,
    rgba(34, 211, 238, 0.0) 0deg,
    rgba(34, 211, 238, 0.35) 60deg,
    rgba(124, 92, 255, 0.45) 140deg,
    rgba(255, 77, 216, 0.35) 220deg,
    rgba(124, 92, 255, 0.20) 300deg,
    rgba(34, 211, 238, 0.0) 360deg
  );
  filter: blur(80px);
}

/* ---- <details>/<summary> marker reset (used on FAQ) ------------------- */
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

/* ---- Cosmic defaults for bare form controls --------------------------- *
 * Templates that pass explicit `bg-*` / `text-*` / `border-*` Tailwind
 * classes still win via class-selector specificity. Tag selectors here
 * only fill the gap when a control has no bg class of its own.
 * ----------------------------------------------------------------------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
textarea,
select {
  background-color: rgba(255, 255, 255, 0.05);
  color: #F2F4FF;
  border-color: rgba(255, 255, 255, 0.10);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #7C5CFF;
  box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.25);
}

input::placeholder,
textarea::placeholder {
  color: rgba(138, 147, 184, 0.55);
}

select option {
  background-color: #0B1226;
  color: #F2F4FF;
}

/* Chrome/Edge autofill repaints inputs white — force cosmic bg + text. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #0B1226 inset !important;
  -webkit-text-fill-color: #F2F4FF !important;
  caret-color: #F2F4FF;
}