/* WEXTA SUPER 1-2-3 | oddelene styly pro Shoptet Apollo */


#wexta-configurator{font-family:Roboto,Arial,sans-serif;color:#29242c;background:#f5f5f7}
#wexta-configurator *{box-sizing:border-box}
#wexta-configurator{margin:0}
#wexta-configurator header{background:#5e10a6;color:white;padding:20px 28px;font-size:22px;font-weight:700}
#wexta-configurator header small{font-size:13px;font-weight:400;opacity:.85}
#wexta-configurator .layout{display:grid;grid-template-columns:280px minmax(400px,1fr) 270px;gap:16px;padding:20px;max-width:1700px;margin:auto}
#wexta-configurator .panel{background:#fff;border:1px solid #e2dce8;border-radius:10px;padding:18px;min-width:0}
#wexta-configurator h2{font-size:16px;color:#5e10a6;margin:0 0 15px}
#wexta-configurator h3{font-size:14px;color:#5e10a6;margin:15px 0 8px}
#wexta-configurator label{display:block;font-size:12px;font-weight:700;margin:12px 0 5px}
#wexta-configurator select, #wexta-configurator input{width:100%;padding:10px;border:1px solid #d2cbd8;border-radius:5px;background:white;font-size:14px}
#wexta-configurator .step{display:flex;align-items:center;gap:15px;margin:7px 0 12px}
#wexta-configurator .step button, #wexta-configurator .tab{border:1px solid #bca3d5;background:#fff;color:#5e10a6;border-radius:5px;padding:7px 12px;cursor:pointer;font-weight:700}
#wexta-configurator .step strong{min-width:16px;text-align:center}
#wexta-configurator .bay{border:1px solid #e3d9ea;padding:10px;margin:10px 0;border-radius:6px}
#wexta-configurator .bay b{color:#5e10a6;font-size:13px}
#wexta-configurator .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#wexta-configurator .tab.active{background:#5e10a6;color:white}
#wexta-configurator .drawing{height:650px;background:linear-gradient(#fff,#fafafa);border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center}
#wexta-configurator .drawing svg{width:100%;height:100%}
#wexta-configurator .line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding:9px 0;font-size:13px}
#wexta-configurator .total{font-size:22px;font-weight:800;color:#5e10a6;text-align:right;margin-top:18px}
#wexta-configurator .note{font-size:12px;line-height:1.55;color:#645b69;background:#f5f0fa;padding:10px;border-radius:5px;margin-top:14px}
#wexta-configurator .btn{background:#5e10a6;color:#fff;border:0;padding:12px;border-radius:6px;cursor:pointer;width:100%;font-weight:700;margin-top:12px}
#wexta-configurator .muted{font-size:12px;color:#666}
#wexta-configurator svg text{font-family:Arial,sans-serif;fill:#42324c}
#wexta-configurator .hide{display:none}
@media (max-width:1050px){#wexta-configurator .layout{grid-template-columns:1fr}
#wexta-configurator .drawing{height:450px}}
 
#wexta-configurator .bayhead{display:flex;align-items:center;justify-content:space-between;gap:6px}
#wexta-configurator .removeModule{font-size:12px;border:1px solid #5e10a6;color:#5e10a6;background:#fff;border-radius:4px;padding:6px;cursor:pointer}
#wexta-configurator .transport{border:1px solid #e6dcec;border-radius:7px;margin:14px 0;padding:12px;background:#fbf9fd}
#wexta-configurator .line span{max-width:68%}
#wexta-configurator .line b{text-align:right;white-space:normal}
#wexta-configurator .btn:disabled{opacity:.5;cursor:not-allowed}
#wexta-configurator .step button:hover, #wexta-configurator .tab:hover{background:#f3eafa}
#wexta-configurator .step button:focus-visible{outline:2px solid #5e10a6}
 
#wexta-configurator .secondary-action{background:#fff;color:#5e10a6;border:1px solid #5e10a6}
#wexta-configurator .reset-action{background:#f4f0f7;color:#4c3c58}
#wexta-configurator .cart-list{font-size:12px}
#wexta-configurator .cart-entry{border:1px solid #e3d9ea;border-radius:6px;padding:9px;margin:7px 0}
#wexta-configurator .cart-entry button{color:#5e10a6;border:1px solid #bca3d5;background:#fff;border-radius:4px;padding:4px 7px;cursor:pointer}
#wexta-configurator .cart-entry .cart-top{display:flex;justify-content:space-between;gap:5px;align-items:center}
#wexta-configurator .checkout-actions{margin-top:14px}
#wexta-configurator .checkout-actions .btn{margin-top:8px}


#wexta-configurator .cart-entry .cart-preview{margin-top:7px;width:100%;padding:7px 8px;font-weight:700;background:#f5effb;border:1px solid #bca3d5;color:#5e10a6}


#wexta-configurator .cart-preview-overlay{position:fixed;inset:0;background:rgba(26,14,39,.68);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}


#wexta-configurator .cart-preview-overlay.hide{display:none}


#wexta-configurator .cart-preview-dialog{background:#fff;border-radius:10px;width:min(1050px,96vw);max-height:95vh;overflow:auto;padding:18px;box-shadow:0 20px 70px #1e102a55}


#wexta-configurator .cart-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}


#wexta-configurator .cart-preview-heading h2{margin:0}
#wexta-configurator .cart-preview-close{border:1px solid #bca3d5;color:#5e10a6;background:#fff;border-radius:5px;padding:8px 12px;cursor:pointer}


#wexta-configurator .cart-preview-drawing{height:min(66vh,620px);border:1px solid #e2dce8;border-radius:6px;background:white;display:flex;align-items:center;justify-content:center}


#wexta-configurator .cart-preview-drawing svg{width:100%;height:100%}
#wexta-configurator .cart-preview-info{font-size:13px;color:#56485e;margin:8px 0 14px}


#wexta-configurator{width:100%;max-width:100%;isolation:isolate;}
