/* Opt-in public form presentation. All fields, validation and submission stay in the ERP. */
@font-face{font-family:"ERP Storefront Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url("../fonts/archivo/archivo-latin.woff2") format("woff2")}
body.webform-storefront{--color-text:#f4f3ee;--color-bg:#0a0c0f;--color-border:rgba(255,255,255,.15);--color-primary:#df2d53;--color-error:#ff718e;--radius:12px;margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:"ERP Storefront Archivo",Arial,Helvetica,sans-serif;line-height:1.5;color-scheme:dark}
.webform-storefront .form-card{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.webform-storefront:not(.webform-success) .webform-heading,.webform-storefront .form-group--placeholder>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.webform-storefront .form-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.webform-storefront .form-group{min-width:0;margin:0}
.webform-storefront input,.webform-storefront textarea,.webform-storefront select{width:100%;min-height:51px;border:1px solid var(--color-border);border-radius:var(--radius);padding:13px 15px;background:#14171c;color:var(--color-text);font:inherit;font-size:16px;line-height:1.4;box-shadow:none}
.webform-storefront textarea{display:block;min-height:90px;resize:vertical}
.webform-storefront input::placeholder,.webform-storefront textarea::placeholder{color:#cfceca;opacity:1}
.webform-storefront input:focus,.webform-storefront textarea:focus,.webform-storefront select:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}
.webform-storefront .btn{display:block;width:100%;min-height:58px;margin-top:20px;padding:16px 22px;border:0;border-radius:999px;background:var(--color-primary);color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer}
.webform-storefront .btn:hover{opacity:.9}.webform-storefront .btn:disabled{cursor:wait;opacity:.65}.webform-storefront .btn:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}
.webform-storefront .choice{margin:0;min-height:44px;font-size:13px;line-height:1.6}
.webform-storefront .choice input{width:20px;min-height:20px;height:20px;padding:0;flex:0 0 20px;accent-color:var(--color-primary)}
.webform-storefront .express-choice,.webform-storefront .choice--radio{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:#14171c}
.webform-storefront .choice--radio:has(input:checked){border-color:var(--color-primary);background:rgba(223,45,83,.1)}
.webform-storefront .field-section{font-size:16px;margin:8px 0 12px}.webform-storefront .field-hint{color:#a6a5a0;font-size:12px;margin:6px 0 0}
.webform-storefront .error-msg{margin:6px 0 0;color:var(--color-error);font-size:13px;line-height:1.5}
.webform-storefront [data-erp-form-status]{margin:18px 0 0;color:var(--color-text);font-size:13px;line-height:1.6}
.webform-storefront [data-erp-form-status][data-state=error]{color:var(--color-primary)}
.webform-storefront .choice--consent{min-height:24px;padding:0;border:0;background:transparent;align-items:flex-start;font-size:12px;line-height:1.65}
.webform-storefront .choice--consent input{margin-top:1px;color-scheme:light;background:#fff}
.webform-storefront [data-erp-form-status]:focus{outline:2px solid var(--color-primary);outline-offset:4px}
.webform-storefront.webform-success .form-card{display:flex;min-height:200px;flex-direction:column;justify-content:center;padding:20px;text-align:center}
.webform-storefront.webform-success h1{color:var(--color-text);font-size:26px;margin:0 0 12px}.webform-storefront.webform-success p{color:#b8b7b1;margin:0;line-height:1.7}
@media(max-width:439px){.webform-storefront textarea{min-height:104px}}
