/*! Advanceworx Forms 0.2.0 — glass theme (dark frosted panel, white text, gradient chips), after the Ontix
    enquiry prototype. Loads after awxforms.css and only re-points the custom properties. */

.awxf-theme-glass {
  --awxf-text: #ffffff;
  --awxf-muted: #bbbcbc;
  --awxf-panel-bg: rgba(28, 28, 31, 0.8);
  --awxf-panel-text: #ffffff;
  --awxf-line: rgba(255, 255, 255, 0.14);
  --awxf-field-bg: rgba(255, 255, 255, 0.06);
  --awxf-field-text: #ffffff;
  --awxf-field-border: rgba(255, 255, 255, 0.16);
  --awxf-field-border-hover: rgba(255, 255, 255, 0.3);
  --awxf-field-placeholder: rgba(255, 255, 255, 0.55);
  --awxf-focus: rgba(255, 255, 255, 0.75);
  --awxf-focus-ring: rgba(198, 0, 126, 0.28);
  --awxf-error: #ff8a80;
  --awxf-error-bg: rgba(255, 138, 128, 0.18);
  --awxf-ready-ring: rgba(255, 255, 255, 0.55);
  --awxf-ready-ring-0: rgba(255, 255, 255, 0);
  --awxf-chip-bg: rgba(255, 255, 255, 0.04);
  --awxf-chip-border: rgba(255, 255, 255, 0.18);
  --awxf-chip-text: #edebf2;
  --awxf-backdrop: rgba(18, 14, 34, 0.3);
}

.awxf-theme-glass .awxf-panel,
.awxf-theme-glass.awxf-mode-inline .awxf-inline-card {
  -webkit-backdrop-filter: blur(28px) saturate(1.25);
  backdrop-filter: blur(28px) saturate(1.25);
  border: 1px solid var(--awxf-line);
  box-shadow: 0 30px 80px rgba(10, 8, 24, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.awxf-theme-glass .awxf-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(120% 55% at 0% 0%, rgba(255, 255, 255, 0.1), transparent 60%),
    radial-gradient(90% 60% at 100% 100%, rgba(152, 30, 151, 0.28), transparent 70%);
}

.awxf-theme-glass .awxf-panel > * {
  position: relative;
}

.awxf-theme-glass .awxf-panel .awxf-foot {
  background: rgba(18, 18, 20, 0.35);
}

.awxf-theme-glass .awxf-close {
  background: rgba(255, 255, 255, 0.04);
}

.awxf-theme-glass .awxf-close:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}

.awxf-theme-glass .awxf-close:hover svg,
.awxf-theme-glass .awxf-close:focus-visible svg {
  transform: rotate(360deg);
  transition: transform 0.7s var(--awxf-ease);
}

.awxf-theme-glass .awxf-steps li {
  color: #9e9ba8;
}

.awxf-theme-glass .awxf-steps li[aria-current="step"],
.awxf-theme-glass .awxf-steps li.is-done {
  color: #fff;
}

.awxf-theme-glass .awxf-input:focus {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 0 4px rgba(198, 0, 126, 0.28);
}

.awxf-theme-glass select.awxf-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.8'/%3E%3C/svg%3E");
}

.awxf-theme-glass select.awxf-input option {
  color: #111;
  background: #fff;
}

.awxf-theme-glass input[type="month"].awxf-input,
.awxf-theme-glass input[type="date"].awxf-input,
.awxf-theme-glass input[type="time"].awxf-input {
  color-scheme: dark;
}

.awxf-theme-glass .awxf-style-chips .awxf-choice:hover .awxf-choice-label {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.09);
}

.awxf-theme-glass .awxf-style-chips .awxf-choice input:focus-visible + .awxf-choice-label {
  outline-color: #fff;
}

.awxf-theme-glass .awxf-check input,
.awxf-theme-glass .awxf-choice:not(.awxf-style-chips *) input {
  accent-color: #c6007e;
}

.awxf-theme-glass .awxf-group-card {
  border-color: var(--awxf-line);
  background: rgba(255, 255, 255, 0.03);
}

.awxf-theme-glass .awxf-drop {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.03);
}

.awxf-theme-glass .awxf-drop:hover,
.awxf-theme-glass .awxf-drop.is-dragover {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.06);
}

.awxf-theme-glass .awxf-file {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
}

.awxf-theme-glass .awxf-file::before {
  border-color: #7fe0a6;
}

.awxf-theme-glass .awxf-file-remove:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* Errors must not look like the brand magenta: coral text, a solid light summary box with dark text. */
.awxf-theme-glass .awxf-errors {
  background: #ffb4ab;
  border-color: #ff8a80;
  color: #2b0a07;
}

.awxf-theme-glass .awxf-errors a {
  color: #2b0a07;
}

.awxf-theme-glass .awxf-error {
  color: #ffb4ab;
}

.awxf-theme-glass .awxf-field.has-error .awxf-input {
  background: rgba(255, 138, 128, 0.08);
}

.awxf-theme-glass .awxf-back {
  color: #d9d7e2;
}

.awxf-theme-glass .awxf-back:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.awxf-theme-glass .awxf-submit {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.awxf-theme-glass .awxf-submit:hover {
  background: #fff;
  color: #211747;
  border-color: #fff;
}

.awxf-theme-glass .awxf-done-links a:hover {
  color: #f49ad0;
}

.awxf-theme-glass .awxf-html,
.awxf-theme-glass .awxf-done-message,
.awxf-theme-glass .awxf-intro,
.awxf-theme-glass .awxf-check {
  color: #d9d7e2;
}

.awxf-theme-glass .awxf-html a,
.awxf-theme-glass .awxf-check-text a {
  color: #fff;
}

/* Inline glass form: render as a dark card. */
.awxf-theme-glass.awxf-mode-inline {
  padding: 28px;
  border-radius: var(--awxf-radius-lg);
  background: var(--awxf-panel-bg);
  -webkit-backdrop-filter: blur(28px) saturate(1.25);
  backdrop-filter: blur(28px) saturate(1.25);
  border: 1px solid var(--awxf-line);
  color: #fff;
}

/* Users who ask for more contrast get a solid panel. */
@media (prefers-contrast: more) {
  .awxf-theme-glass {
    --awxf-panel-bg: #1c1c1f;
    --awxf-field-border: rgba(255, 255, 255, 0.5);
    --awxf-muted: #d9d7e2;
  }
}

/* New controls (0.2.0) */
.awxf-theme-glass .awxf-switch-track {
  background: rgba(255, 255, 255, 0.28);
}

.awxf-theme-glass .awxf-star {
  color: rgba(255, 255, 255, 0.35);
}

.awxf-theme-glass .awxf-star.is-on,
.awxf-theme-glass .awxf-star.is-hover,
.awxf-theme-glass .awxf-star-input:checked + .awxf-star {
  color: #ffc84a;
}

.awxf-theme-glass .awxf-range input[type="range"] {
  background: linear-gradient(to right, #fff var(--awxf-range-pct, 0%), rgba(255, 255, 255, 0.28) var(--awxf-range-pct, 0%));
}

.awxf-theme-glass .awxf-range input[type="range"]::-webkit-slider-thumb {
  border-color: #fff;
  background: #211747;
}

.awxf-theme-glass .awxf-range input[type="range"]::-moz-range-thumb {
  border-color: #fff;
  background: #211747;
}

.awxf-theme-glass .awxf-sig-pad {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.06);
}

.awxf-theme-glass .awxf-sig-canvas {
  color: #fff;
}

.awxf-theme-glass .awxf-sig-line {
  border-color: rgba(255, 255, 255, 0.35);
}

.awxf-theme-glass .awxf-sig-btn {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.awxf-theme-glass .awxf-sig-btn[aria-pressed="true"] {
  border-color: #fff;
  background: #fff;
  color: #211747;
}
