:root{--swp-tryon-accent:#111827}
.swp-tryon{margin:14px 0;box-sizing:border-box}
.swp-tryon button,.swp-tryon a{box-sizing:border-box}
/* Farben, Rahmen, Typografie-Familie und Grundform bleiben beim Theme/WooCommerce. */
.swp-tryon .button,.swp-tryon button.swp-tryon-open,.swp-tryon button.swp-tryon-submit,.swp-tryon button.swp-tryon-cancel{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;text-decoration:none;white-space:normal;cursor:pointer;line-height:1.2!important}
.swp-tryon-button-compact .button,.swp-tryon-button-compact .swp-tryon-open,.swp-tryon-button-compact .swp-tryon-submit,.swp-tryon-button-compact .swp-tryon-cancel{min-height:38px;padding:8px 14px!important;font-size:13px!important}
.swp-tryon-button-standard .button,.swp-tryon-button-standard .swp-tryon-open,.swp-tryon-button-standard .swp-tryon-submit,.swp-tryon-button-standard .swp-tryon-cancel{min-height:46px;padding:11px 20px!important;font-size:15px!important;font-weight:600}
.swp-tryon-button-large .button,.swp-tryon-button-large .swp-tryon-open,.swp-tryon-button-large .swp-tryon-submit,.swp-tryon-button-large .swp-tryon-cancel{min-height:52px;padding:13px 24px!important;font-size:16px!important;font-weight:600}
.swp-tryon-open{min-width:160px}
.swp-tryon-style-custom .swp-tryon-open,.swp-tryon-style-custom .swp-tryon-submit{background:var(--swp-tryon-accent)!important;border-color:var(--swp-tryon-accent)!important;color:#fff!important}
.swp-tryon-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.68);z-index:2147483100;padding:20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.swp-tryon.is-open .swp-tryon-overlay{display:block}
.swp-tryon-dialog{position:relative;background:#fff;color:#1f2937;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.28);box-sizing:border-box;margin:3vh auto;max-height:none;overflow:visible}
.swp-tryon-size-compact .swp-tryon-dialog{width:min(540px,100%);padding:18px}
.swp-tryon-size-standard .swp-tryon-dialog{width:min(680px,100%);padding:24px}
.swp-tryon-size-large .swp-tryon-dialog{width:min(860px,100%);padding:28px}
.swp-tryon-dialog h3{margin:0 42px 14px 0;color:inherit}
.swp-tryon-close{position:absolute;right:12px;top:10px;border:0;background:#f1f5f9;color:#111827;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:50%;font-size:24px!important;line-height:1!important;cursor:pointer;padding:0!important;display:flex;align-items:center;justify-content:center}
.swp-tryon-upload{display:block;border:1px dashed #cbd5e1;border-radius:12px;padding:13px;background:#f8fafc;margin:0 0 12px;color:#334155}
.swp-tryon-upload>span:first-child{display:block;font-weight:700;margin-bottom:6px}
.swp-tryon-file{display:block;width:100%}
.swp-tryon-file-name{display:block;margin-top:6px;color:#64748b;font-size:12px}
.swp-tryon-preview{margin:0 0 12px;text-align:center}
.swp-tryon-preview img{max-width:100%;max-height:190px;border-radius:10px;object-fit:contain}
.swp-tryon-size-compact .swp-tryon-preview img{max-height:150px}
.swp-tryon-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;margin:12px 0;color:#334155}
.swp-tryon-consent input{margin-top:3px}
.swp-tryon-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.swp-tryon-status{margin-top:10px;font-size:13px;color:#475569}
.swp-tryon-status.is-error{color:#b91c1c}
.swp-tryon-result-card{margin-top:14px;text-align:center}
.swp-tryon-result-card img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;border-radius:12px;background:#f8fafc;margin:0 auto}
.swp-tryon-size-compact .swp-tryon-result-card img{max-height:52vh}
.swp-tryon-size-standard .swp-tryon-result-card img{max-height:62vh}
.swp-tryon-size-large .swp-tryon-result-card img{max-height:68vh}
.swp-tryon-result-actions{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap;justify-content:center}
/* Floating wird ausserhalb der WooCommerce-Spalten in den Body verschoben. */
.swp-tryon-mode-floating{margin:0!important;position:static!important}
.swp-tryon-floating{position:fixed!important;right:22px!important;bottom:22px!important;z-index:2147483000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:180px!important;max-width:calc(100vw - 44px)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;margin:0!important;box-shadow:0 8px 28px rgba(0,0,0,.18)}
body.swp-tryon-modal-active{overflow:hidden}
.swp-tryon-mode-inline>.swp-tryon-open{display:none!important}
.swp-tryon-mode-inline .swp-tryon-overlay{position:static;display:block;background:transparent;padding:0;z-index:auto;overflow:visible}
.swp-tryon-mode-inline .swp-tryon-dialog{width:100%;max-width:none;box-shadow:none;border:1px solid #e2e8f0;margin:0;overflow:visible}
.swp-tryon-mode-inline.swp-tryon-size-compact .swp-tryon-dialog{padding:16px}
.swp-tryon-mode-inline .swp-tryon-close{display:none}
/* Im WooCommerce-Tab und Inline-Modus kein innerer Scrollbereich. */
.woocommerce-Tabs-panel .swp-tryon-mode-inline .swp-tryon-dialog,.woocommerce-Tabs-panel .swp-tryon-dialog{max-height:none;overflow:visible}
@media(max-width:600px){.swp-tryon-overlay{padding:8px}.swp-tryon-dialog,.swp-tryon-size-standard .swp-tryon-dialog,.swp-tryon-size-large .swp-tryon-dialog{width:100%;padding:16px;border-radius:12px;margin:8px auto}.swp-tryon-size-compact .swp-tryon-dialog{padding:14px}.swp-tryon-preview img{max-height:130px}.swp-tryon-result-card img,.swp-tryon-size-compact .swp-tryon-result-card img,.swp-tryon-size-standard .swp-tryon-result-card img,.swp-tryon-size-large .swp-tryon-result-card img{max-height:48vh}.swp-tryon-floating{right:12px!important;bottom:12px!important;min-width:160px!important;max-width:calc(100vw - 24px)!important}.swp-tryon-actions .button{flex:1 1 auto}.swp-tryon-result-actions .button{flex:1 1 auto}}
