/* Unified Forms - shared structure & CSS */
/* Goal: clean, modern card forms that match across all shortcodes */


/* Auto theme (light/dark) via CSS variables */
:root{
  --oneuf-bg: #ffffff;
  --oneuf-card-bg: linear-gradient(180deg, rgba(0,0,0,.015), rgba(0,0,0,0)) #ffffff;
  --oneuf-text: #111827;
  --oneuf-muted: rgba(17,24,39,.72);
  --oneuf-border: rgba(0,0,0,.08);
  --oneuf-shadow: 0 10px 28px rgba(0,0,0,.10);
  --oneuf-field-bg: #ffffff;
  --oneuf-field-text: #111827;
  --oneuf-field-border: rgba(0,0,0,.12);
  --oneuf-field-border-hover: rgba(0,0,0,.22);
  --oneuf-field-focus: rgba(34,197,94,.35);
  --oneuf-chip-bg: rgba(0,0,0,.045);
  --oneuf-btn-text: #ffffff;
}
@media (prefers-color-scheme: dark){
  :root{
    --oneuf-bg: #0b0f16;
    --oneuf-card-bg: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)) rgba(13,18,27,.92);
    --oneuf-text: #e5e7eb;
    --oneuf-muted: rgba(229,231,235,.72);
    --oneuf-border: rgba(255,255,255,.12);
    --oneuf-shadow: 0 14px 34px rgba(0,0,0,.45);
    --oneuf-field-bg: rgba(255,255,255,.06);
    --oneuf-field-text: #e5e7eb;
    --oneuf-field-border: rgba(255,255,255,.16);
    --oneuf-field-border-hover: rgba(255,255,255,.26);
    --oneuf-field-focus: rgba(34,197,94,.40);
    --oneuf-chip-bg: rgba(255,255,255,.08);
    --oneuf-btn-text: #0b0f16;
  }
}
/* Theme-class overrides (common patterns) */
body.dark, body.theme-dark, body[data-theme="dark"], body.scheme-dark{
  --oneuf-bg: #0b0f16;
  --oneuf-card-bg: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)) rgba(13,18,27,.92);
  --oneuf-text: #e5e7eb;
  --oneuf-muted: rgba(229,231,235,.72);
  --oneuf-border: rgba(255,255,255,.12);
  --oneuf-shadow: 0 14px 34px rgba(0,0,0,.45);
  --oneuf-field-bg: rgba(255,255,255,.06);
  --oneuf-field-text: #e5e7eb;
  --oneuf-field-border: rgba(255,255,255,.16);
  --oneuf-field-border-hover: rgba(255,255,255,.26);
  --oneuf-field-focus: rgba(34,197,94,.40);
  --oneuf-chip-bg: rgba(255,255,255,.08);
  --oneuf-btn-text: #0b0f16;
}

.poo-wrap.one-uf-wrap{max-width:980px;margin:0 auto;padding:14px}

.one-uf-card{
  position:relative;
  overflow:hidden;
  background:var(--oneuf-card-bg);
  border:1px solid var(--oneuf-border);
  border-radius:18px;
  box-shadow:var(--oneuf-shadow);
  padding:18px;
}

/* Accent bar */
.one-uf-card:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:6px;
  background:linear-gradient(90deg, #18a558, #16a3d8);
}
.one-uf-title{margin:0 0 12px;font-size:26px;line-height:1.2}
.one-uf-notice{border-radius:12px;padding:12px 14px;margin:12px 0;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.one-uf-success{background:#e6fdf8;border:1px solid #cfebfe;color:#1f3a37}
.one-uf-error{background:#ffecec;border:1px solid #ffd1d1;color:#6a1b1b}

.one-uf-form{margin-top:8px}
.one-uf-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.one-uf-col{flex:1 1 100%}
.one-uf-half{flex:1 1 calc(50% - 7px)}
.one-uf-full{flex:1 1 100%}
@media (max-width:700px){.one-uf-half{flex-basis:100%}}

.one-uf-label{display:block;margin:0 0 6px;font-weight:800;font-size:13px;letter-spacing:.2px;text-transform:uppercase;opacity:.9}
.one-uf-sr-label{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

.one-uf-req{color:#c62828;margin-left:3px}
.one-uf-input{
  width:100%;
  border:1px solid rgba(0,0,0,.16);
  border-radius: 28px;
  padding:12px 12px;
  font-size:16px;
  line-height:1.2;
  box-sizing:border-box;
  background:rgba(0,0,0,.015);
  transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease, background .15s ease;
}
.one-uf-input:hover{border-color:var(--oneuf-field-border-hover);background:rgba(0,0,0,.01)}
.one-uf-input:focus{outline:none;border-color:rgba(22,163,216,.75);box-shadow:0 0 0 4px rgba(22,163,216,.14);background:#fff}
.one-uf-textarea{min-height:120px;resize:vertical}
.one-uf-hint{margin-top:6px;font-size:12px;opacity:.75}

.one-uf-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--oneuf-field-border);
  border-radius: 28px;
  padding:12px;
  background:linear-gradient(180deg, rgba(24,165,88,.07), rgba(0,0,0,0));
}
.one-uf-check input{margin-top:3px;transform:scale(1.15)}

.one-uf-turnstile{margin-top:16px;display:flex;justify-content:center}
.one-uf-actions{margin-top:16px;display:flex;justify-content:center}

.one-uf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:28px;
  padding:12px 22px;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  background:linear-gradient(90deg, #18a558, #16a3d8);
  color:var(--oneuf-btn-text);
  box-shadow:0 10px 22px rgba(0,0,0,.14);
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.one-uf-btn:hover{transform:translateY(-1px);filter:brightness(0.98);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.one-uf-btn:active{transform:translateY(0);box-shadow:0 8px 18px rgba(0,0,0,.14)}

/* Make select arrows look consistent */
select.one-uf-input{appearance:auto}


.one-uf-card input, .one-uf-card select, .one-uf-card textarea{color:var(--oneuf-field-text);} 
.one-uf-card ::placeholder{color:var(--oneuf-muted);} 

@media (max-width: 600px){
  .poo-wrap.one-uf-wrap{padding-left:0!important;padding-right:0!important;}
  .one-uf-card{margin-left:0!important;margin-right:0!important;}
}