:root{--stessl-orange:#ff4d24;--stessl-dark:#1f1f1f;--stessl-panel:#202020;--stessl-panel-soft:#252525;--stessl-border:#3c3c3c;--stessl-text:#ffffff;--stessl-muted:#b8b8b8}
.stessl-order-app{font-family:Arial,sans-serif;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;background:#000;color:var(--stessl-text);padding:28px;border-radius:18px}.stessl-order-hero{grid-column:1/-1;background:linear-gradient(135deg,var(--stessl-dark),#333);color:#fff;border-radius:18px;padding:32px}.stessl-order-hero span{display:inline-block;background:var(--stessl-orange);padding:7px 12px;border-radius:999px;font-weight:700;text-transform:uppercase;font-size:12px}.stessl-order-hero h2{color:#fff;margin:14px 0 8px;font-size:34px}.stessl-order-hero p{color:#f1f1f1}.stessl-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stessl-progress div{background:linear-gradient(180deg,#292929,#202020);color:#cfcfcf;padding:14px 12px;border-radius:10px;text-align:center;font-weight:800;border:1px solid #333}.stessl-progress .active{background:var(--stessl-orange);color:#fff;border-color:var(--stessl-orange)}.stessl-step{display:none;background:linear-gradient(180deg,#222,#1b1b1b);color:#fff;border:1px solid var(--stessl-border);border-radius:16px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.stessl-step.active{display:block}.stessl-step h3{margin-top:0;color:#fff;font-size:26px;letter-spacing:.04em}.stessl-hint{background:#181818;color:#f2f2f2;border:1px solid #3a3a3a;border-left:5px solid var(--stessl-orange);padding:13px 16px;border-radius:8px}.stessl-hint strong,.stessl-hint b{color:var(--stessl-orange)}.stessl-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stessl-order-app label{display:block;font-weight:800;margin-bottom:14px;color:#bdbdbd;text-transform:uppercase;letter-spacing:.04em}.stessl-order-app label .req,.stessl-order-app label sup{color:var(--stessl-orange)}.stessl-order-app input,.stessl-order-app select,.stessl-order-app textarea{width:100%;padding:13px 14px;border:1px solid #4a4a4a;border-radius:10px;margin-top:7px;box-sizing:border-box;background:#252525;color:#fff;outline:none}.stessl-order-app input:focus,.stessl-order-app select:focus,.stessl-order-app textarea:focus{border-color:var(--stessl-orange);box-shadow:0 0 0 3px rgba(255,77,36,.18)}.stessl-order-app input::placeholder,.stessl-order-app textarea::placeholder{color:#8d8d8d}.stessl-boat-card{margin-top:18px;background:#151515;border:1px solid #3a3a3a;border-radius:14px;padding:18px;display:flex;gap:16px;align-items:center}.stessl-boat-card strong{font-size:20px;color:#fff}.stessl-boat-card span{background:#000;color:#fff;border-radius:999px;padding:6px 10px}.stessl-boat-card em{margin-left:auto;font-style:normal;font-weight:700;color:var(--stessl-orange)}.stessl-option-tools{display:flex;gap:10px;margin-bottom:12px}.stessl-option-tools button,.stessl-nav button{border:0;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer}.stessl-option-tools button,#stessl-prev{background:#1b1b1b;color:#fff;border:1px solid #333}.stessl-nav{display:flex;gap:12px;margin-top:18px}.stessl-nav #stessl-next,.stessl-nav #stessl-submit{background:var(--stessl-orange);color:#fff}.stessl-nav button:disabled{opacity:.45}.stessl-group{border:1px solid #3b3b3b;border-radius:14px;margin:12px 0;overflow:hidden;background:#191919}.stessl-group summary{background:#252525;color:#fff;padding:14px 16px;font-weight:800;cursor:pointer}.stessl-group summary small{float:right;color:#bdbdbd}.stessl-option{display:grid!important;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #333;margin:0!important;color:#fff}.stessl-option input{width:auto!important;margin:0!important}.stessl-option span strong{display:block;color:#fff}.stessl-option span em{font-style:normal;color:#bdbdbd;font-size:12px}.stessl-option b{color:var(--stessl-orange)}.stessl-summary{position:sticky;top:20px;background:var(--stessl-panel);color:#fff;border-radius:16px;padding:22px;border:1px solid #2d2d2d}.stessl-summary h3{color:#fff;margin-top:0;letter-spacing:.04em}.sum-row,.sum-total{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.15);color:#eee}.sum-total{font-size:22px;color:#fff}.sum-total b{color:var(--stessl-orange)}.stessl-terms{background:#181818;border:1px solid #333;padding:14px;border-radius:10px;color:#fff}.stessl-terms input{width:auto!important}.stessl-success{background:#101d13;color:#fff;border:1px solid #2e8b57;border-radius:16px;padding:34px}.stessl-empty{padding:20px;background:#161616;border:1px solid #333;border-radius:12px;color:#bdbdbd}@media(max-width:900px){.stessl-order-app{grid-template-columns:1fr;padding:18px}.stessl-grid.two,.stessl-progress{grid-template-columns:1fr}.stessl-summary{position:relative;top:auto}.stessl-option-tools{flex-direction:column}}


/* Dark theme enforcement v1.0.2 - prevents Elementor/theme styles making the form white */
body .stessl-order-app{background:#000!important;color:#fff!important;}
body .stessl-order-app .stessl-step,
body .stessl-order-app .stessl-summary{background:linear-gradient(180deg,#222,#1b1b1b)!important;color:#fff!important;border:1px solid #3c3c3c!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important;}
body .stessl-order-app .stessl-step h1,
body .stessl-order-app .stessl-step h2,
body .stessl-order-app .stessl-step h3,
body .stessl-order-app .stessl-summary h3{color:#fff!important;}
body .stessl-order-app .stessl-hint{background:#181818!important;color:#f2f2f2!important;border:1px solid #3a3a3a!important;border-left:5px solid #ff4d24!important;}
body .stessl-order-app .stessl-hint strong,
body .stessl-order-app .stessl-hint b{color:#ff4d24!important;}
body .stessl-order-app label{color:#bdbdbd!important;opacity:1!important;}
body .stessl-order-app input,
body .stessl-order-app select,
body .stessl-order-app textarea{background:#252525!important;color:#fff!important;border:1px solid #4a4a4a!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;}
body .stessl-order-app input::placeholder,
body .stessl-order-app textarea::placeholder{color:#8d8d8d!important;-webkit-text-fill-color:#8d8d8d!important;opacity:1!important;}
body .stessl-order-app input:focus,
body .stessl-order-app select:focus,
body .stessl-order-app textarea:focus{border-color:#ff4d24!important;box-shadow:0 0 0 3px rgba(255,77,36,.18)!important;}
body .stessl-order-app .stessl-progress div{background:linear-gradient(180deg,#292929,#202020)!important;color:#cfcfcf!important;border:1px solid #333!important;}
body .stessl-order-app .stessl-progress .active{background:#ff4d24!important;color:#fff!important;border-color:#ff4d24!important;}
body .stessl-order-app .stessl-nav button{color:#fff!important;}
body .stessl-order-app .stessl-nav #stessl-next,
body .stessl-order-app .stessl-nav #stessl-submit{background:#ff4d24!important;color:#fff!important;}
body .stessl-order-app .stessl-nav #stessl-prev{background:#1b1b1b!important;color:#fff!important;border:1px solid #333!important;}
body .stessl-order-app .sum-row,
body .stessl-order-app .sum-total{color:#eee!important;}
body .stessl-order-app .sum-total b{color:#ff4d24!important;}
.stessl-price-warning{margin:8px 0 12px!important;padding:9px 12px!important;border-left:4px solid var(--stessl-orange)!important;background:rgba(255,77,36,.08)!important;color:#fff!important;border-radius:8px!important;font-size:13px!important;line-height:1.4!important}.stessl-boat-card small{font-size:12px!important;color:#bdbdbd!important;font-style:normal!important;margin-left:6px!important}
.stessl-boat-card{display:block!important}.stessl-boat-main{display:flex;gap:16px;align-items:center}.stessl-trailer-choice{margin-top:14px!important;background:#101010;border:1px solid #353535;border-radius:10px;padding:12px!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important}.stessl-trailer-choice input{width:auto!important;margin:0 10px 0 0!important}.stessl-trailer-choice strong{color:#fff}.stessl-trailer-choice b{float:right;color:var(--stessl-orange)}.stessl-trailer-choice.muted{color:#aaa!important}

/* v1.7 confirmation + label readability fixes */
body .stessl-order-app .stessl-success h1,
body .stessl-order-app .stessl-success h2,
body .stessl-order-app .stessl-success h3{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-transform:uppercase!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important;}
body .stessl-order-app .stessl-success p,
body .stessl-order-app .stessl-success strong{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;}
body .stessl-order-app label{color:#d9d9d9!important;-webkit-text-fill-color:#d9d9d9!important;}
body .stessl-order-app label input,
body .stessl-order-app label select,
body .stessl-order-app label textarea{font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;}
