.shop-button-action-label,
.shop-button-price-label {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
white-space: nowrap !important;
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
}
body.swth-style-layer .shop-product-button .shop-button-price-label *,
body.swth-style-layer .shop-product-button .shop-button-price-label .woocommerce-Price-amount,
body.swth-style-layer .shop-product-button .shop-button-price-label .woocommerce-Price-currencySymbol,
body.swth-style-layer .shop-product-button .shop-button-price-label bdi,
body.swth-style-layer .single_add_to_cart_button .shop-button-price-label *,
body.swth-style-layer .single_add_to_cart_button .shop-button-price-label .woocommerce-Price-amount,
body.swth-style-layer .single_add_to_cart_button .shop-button-price-label .woocommerce-Price-currencySymbol,
body.swth-style-layer .single_add_to_cart_button .shop-button-price-label bdi {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
} body.swth-price-button-hides-prices:not(.woocommerce-cart):not(.woocommerce-checkout) :is(
.products .product .price,
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price,
.wc-block-components-product-price,
.wp-block-woocommerce-product-price
) {
display: none !important;
}
body.swth-price-button-hides-prices.single-product div.product .summary > .price,
body.swth-price-button-hides-prices.single-product div.product .summary .woocommerce-variation-price,
body.swth-price-button-hides-prices.single-product div.product .summary .woocommerce-variation-price .price {
display: none !important;
}#sticky-cart-bar-spacer {
display: block;
width: 100%;
height: 0;
clear: both;
overflow: hidden;
pointer-events: none;
}
#sticky-cart-bar-spacer.active {
height: var(--swth-sticky-product-bar-height, 0px);
}
#sticky-cart-bar {
--sticky-bg: #453f3a;
--sticky-accent: var(--wc-accent, #dac1b9);
--sticky-accent-hover: var(--wc-accent-hover, #c3b7ae);
--sticky-button-font: var(--wc-button-font, var(--wc-number-font, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif));
--sticky-button-size: var(--wc-button-size, 13px);
--sticky-button-weight: var(--wc-button-weight, 500);
--sticky-button-letter: var(--wc-button-letter, 1.6px);
--sticky-button-line: var(--wc-button-line, 1.1);
--sticky-button-height: var(--wc-button-height, 40px);
--sticky-title-color: #fff;
--sticky-title-size: 20px;
--sticky-title-weight: 400;
--sticky-title-letter-spacing: normal;
--sticky-primary-bg: var(--sticky-accent);
--sticky-primary-text: #fff;
--sticky-primary-border: var(--sticky-accent);
--sticky-primary-border-widths: 1px;
--sticky-primary-hover-bg: var(--sticky-accent-hover);
--sticky-primary-hover-text: #fff;
--sticky-primary-hover-border: var(--sticky-accent-hover);
--sticky-primary-font: var(--sticky-button-font);
--sticky-primary-size: var(--sticky-button-size);
--sticky-primary-weight: var(--sticky-button-weight);
--sticky-primary-letter: var(--sticky-button-letter);
--sticky-primary-transform: uppercase;
--sticky-primary-height: var(--swth-price-button-effective-min-height, var(--sticky-button-height));
--sticky-primary-radius: var(--swth-price-button-radius, var(--wc-button-radius, 0px));
--sticky-primary-padding: 0 16px;
--sticky-primary-justify: center;
--sticky-primary-text-align: center;
--sticky-primary-icon-order: -1;
--sticky-secondary-bg: transparent;
--sticky-secondary-text: var(--sticky-accent);
--sticky-secondary-border: var(--sticky-accent);
--sticky-secondary-border-widths: 1px;
--sticky-secondary-hover-bg: var(--sticky-accent);
--sticky-secondary-hover-text: #fff;
--sticky-secondary-hover-border: var(--sticky-accent);
--sticky-secondary-font: var(--sticky-button-font);
--sticky-secondary-size: var(--sticky-button-size);
--sticky-secondary-weight: var(--sticky-button-weight);
--sticky-secondary-letter: var(--sticky-button-letter);
--sticky-secondary-transform: uppercase;
--sticky-secondary-height: var(--swth-live-preview-button-effective-min-height, var(--sticky-button-height));
--sticky-secondary-radius: var(--swth-live-preview-button-radius, var(--wc-button-radius, 0px));
--sticky-secondary-padding: 0 4px;
--sticky-secondary-justify: center;
--sticky-secondary-text-align: center;
--sticky-secondary-icon-order: -1;
position: fixed;
bottom: -150px;
left: 0;
width: 100%;
z-index: 999999;
padding: 15px 0;
background: var(--sticky-bg);
border-top: 1px solid rgba(218, 193, 185, .35);
box-shadow: 0 0 24px rgba(33, 31, 28, .08);
transition: bottom .5s cubic-bezier(.165, .84, .44, 1);
}
#sticky-cart-bar.active {
bottom: 0;
}
.sticky-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
padding: 0 40px;
box-sizing: border-box;
}
.sticky-info {
display: flex;
align-items: center;
gap: 20px;
flex: 1.2;
min-width: 0;
}
.sticky-info img {
width: 55px;
height: 55px;
object-fit: cover;
border: 1px solid var(--sticky-accent);
flex-shrink: 0;
}
.sticky-title {
color: var(--sticky-title-color);
font-family: inherit;
font-size: var(--sticky-title-size);
font-weight: var(--sticky-title-weight);
letter-spacing: var(--sticky-title-letter-spacing);
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sticky-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 200px));
justify-content: flex-end;
gap: var(--swth-sticky-cart-button-gap, var(--swth-button-pair-gap, 10px));
flex: 1;
}
.sticky-actions .sticky-btn:only-child {
grid-column: 2;
}
.sticky-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: var(--sticky-current-justify, center) !important;
gap: .45em !important;
width: 100% !important;
min-width: 0 !important;
min-height: var(--sticky-current-height, var(--sticky-button-height)) !important;
padding: var(--sticky-current-padding, 0 16px) !important;
border-radius: var(--sticky-current-radius, 0px) !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-family: var(--sticky-current-font, var(--sticky-button-font)) !important;
font-size: var(--sticky-current-size, var(--sticky-button-size)) !important;
font-weight: var(--sticky-current-weight, var(--sticky-button-weight)) !important;
line-height: 1.1 !important;
letter-spacing: var(--sticky-current-letter, var(--sticky-button-letter)) !important;
text-align: var(--sticky-current-text-align, center) !important;
text-decoration: none !important;
text-transform: var(--sticky-current-transform, uppercase) !important;
white-space: normal !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.sticky-button-label {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: .45em !important;
}
.sticky-btn .shop-button-action-label,
.sticky-btn .shop-button-price-label {
font: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
color: inherit !important;
}
.sticky-btn > svg,
.sticky-btn > .swth-button-icon {
display: block !important;
width: 1.32em !important;
height: 1.32em !important;
flex: 0 0 auto !important;
order: var(--sticky-current-icon-order, -1) !important;
align-self: center !important;
stroke: currentColor;
fill: none;
overflow: visible;
shape-rendering: geometricPrecision;
transform: none;
}
.sticky-btn .swth-button-icon--cart {
transform: translateY(-.08em);
}
#sticky-cart-bar .sticky-actions .sticky-btn-primary .sticky-button-label,
#sticky-cart-bar .sticky-actions .sticky-btn-primary .sticky-button-label *,
#sticky-cart-bar .sticky-actions .sticky-btn-secondary > span,
#sticky-cart-bar .sticky-actions .sticky-btn-secondary > span * {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
font-style: inherit !important;
text-transform: inherit !important;
font-feature-settings: inherit !important;
font-variant: inherit !important;
}
.sticky-btn-primary {
--sticky-current-font: var(--sticky-primary-font);
--sticky-current-size: var(--sticky-primary-size);
--sticky-current-weight: var(--sticky-primary-weight);
--sticky-current-letter: var(--sticky-primary-letter);
--sticky-current-transform: var(--sticky-primary-transform);
--sticky-current-height: var(--sticky-primary-height);
--sticky-current-radius: var(--sticky-primary-radius);
--sticky-current-padding: var(--sticky-primary-padding);
--sticky-current-justify: var(--sticky-primary-justify);
--sticky-current-text-align: var(--sticky-primary-text-align);
--sticky-current-icon-order: var(--sticky-primary-icon-order);
color: var(--sticky-primary-text) !important;
background: var(--sticky-primary-bg) !important;
border-style: solid !important;
border-color: var(--sticky-primary-border) !important;
border-width: var(--sticky-primary-border-widths, 1px) !important;
}
.sticky-btn-secondary {
--sticky-current-font: var(--sticky-secondary-font);
--sticky-current-size: var(--sticky-secondary-size);
--sticky-current-weight: var(--sticky-secondary-weight);
--sticky-current-letter: var(--sticky-secondary-letter);
--sticky-current-transform: var(--sticky-secondary-transform);
--sticky-current-height: var(--sticky-secondary-height);
--sticky-current-radius: var(--sticky-secondary-radius);
--sticky-current-padding: var(--sticky-secondary-padding);
--sticky-current-justify: var(--sticky-secondary-justify);
--sticky-current-text-align: var(--sticky-secondary-text-align);
--sticky-current-icon-order: var(--sticky-secondary-icon-order);
color: var(--sticky-secondary-text) !important;
background: var(--sticky-secondary-bg) !important;
border-style: solid !important;
border-color: var(--sticky-secondary-border) !important;
border-width: var(--sticky-secondary-border-widths, 1px) !important;
}
@media (hover: hover) {
.sticky-btn-primary:hover,
.sticky-btn-primary:focus {
color: var(--sticky-primary-hover-text) !important;
background: var(--sticky-primary-hover-bg) !important;
border-color: var(--sticky-primary-hover-border) !important;
}
.sticky-btn-secondary:hover,
.sticky-btn-secondary:focus {
color: var(--sticky-secondary-hover-text) !important;
background: var(--sticky-secondary-hover-bg) !important;
border-color: var(--sticky-secondary-hover-border) !important;
}
}
@media (max-width: 768px) {
#sticky-cart-bar {
padding: 12px 0;
}
.sticky-info {
display: none;
}
.sticky-container {
padding: 0 15px;
gap: 10px;
}
.sticky-actions {
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sticky-actions .sticky-btn:only-child {
grid-column: 1 / -1;
}
}
@media (max-width: 767px) {
#sticky-cart-bar {
--sticky-secondary-padding: 0 12px;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.sticky-btn-secondary {
min-height: var(--sticky-secondary-height, var(--sticky-button-height)) !important;
}
}