/* MAWOGE Side Cart */

/* ---------- Trigger (Header-Shortcode): eine weiße Pille im Stil der Header-Rundbuttons */
.msc-trigger{display:inline-flex;align-items:center;gap:9px;cursor:pointer;position:relative;vertical-align:middle;user-select:none;
	background:#fff;color:#252e46;border:1px solid rgba(0,0,0,.08);border-radius:999px;
	padding:9px 16px 9px 13px;font-size:14px;line-height:1;box-shadow:0 0 15px 2px rgba(0,0,0,.10);
	transition:transform .18s ease,box-shadow .18s ease}
.msc-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 18px 2px rgba(0,0,0,.16)}
.msc-trigger:active{transform:translateY(0)}
/* Ohne Betrag (leerer Warenkorb) wird die Pille kompakt rund */
.msc-trigger:has(.msc-subtotal-inline:empty){padding:9px 13px}
.msc-icon-wrap{position:relative;display:inline-flex}
.msc-bag{width:20px;height:20px;display:block;color:#252e46}
.msc-count{position:absolute;top:-7px;right:-9px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#fe9f8f;color:#252e46;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff}
.msc-count.msc-zero{display:none}
.msc-count.msc-bumped{animation:msc-bump .45s ease}
@keyframes msc-bump{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.92)}100%{transform:scale(1)}}
.msc-subtotal-inline{font-size:13px;font-weight:700;white-space:nowrap;color:#252e46;letter-spacing:.01em}
.msc-subtotal-inline .woocommerce-Price-amount{font-weight:700}
.msc-subtotal-inline:empty{display:none}

/* ---------- Drawer */
#msc-root{position:fixed;inset:0;z-index:999990;pointer-events:none;visibility:hidden}
#msc-root.msc-open{pointer-events:auto;visibility:visible}
#msc-overlay{position:absolute;inset:0;background:rgba(0,10,31,.45);opacity:0;transition:opacity .25s ease}
#msc-root.msc-open #msc-overlay{opacity:1}
#msc-drawer{position:absolute;top:0;right:0;height:100%;width:min(480px,100vw);background:#fff;color:#252e46;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.18);transform:translateX(102%);transition:transform .28s ease}
#msc-root.msc-open #msc-drawer{transform:translateX(0)}

.msc-header{display:flex;align-items:center;justify-content:center;position:relative;padding:16px 20px;border-bottom:2px solid #eee;flex:0 0 auto}
.msc-heading{font-size:19px;font-weight:700}
#msc-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:16px;line-height:1;cursor:pointer;color:#252e46;padding:8px}

#msc-body{flex:1 1 auto;overflow-y:auto;background:#f8f9fa;overscroll-behavior:contain}
#msc-footer{flex:0 0 auto;border-top:2px solid #eee;padding:14px 18px;background:#fff}
#msc-footer:empty{display:none;border:0;padding:0}

/* ---------- Produkte */
.msc-products{padding:10px 12px}
.msc-product{display:flex;gap:12px;background:#fff;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.02);padding:12px;margin-bottom:10px}
.msc-img{flex:0 0 72px}
.msc-img img{width:72px;height:auto;border-radius:4px;display:block}
.msc-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.msc-pname{font-size:14px;font-weight:600;line-height:1.35}
.msc-pname a{color:inherit;text-decoration:none}
.msc-pmeta{font-size:12px;color:#5b6472}
.msc-pprice{font-size:12.5px;color:#5b6472}
.msc-badge{display:inline-block;background:#e10600;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:3px;line-height:1.5}
.msc-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;text-align:right}
.msc-ptotal{font-size:13.5px;font-weight:700}
.msc-ptotal .wgm-tax,.msc-ptotal .tax_label{font-size:10.5px;font-weight:400;color:#8a93a1}
.msc-del{background:none;border:0;cursor:pointer;color:#8a93a1;padding:2px}
.msc-del:hover{color:#e10600}
.msc-del svg{width:16px;height:16px}

/* Mengen-Stepper */
.msc-qty-box{display:inline-flex;align-items:stretch;border:1px solid #000;border-radius:3px;overflow:hidden;height:28px}
.msc-qty-box button{width:26px;background:#fff;border:0;cursor:pointer;font-size:15px;line-height:1;color:#000}
.msc-qty-box button:hover{background:#f0f0f0}
.msc-qty{width:38px;border:0;border-left:1px solid #000;border-right:1px solid #000;text-align:center;font-size:13px;-moz-appearance:textfield;appearance:textfield}
.msc-qty::-webkit-outer-spin-button,.msc-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.msc-qty-fix{font-size:12.5px;color:#5b6472}

/* Zeile ausgegraut während Update */
.msc-product.msc-busy{opacity:.45;pointer-events:none}

/* ---------- Leerer Warenkorb */
.msc-empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:60px 24px;text-align:center;font-size:15px}

/* ---------- Empfehlungen */
.msc-suggested{padding:4px 12px 14px}
.msc-sp-head{display:block;font-size:13px;font-weight:700;margin:6px 2px 8px}
.msc-sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:10px}
.msc-sp{background:#fff;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,.02)}
.msc-sp img{width:100%;height:auto;border-radius:4px;display:block}
.msc-sp-name{font-size:12px;font-weight:600;color:inherit;text-decoration:none;line-height:1.3}
.msc-sp-price{font-size:12.5px;font-weight:700;line-height:1.35}
.msc-sp-price del{color:#8a93a1;font-weight:400;margin-right:4px}
.msc-sp-price ins{text-decoration:none;color:#e10600}
/* MwSt-Hinweis klein unter dem Preis (nur wenn Steuer anfällt; eigener Baustein) */
.msc-sp-tax{display:block;font-size:9.5px;font-weight:400;color:#8a93a1;margin-top:2px}
.msc-sp-price small:empty{display:none}
/* Screenreader-Texte aus wc_format_sale_price im Drawer nie sichtbar machen */
#msc-body .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.msc-sp-add{font-size:11.5px;padding:6px 8px;width:100%}

/* ---------- Summen + Buttons */
.msc-totals{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.msc-total-row{display:flex;justify-content:space-between;font-size:14px}
.msc-total-row.msc-discount{color:#007759;font-weight:600}
.msc-total-row.msc-grand{font-size:16px;font-weight:700;border-top:1px solid #eee;padding-top:8px;margin-top:2px}
.msc-total-row .wgm-tax,.msc-total-row .tax_label,.msc-total-row small{font-size:11px;color:#8a93a1;font-weight:400}
.msc-hint{display:block;font-size:11.5px;color:#8a93a1;margin-bottom:12px}

.msc-buttons{display:flex;flex-direction:column;gap:8px}
.msc-btn{display:block;text-align:center;padding:11px 14px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease;border:1px solid #252e46;line-height:1.3}
.msc-btn-dark{background:#252e46;color:#fff}
.msc-btn-dark:hover{background:#243046;color:#fff}
.msc-btn-line{background:#fff;color:#252e46}
.msc-btn-line:hover{background:#252e46;color:#fff}

/* ---------- Toasts */
#msc-toasts{position:fixed;right:16px;bottom:16px;z-index:999991;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}
.msc-toast{display:flex;align-items:center;gap:12px;background:#252e46;color:#fff;padding:12px 14px;border-radius:5px;font-size:13.5px;box-shadow:0 6px 20px rgba(0,0,0,.25);animation:msc-in .25s ease}
.msc-toast.msc-toast-error{background:#8f1d1d}
.msc-toast button{background:#fff;color:#252e46;border:0;border-radius:3px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
@keyframes msc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:520px){
	#msc-drawer{width:100vw}
	#msc-toasts{right:8px;bottom:8px}
}