/* ssbd-woo-bridge: styling for the WooCommerce pieces the cloned CSS does not cover (checkout, account, notices, order fields). */
.tsm.tsm.tsm{--ssbd-accent:#00acee;--ssbd-border:#e1e1e1}
.tsm.tsm.tsm .woocommerce-notices-wrapper{margin-bottom:10px}
.tsm.tsm.tsm .woocommerce-error,.tsm.tsm.tsm .woocommerce-message,.tsm.tsm.tsm .woocommerce-info{list-style:none;margin:0 0 20px;padding:14px 22px;border-left:4px solid var(--ssbd-accent);background:#f2f9fd;color:#333;font-size:14px;line-height:1.5}
.tsm.tsm.tsm .woocommerce-error{border-left-color:#d9534f;background:#fdf3f2}
.tsm.tsm.tsm .woocommerce-message::before,.tsm.tsm.tsm .woocommerce-info::before,.tsm.tsm.tsm .woocommerce-error::before{display:none}
.tsm.tsm.tsm .woocommerce-message .button{float:right;margin-left:15px}
.tsm.tsm.tsm .tsm-notice-ok{border-left-color:#3c9a3c;background:#f1faf1;color:#2b5d2b;border-color:#bfe3bf}

/* order fields on the product page */
.tsm.tsm.tsm .ssbd-order-fields{margin:0 0 15px}
.tsm.tsm.tsm .ssbd-order-fields .form-row{margin:0 0 12px;padding:0;clear:both}
.tsm.tsm.tsm .ssbd-order-fields label{display:block;margin:0 0 5px;font-size:13px;font-weight:600;color:#333}
.tsm.tsm.tsm .ssbd-order-fields input.input-text{display:block;box-sizing:border-box;width:100%;max-width:420px;height:42px;padding:0 12px;border:1px solid var(--ssbd-border);background:#fff;font-size:14px}
.tsm.tsm.tsm .ssbd-order-fields input.input-text:focus{border-color:var(--ssbd-accent);outline:0}
.tsm.tsm.tsm .ssbd-order-fields input.ssbd-invalid{border-color:#d9534f;background:#fff8f8}
.tsm.tsm.tsm .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:center}
.tsm.tsm.tsm .woocommerce-variation-add-to-cart .ssbd-order-fields{flex:0 0 100%}
.tsm.tsm.tsm .single_add_to_cart_button.disabled{opacity:.55;cursor:not-allowed}

/* cart lines: "Label: value" pairs */
.tsm.tsm.tsm dl.variation{margin:8px 0 0;font-size:13px;color:#777}
.tsm.tsm.tsm dl.variation dt{float:left;clear:left;margin:0 6px 2px 0;font-weight:600;color:#555}
.tsm.tsm.tsm dl.variation dd{margin:0 0 2px;word-break:break-all}
.tsm.tsm.tsm dl.variation dd p{margin:0;display:inline}
.tsm.tsm.tsm .ssbd-var{display:block;font-size:12px;color:#777;line-height:1.5;word-break:break-all}
.tsm.tsm.tsm .ssbd-var b{color:#555;font-weight:600}
.tsm.tsm.tsm .product-remove a.remove{display:inline-block;width:22px;height:22px;line-height:20px;text-align:center;border-radius:50%;color:#999;font-size:18px;text-decoration:none}
.tsm.tsm.tsm .product-remove a.remove:hover{background:#d9534f;color:#fff}
.tsm.tsm.tsm table.shop_table{width:100%;border-collapse:collapse}
.tsm.tsm.tsm table.shop_table th,.tsm.tsm.tsm table.shop_table td{padding:12px 10px;text-align:left;vertical-align:top}
.tsm.tsm.tsm table.shop_table .amount,.tsm.tsm.tsm .cart_totals .amount{font-weight:600}
.tsm.tsm.tsm .cart_totals table th{font-weight:600}

/* buttons / inputs on pages Woo renders */
.tsm.tsm.tsm .woocommerce-checkout .button,.tsm.tsm.tsm .woocommerce-cart .button,.tsm.tsm.tsm .woocommerce-account .button,.tsm.tsm.tsm #place_order{display:inline-block;padding:0 25px;height:42px;line-height:42px;border:0;background:var(--ssbd-accent);color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;cursor:pointer;border-radius:0}
.tsm.tsm.tsm .woocommerce-checkout .button:hover,.tsm.tsm.tsm .woocommerce-cart .button:hover,.tsm.tsm.tsm .woocommerce-account .button:hover,.tsm.tsm.tsm #place_order:hover{background:#0098d3}
.tsm.tsm.tsm button[name=update_cart],.tsm.tsm.tsm button[name=apply_coupon]{background:#f1f1f1;color:#555}
.tsm.tsm.tsm .woocommerce form .form-row{margin:0 0 15px;padding:0}
.tsm.tsm.tsm .woocommerce form .form-row label{display:block;margin:0 0 5px;font-size:13px;color:#333}
.tsm.tsm.tsm .woocommerce form .form-row .input-text,.tsm.tsm.tsm .woocommerce form .form-row select,.tsm.tsm.tsm .woocommerce form .form-row textarea,.tsm.tsm.tsm .select2-container .select2-selection--single{box-sizing:border-box;width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--ssbd-border);background:#fff;font-size:14px;color:#333}
.tsm.tsm.tsm .woocommerce form .form-row .input-text:focus,.tsm.tsm.tsm .woocommerce form .form-row select:focus,.tsm.tsm.tsm .woocommerce form .form-row textarea:focus{border-color:var(--ssbd-accent);outline:0}
.tsm.tsm.tsm .woocommerce form .form-row.woocommerce-invalid .input-text{border-color:#d9534f}
.tsm.tsm.tsm .select2-container .select2-selection--single .select2-selection__rendered{padding:0;line-height:24px}
.tsm.tsm.tsm .select2-container .select2-selection--single .select2-selection__arrow{height:40px}
.tsm.tsm.tsm .woocommerce .coupon{display:flex;gap:10px;flex-wrap:wrap}

/* checkout */
.tsm.tsm.tsm .woocommerce-checkout h3{margin:0 0 20px;font-size:18px;font-weight:600}
.tsm.tsm.tsm form.checkout::after{content:"";display:block;clear:both}
@media (min-width:992px){
  .tsm.tsm.tsm form.checkout #customer_details{float:left;width:56%}
  .tsm.tsm.tsm form.checkout #order_review_heading,.tsm.tsm.tsm form.checkout #order_review{float:right;width:40%;clear:right}
  .tsm.tsm.tsm form.checkout .col2-set .col-1,.tsm.tsm.tsm form.checkout .col2-set .col-2{float:none;width:100%}
}
.tsm.tsm.tsm form.checkout #order_review{padding:20px;border:2px solid #efefef;box-sizing:border-box}
.tsm.tsm.tsm #payment{margin-top:20px;background:#f7f7f7;border-radius:0}
.tsm.tsm.tsm #payment ul.payment_methods{list-style:none;margin:0;padding:16px;border-bottom:1px solid #e5e5e5}
.tsm.tsm.tsm #payment ul.payment_methods li{margin:0 0 10px;padding:0;list-style:none}
.tsm.tsm.tsm #payment ul.payment_methods li label{display:inline;font-weight:600;cursor:pointer}
.tsm.tsm.tsm #payment ul.payment_methods li img{max-height:24px;margin-left:8px;vertical-align:middle}
.tsm.tsm.tsm #payment div.payment_box{margin:8px 0 0;padding:12px 15px;background:#fff;border:1px solid #eee;font-size:13px;color:#666}
.tsm.tsm.tsm #payment div.form-row{padding:16px;margin:0}
.tsm.tsm.tsm #payment #place_order{float:right;width:100%}
.tsm.tsm.tsm .woocommerce-privacy-policy-text{font-size:12px;color:#777;margin-bottom:12px}
.tsm.tsm.tsm .woocommerce-terms-and-conditions-wrapper{margin-bottom:12px}

/* order received */
.tsm.tsm.tsm ul.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:25px;list-style:none;margin:0 0 30px;padding:20px;border:1px dashed var(--ssbd-border)}
.tsm.tsm.tsm ul.woocommerce-order-overview li{margin:0;padding:0 25px 0 0;list-style:none;font-size:12px;text-transform:uppercase;color:#777}
.tsm.tsm.tsm ul.woocommerce-order-overview li strong{display:block;margin-top:4px;font-size:15px;text-transform:none;color:#222}
.tsm.tsm.tsm .woocommerce-order-details h2,.tsm.tsm.tsm .woocommerce-customer-details h2{font-size:20px;margin:30px 0 15px}
.tsm.tsm.tsm .woocommerce-thankyou-order-received{font-size:18px;font-weight:600;color:#3c9a3c;margin-bottom:20px}
.tsm.tsm.tsm .ssbd-binance-note{padding:14px 18px;border:1px solid #f0b90b;background:#fffbea;margin:0 0 20px;font-size:14px}

/* my account */
.tsm.tsm.tsm .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 25px;padding:0;border:1px solid var(--ssbd-border)}
.tsm.tsm.tsm .woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--ssbd-border)}
.tsm.tsm.tsm .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.tsm.tsm.tsm .woocommerce-MyAccount-navigation li a{display:block;padding:11px 16px;font-size:14px;color:#333;text-decoration:none}
.tsm.tsm.tsm .woocommerce-MyAccount-navigation li.is-active a,.tsm.tsm.tsm .woocommerce-MyAccount-navigation li a:hover{color:var(--ssbd-accent)}
@media (min-width:768px){
  .tsm.tsm.tsm .woocommerce-MyAccount-navigation{float:left;width:24%}
  .tsm.tsm.tsm .woocommerce-MyAccount-content{float:right;width:73%}
  .tsm.tsm.tsm .woocommerce-account .woocommerce::after{content:"";display:block;clear:both}
}
.tsm.tsm.tsm .u-columns.col2-set,.tsm.tsm.tsm #customer_login{display:flex;flex-wrap:wrap;gap:30px}
.tsm.tsm.tsm #customer_login .u-column1,.tsm.tsm.tsm #customer_login .u-column2{flex:1 1 300px;float:none;width:auto}
.tsm.tsm.tsm #customer_login h2{font-size:20px;margin:0 0 15px}
.tsm.tsm.tsm form.login,.tsm.tsm.tsm form.register{padding:20px;border:1px solid var(--ssbd-border);margin:0}
.tsm.tsm.tsm .woocommerce-account table.shop_table{border:1px solid var(--ssbd-border)}

/* mini cart totals on the side panel keep clone look; make sure wc buttons don't inherit checkout styles there */
.tsm.tsm.tsm .cart-widget-side .button{height:auto;line-height:normal}

/* v1.1.0: Woodmart notices are fixed bottom toasts in the clone CSS; in the store they must flow inline. */
.tsm.tsm.tsm .woocommerce-info,.tsm.tsm.tsm .woocommerce-message,.tsm.tsm.tsm .woocommerce-error{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;animation:none!important;z-index:auto!important;display:block!important;min-height:0!important;width:auto!important;max-width:100%;box-sizing:border-box;background:#f2f9fd!important;color:#333!important;cursor:default!important;padding:14px 22px!important;margin:0 0 20px!important;border-left:4px solid var(--ssbd-accent)!important;border-style:solid none none solid;border-width:0 0 0 4px!important}
.tsm.tsm.tsm .woocommerce-error{background:#fdf3f2!important;border-left-color:#d9534f!important}
.tsm.tsm.tsm .woocommerce-info::after,.tsm.tsm.tsm .woocommerce-message::after,.tsm.tsm.tsm .woocommerce-error::after{display:none!important;content:none!important}
.tsm.tsm.tsm .woocommerce-info a,.tsm.tsm.tsm .woocommerce-message a{color:var(--ssbd-accent)!important}
.tsm.tsm.tsm .woocommerce-info.cart-empty,.tsm.tsm.tsm .cart-empty.woocommerce-info{margin-bottom:20px!important}
.tsm.tsm.tsm .woocommerce-message .button{float:right}
/* v1.1.0: product tabs: the fade-in animation could stay on frame 0 (invisible Description). Never animate/hide panels. */
.tsm.tsm.tsm .woocommerce-Tabs-panel,.tsm.tsm.tsm .woocommerce-Tabs-panel *{animation:none!important;opacity:1!important;visibility:visible!important}
.tsm.tsm.tsm .woocommerce-Tabs-panel{color:#333!important;transform:none!important}
.tsm.tsm.tsm .woocommerce-Tabs-panel p,.tsm.tsm.tsm .woocommerce-Tabs-panel li,.tsm.tsm.tsm .woocommerce-Tabs-panel td,.tsm.tsm.tsm .woocommerce-Tabs-panel th,.tsm.tsm.tsm .woocommerce-Tabs-panel span{color:inherit}

/* ---- Binance Pay (Manual) ---- */
.tsm.tsm.tsm .ssbd-bm{margin:12px 0;padding:14px 16px;background:#f4fbfe;border:1px dashed var(--ssbd-accent,#00aceb);color:#333;font-size:14px}
.tsm.tsm.tsm .ssbd-bm-table{width:100%;border:0;margin:0 0 8px;border-collapse:collapse}
.tsm.tsm.tsm .ssbd-bm-table th,.tsm.tsm.tsm .ssbd-bm-table td{border:0;padding:6px 8px 6px 0;text-align:left;vertical-align:middle;background:none}
.tsm.tsm.tsm .ssbd-bm-table th{width:140px;font-weight:600;color:#555}
.tsm.tsm.tsm .ssbd-bm-payid,.tsm.tsm.tsm .ssbd-bm-amount{font-size:16px;word-break:break-all}
.tsm.tsm.tsm .ssbd-bm-copy{margin-left:8px;padding:3px 12px;font-size:12px;line-height:1.6;background:var(--ssbd-accent,#00aceb);color:#fff;border:0;border-radius:3px;cursor:pointer;text-transform:none}
.tsm.tsm.tsm .ssbd-bm-copy.is-copied{background:#3c9a3c}
.tsm.tsm.tsm .ssbd-bm-qr{text-align:center;margin:10px 0}
.tsm.tsm.tsm .ssbd-bm-qr img{max-width:200px;height:auto;border:1px solid #e5e5e5;background:#fff;padding:6px}
.tsm.tsm.tsm .ssbd-bm-instr{font-size:13px;color:#555}
.tsm.tsm.tsm .ssbd-bm-instr p{margin:0 0 6px}
.tsm.tsm.tsm .ssbd-bm-field{margin:12px 0 0}
.tsm.tsm.tsm .ssbd-bm-field label{display:block;font-weight:600;margin-bottom:4px}
.tsm.tsm.tsm .ssbd-bm-field input{width:100%;box-sizing:border-box}
.tsm.tsm.tsm .ssbd-bm-hint{display:block;margin-top:4px;font-size:12px;color:#888}
.tsm.tsm.tsm .ssbd-bm-thanks{margin:24px 0;padding-top:8px}
.tsm.tsm.tsm .ssbd-bm-thanks h2{font-size:20px;margin:0 0 10px}
.tsm.tsm.tsm .ssbd-bm-txn{margin:8px 0 0}
.tsm.tsm.tsm .ssbd-bm-ok{color:#3c9a3c;font-weight:600}
@media(max-width:600px){.tsm.tsm.tsm .ssbd-bm-table th,.tsm.tsm.tsm .ssbd-bm-table td{display:block;width:auto}}

.tsm.tsm.tsm #register{scroll-margin-top:110px}
.tsm.tsm.tsm #customer_login .u-column2 form.register{margin:0}
@media(max-width:767px){.tsm.tsm.tsm .u-columns.col2-set,.tsm.tsm.tsm #customer_login{display:block}.tsm.tsm.tsm #customer_login .u-column2{margin-top:30px}}