/**
* BellaBlume Marketplace: WooCommerce pages (shop, product, cart, checkout,
* thank you, My Account). Scoped to body.bbm-woo (see BBM_Woo_Skin) and
* built on the design tokens in frontend.css.
*/
body.bbm-woo {
--bbm-woo-width: 1240px;
--bbm-field-border: #ead0e5;
}
body.bbm-woo #main.site-main,
body.bbm-woo main.site-main {
display: block; /* Hello Biz makes search pages a flex row (.search .site-main). */
gap: 0;
box-sizing: border-box;
width: 100%;
max-width: var(--bbm-woo-width);
margin-inline: auto;
padding: 28px 20px 70px;
}
body.bbm-woo .site-main > .page-header,
body.bbm-woo .site-main > article > .page-header { display: none; }
/* --- Type, links, breadcrumb ------------------------------------------- */
body.bbm-woo .woocommerce,
body.bbm-woo .site-main { color: var(--bbm-text); }
body.bbm-woo :is(.woocommerce, .site-main) a:not(.button):not(.bbm-account-tile):not(.bbm-catmenu__top) { color: var(--bbm-heading); text-decoration-color: var(--bbm-petal); text-underline-offset: 3px; }
body.bbm-woo :is(.woocommerce, .site-main) a:not(.button):hover { color: var(--bbm-accent); }
body.bbm-woo :is(.woocommerce, .site-main) :is(h1, h2, h3) { color: var(--bbm-button-ink); font-family: var(--bbm-font-display); font-weight: 600; }
body.bbm-woo .woocommerce-breadcrumb { margin: 0 0 18px; color: var(--bbm-muted); font-size: 0.86rem; }
body.bbm-woo .woocommerce-breadcrumb a { color: var(--bbm-muted); text-decoration: none; }
body.bbm-woo .woocommerce-breadcrumb a:hover { color: var(--bbm-accent); }
/* --- Shared page intro (script title + text + stitched divider) --------- */
.bbm-woo-hero { margin: 4px auto 26px; text-align: center; }
.bbm-woo-hero__script,
.bbm-empty-cart .bbm-woo-hero__script { margin: 0; color: var(--bbm-heading); font-family: var(--bbm-font-script); font-size: clamp(2.6rem, 6vw, 4.2rem); line-height: 1.05; }
.bbm-woo-hero__text { max-width: 36em; margin: 6px auto 0; color: var(--bbm-text); font-size: 1.05rem; }
.bbm-woo-hero::after,
body.bbm-woo .woocommerce-products-header::after {
content: "";
display: block;
width: min(260px, 70%);
height: 14px;
margin: 16px auto 0;
background:
radial-gradient(circle, var(--bbm-accent) 0 3px, transparent 3.5px) center / 14px 14px no-repeat,
linear-gradient(90deg, transparent, var(--bbm-petal) 15%, var(--bbm-petal) 42%, transparent 42%, transparent 58%, var(--bbm-petal) 58%, var(--bbm-petal) 85%, transparent) center / 100% 2px no-repeat;
-webkit-mask: repeating-linear-gradient(90deg, #000 0 8px, transparent 8px 12px);
mask: repeating-linear-gradient(90deg, #000 0 8px, transparent 8px 12px);
}
/* --- Buttons ----------------------------------------------------------- */
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(a.button, button.button, input.button, .button, #respond input#submit),
body.bbm-woo.bbm-woo .wc-block-components-button:not(.is-link) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4em;
min-height: 44px;
padding: 0.7em 1.5em;
background: var(--bbm-button);
border: 1.5px solid var(--bbm-button-ink);
border-radius: 999px;
box-shadow: 0 3px 0 var(--bbm-button-ink);
color: var(--bbm-button-ink);
font-family: var(--bbm-font-display);
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease, color 0.2s ease;
}
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(a.button, button.button, input.button, .button, #respond input#submit):is(:hover, :focus-visible) {
background: var(--bbm-button-hover);
color: var(--bbm-button-ink);
transform: translateY(-1px);
box-shadow: 0 4px 0 var(--bbm-button-ink);
}
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(a.button, button.button, input.button, .button):active { transform: translateY(2px); box-shadow: 0 1px 0 var(--bbm-button-ink); }
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(.button.alt, .single_add_to_cart_button, .checkout-button, #place_order) {
background: var(--bbm-button-ink);
color: #fff;
box-shadow: 0 3px 0 var(--bbm-accent);
}
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(.button.alt, .single_add_to_cart_button, .checkout-button, #place_order):is(:hover, :focus-visible) { background: var(--bbm-accent); color: #fff; box-shadow: 0 4px 0 var(--bbm-button-ink); }
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) .button:disabled,
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) .button.disabled { opacity: 0.55; transform: none; }
/* --- Fields ------------------------------------------------------------ */
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], textarea, select),
body.bbm-woo.bbm-woo .select2-container .select2-selection--single {
box-sizing: border-box;
min-height: 48px;
padding: 0.7em 1em;
background: #fff;
border: 1.5px solid var(--bbm-field-border);
border-radius: 14px;
box-shadow: inset 0 1px 2px rgba(67, 8, 58, 0.04);
color: var(--bbm-text);
font: inherit;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) textarea { min-height: 110px; }
body.bbm-woo.bbm-woo :is(.woocommerce, .site-main) :is(input, textarea, select):focus,
body.bbm-woo.bbm-woo .select2-container--focus .select2-selection--single { border-color: var(--bbm-accent); box-shadow: 0 0 0 4px rgba(255, 91, 228, 0.16); outline: 0; }
body.bbm-woo .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.6; color: var(--bbm-text); }
body.bbm-woo .select2-container .select2-selection--single .select2-selection__arrow { top: 50%; right: 10px; transform: translateY(-50%); }
body.bbm-woo .select2-dropdown { border-color: var(--bbm-field-border); border-radius: 14px; overflow: hidden; }
body.bbm-woo .select2-results__option--highlighted[aria-selected],
body.bbm-woo .select2-results__option--highlighted[data-selected] { background: var(--bbm-accent) !important; }
body.bbm-woo .woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
body.bbm-woo .woocommerce form .form-row label { margin-bottom: 6px; color: var(--bbm-heading); font-weight: 600; }
body.bbm-woo .woocommerce form .form-row .required { color: var(--bbm-accent); text-decoration: none; }
body.bbm-woo .woocommerce :is(input[type="checkbox"], input[type="radio"]) { width: 1.1em; height: 1.1em; accent-color: var(--bbm-accent); vertical-align: -2px; }
body.bbm-woo .woocommerce .password-input { display: block; position: relative; }
body.bbm-woo .woocommerce .show-password-input { top: 50%; right: 12px; color: var(--bbm-muted); transform: translateY(-50%); }
/* --- Notices ----------------------------------------------------------- */
body.bbm-woo .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error),
body.bbm-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 16px;
margin: 0 0 22px;
padding: 14px 18px 14px 52px;
background: #fff;
border: 1.5px solid var(--bbm-petal);
border-left-width: 6px;
border-radius: 16px;
box-shadow: var(--bbm-shadow);
color: var(--bbm-text);
list-style: none;
}
body.bbm-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { top: 50%; left: 18px; color: var(--bbm-accent); transform: translateY(-50%); }
body.bbm-woo .woocommerce-message { border-left-color: #6cc48a; }
body.bbm-woo .woocommerce-message::before { color: #3f9a5c; }
body.bbm-woo .woocommerce-error { border-left-color: #e05a72; background: #fff7f8; }
body.bbm-woo .woocommerce-error::before { color: #c02a45; }
body.bbm-woo :is(.woocommerce-message, .woocommerce-info) .button { order: 2; margin-left: auto; float: none !important; }
body.bbm-woo .woocommerce-notices-wrapper:empty { display: none; }
/* --- Shop archive ------------------------------------------------------ */
body.bbm-woo .woocommerce-products-header { margin: 0 0 18px; text-align: center; }
body.bbm-woo .woocommerce-products-header__title.page-title { margin: 0; color: var(--bbm-heading); font-family: var(--bbm-font-script); font-size: clamp(2.8rem, 6vw, 4.4rem); font-weight: 400; line-height: 1.05; }
body.bbm-woo .term-description,
body.bbm-woo .page-description,
.bbm-woo-intro { max-width: 40em; margin: 6px auto 0; color: var(--bbm-text); text-align: center; }
body.bbm-woo .woocommerce-result-count { margin: 8px 0 18px; color: var(--bbm-muted); font-size: 0.9rem; line-height: 48px; }
body.bbm-woo .woocommerce-ordering { margin: 8px 0 18px; }
body.bbm-woo .woocommerce-ordering select { min-width: 220px; border-radius: 999px !important; }
body.bbm-woo ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 22px; margin: 0 0 30px; padding: 0; clear: both; }
body.bbm-woo ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.bbm-woo ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.bbm-woo ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.bbm-woo ul.products::before, body.bbm-woo ul.products::after { display: none !important; }
body.bbm-woo.bbm-woo ul.products li.product {
position: relative;
display: flex;
flex-direction: column;
float: none;
width: auto !important;
margin: 0 !important;
padding: 0 0 6px;
background: transparent;
border: 0;
border-radius: 18px;
text-align: left;
transition: transform 0.25s ease;
}
body.bbm-woo ul.products li.product:hover { transform: translateY(-3px); }
body.bbm-woo ul.products li.product .woocommerce-loop-product__link { display: flex; flex: 1; flex-direction: column; color: inherit; text-decoration: none; }
body.bbm-woo.bbm-woo ul.products li.product a img {
width: 100%;
height: auto;
aspect-ratio: 1;
margin: 0 0 10px;
background: var(--bbm-pill);
border-radius: 16px;
box-shadow: 0 6px 20px rgba(143, 88, 134, 0.1);
object-fit: cover;
transition: box-shadow 0.25s ease;
}
body.bbm-woo ul.products li.product:hover a img { box-shadow: var(--bbm-shadow-lift); }
body.bbm-woo.bbm-woo ul.products li.product .woocommerce-loop-product__title { margin: 0 0 4px; padding: 0; color: var(--bbm-text); font-family: var(--bbm-font-body); font-size: 0.98rem; font-weight: 400; line-height: 1.35; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.bbm-woo.bbm-woo ul.products li.product .price { margin: 0 0 4px; color: var(--bbm-button-ink) !important; font-size: 1.05rem; font-weight: 700; }
body.bbm-woo ul.products li.product .price del { color: var(--bbm-muted); font-size: 0.85em; font-weight: 400; opacity: 1; }
body.bbm-woo ul.products li.product .price ins { text-decoration: none; }
body.bbm-woo ul.products li.product .star-rating { margin: 0 0 4px; font-size: 0.8rem; }
body.bbm-woo ul.products li.product .bbm-sold-by { margin: 0 0 6px; font-size: 0.84rem; }
body.bbm-woo.bbm-woo ul.products li.product .button { align-self: flex-start; min-height: 36px; margin-top: 6px; padding: 0.45em 1.1em; font-size: 0.88rem; box-shadow: 0 2px 0 var(--bbm-button-ink); }
body.bbm-woo ul.products li.product .added_to_cart { margin-top: 6px; font-size: 0.86rem; font-weight: 600; }
body.bbm-woo ul.products li.product .onsale,
body.bbm-woo span.onsale {
top: 12px;
right: auto;
left: 12px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 0.25em 0.8em;
background: var(--bbm-accent);
border-radius: 999px;
color: #fff;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.4;
}
@media (max-width: 1024px) { body.bbm-woo ul.products, body.bbm-woo ul.products[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
body.bbm-woo ul.products, body.bbm-woo ul.products[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
body.bbm-woo .woocommerce-result-count, body.bbm-woo .woocommerce-ordering { float: none; width: 100%; margin: 4px 0; text-align: center; }
body.bbm-woo .woocommerce-ordering select { width: 100%; }
}
body.bbm-woo .woocommerce-pagination ul.page-numbers { display: inline-flex; gap: 6px; border: 0 !important; }
body.bbm-woo .woocommerce-pagination ul.page-numbers li { border: 0 !important; }
body.bbm-woo .woocommerce-pagination .page-numbers :is(a, span) { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-heading); font-weight: 600; }
body.bbm-woo .woocommerce-pagination .page-numbers :is(a:hover, span.current) { background: var(--bbm-button-ink); border-color: var(--bbm-button-ink); color: #fff; }
/* --- Single product ---------------------------------------------------- */
body.bbm-woo div.product { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 20px 48px; align-items: start; }
body.bbm-woo.bbm-woo div.product div.images,
body.bbm-woo.bbm-woo div.product div.summary { float: none; width: auto; margin: 0; }
body.bbm-woo div.product > :not(.images):not(.summary):not(.onsale):not(.bbm-photo-heart) { grid-column: 1 / -1; }
body.bbm-woo div.product div.images .woocommerce-product-gallery__wrapper { overflow: hidden; border-radius: 24px; box-shadow: var(--bbm-shadow); }
body.bbm-woo div.product div.images img { border-radius: 0; }
body.bbm-woo div.product div.images .flex-control-thumbs { display: flex; gap: 10px; margin-top: 12px; }
body.bbm-woo.bbm-woo div.product div.images .flex-control-thumbs li { width: 76px; float: none; }
body.bbm-woo div.product div.images .flex-control-thumbs img { border: 2px solid transparent; border-radius: 12px; opacity: 0.7; transition: opacity 0.2s ease, border-color 0.2s ease; }
body.bbm-woo div.product div.images .flex-control-thumbs img:is(.flex-active, :hover) { border-color: var(--bbm-accent); opacity: 1; }
body.bbm-woo div.product div.images .woocommerce-product-gallery__trigger { top: 14px; right: 14px; background: #fff; box-shadow: var(--bbm-shadow); }
body.bbm-woo div.product div.summary {
position: sticky;
top: 24px;
padding: 30px 32px;
background: #fff;
border: 2px dashed var(--bbm-petal);
border-radius: 30px;
box-shadow: var(--bbm-shadow);
}
body.bbm-woo div.product .product_title { margin: 0 0 6px; color: var(--bbm-button-ink); font-family: var(--bbm-font-display); font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.2; }
body.bbm-woo.bbm-woo div.product div.summary p.price { margin: 6px 0 14px; color: var(--bbm-accent); font-family: var(--bbm-font-display); font-size: 1.9rem; font-weight: 700; }
body.bbm-woo div.product p.price del { color: var(--bbm-muted); font-size: 0.6em; font-weight: 400; }
body.bbm-woo div.product p.price ins { text-decoration: none; }
body.bbm-woo div.product .woocommerce-product-details__short-description { margin-bottom: 16px; }
body.bbm-woo div.product form.cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 0 0 14px; }
body.bbm-woo div.product form.cart .quantity { margin: 0; }
body.bbm-woo.bbm-woo div.product form.cart .qty { width: 84px; min-height: 52px; border-radius: 999px; text-align: center; }
body.bbm-woo.bbm-woo div.product form.cart .single_add_to_cart_button { flex: 1 1 200px; min-height: 52px; font-size: 1.08rem; }
body.bbm-woo div.product form.cart table.variations { margin-bottom: 10px; }
body.bbm-woo div.product form.cart table.variations :is(th, td) { padding: 6px 0; border: 0; }
body.bbm-woo div.product .bbm-sold-by--single { margin: 0 0 10px; }
body.bbm-woo div.product .product_meta { padding-top: 14px; border-top: 1px dashed var(--bbm-petal); color: var(--bbm-muted); font-size: 0.88rem; }
body.bbm-woo div.product .product_meta > span { display: block; margin-bottom: 4px; }
.bbm-promises { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 8px 0 18px; padding: 16px 18px; background: var(--bbm-mist); border: 1px solid #fbe4f6; border-radius: 20px; list-style: none; }
.bbm-promises li { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--bbm-heading); font-size: 0.92rem; line-height: 1.3; }
.bbm-promises__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 50%; box-shadow: 0 2px 6px rgba(143, 88, 134, 0.12); color: var(--bbm-accent); }
.bbm-promises__icon svg { display: block; width: 18px; height: 18px; }
body.bbm-woo .woocommerce-tabs { margin-top: 40px; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; overflow: visible; background: none; border: 0; }
body.bbm-woo div.product .woocommerce-tabs ul.tabs::before,
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li::before,
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li::after { display: none !important; content: none; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li,
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li.active { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 999px; box-shadow: none; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 0.6em 1.3em; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-heading); font-family: var(--bbm-font-display); font-weight: 600; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li a:hover { background: var(--bbm-pill); border-color: var(--bbm-accent); color: var(--bbm-button-ink); }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs ul.tabs li.active a { background: var(--bbm-button-ink); border-color: var(--bbm-button-ink); color: #fff; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 28px 34px 30px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 26px; box-shadow: var(--bbm-shadow); }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs .panel :is(h2:first-child, .woocommerce-Reviews-title) { margin: 0 0 12px; font-size: 1.35rem; }
body.bbm-woo.bbm-woo div.product .woocommerce-tabs .panel > :last-child { margin-bottom: 0; }
body.bbm-woo .woocommerce-noreviews,
body.bbm-woo .woocommerce-verification-required { margin: 0 0 8px; color: var(--bbm-muted); }
body.bbm-woo.bbm-woo #reviews #comments ol.commentlist { margin: 0; padding: 0; }
body.bbm-woo.bbm-woo #reviews #comments ol.commentlist li { margin: 0 0 16px; }
body.bbm-woo.bbm-woo #reviews #comments ol.commentlist li img.avatar { width: 44px; padding: 0; border: 2px solid var(--bbm-petal); border-radius: 50%; background: #fff; }
body.bbm-woo.bbm-woo #reviews #comments ol.commentlist li .comment-text { margin-left: 60px; padding: 14px 18px; border: 1.5px solid var(--bbm-petal); border-radius: 18px; }
body.bbm-woo.bbm-woo #review_form #respond { margin-top: 18px; padding-top: 18px; border-top: 1px dashed var(--bbm-petal); }
body.bbm-woo.bbm-woo #review_form #respond .comment-reply-title { color: var(--bbm-button-ink); font-family: var(--bbm-font-display); font-size: 1.15rem; font-weight: 600; }
@media (max-width: 767px) { body.bbm-woo.bbm-woo div.product .woocommerce-tabs .panel { padding: 20px 18px; } }
body.bbm-woo .star-rating span::before, body.bbm-woo p.stars a { color: var(--bbm-accent); }
body.bbm-woo :is(.related, .upsells, .cross-sells) > h2 { margin: 40px 0 16px; font-size: 1.6rem; }
@media (max-width: 900px) {
body.bbm-woo div.product { grid-template-columns: 1fr; gap: 20px; }
body.bbm-woo div.product div.summary { position: static; padding: 22px 20px; }
.bbm-promises { grid-template-columns: 1fr; }
}
/* --- Tables (cart, order details, account lists) ------------------------ */
body.bbm-woo.bbm-woo table.shop_table {
overflow: hidden;
margin: 0 0 24px;
background: #fff;
border: 1.5px solid var(--bbm-petal);
border-collapse: separate;
border-radius: 22px;
box-shadow: var(--bbm-shadow);
}
body.bbm-woo table.shop_table :is(th, td) { padding: 14px 16px; border-color: #f6e3f2; vertical-align: middle; }
body.bbm-woo table.shop_table thead th { background: var(--bbm-mist); color: var(--bbm-heading); font-family: var(--bbm-font-display); font-size: 0.85rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
body.bbm-woo table.shop_table tfoot :is(th, td) { background: #fffafe; }
body.bbm-woo table.shop_table .order-total :is(th, td, .amount) { color: var(--bbm-button-ink); font-size: 1.1rem; font-weight: 700; }
body.bbm-woo table.cart img { width: 72px; border-radius: 14px; }
body.bbm-woo table.cart td.product-name a { font-weight: 600; text-decoration: none; }
body.bbm-woo.bbm-woo table.cart a.remove { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: var(--bbm-pill); border-radius: 50%; color: var(--bbm-heading) !important; font-size: 1.2rem; }
body.bbm-woo.bbm-woo table.cart a.remove:hover { background: var(--bbm-accent); color: #fff !important; }
body.bbm-woo table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; }
body.bbm-woo table.cart td.actions .coupon .input-text { width: 180px; border-radius: 999px; }
body.bbm-woo table.cart .qty { width: 72px; border-radius: 999px !important; text-align: center; }
body.bbm-woo .cart-collaterals .cart_totals { padding: 0; }
body.bbm-woo .cart-collaterals .cart_totals h2,
body.bbm-woo .woocommerce-checkout h3,
body.bbm-woo #order_review_heading { font-size: 1.35rem; }
body.bbm-woo .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 54px; font-size: 1.1rem; }
@media (max-width: 767px) {
body.bbm-woo table.shop_table_responsive tr { display: block; padding: 8px 0; border-bottom: 1px solid #f6e3f2; }
body.bbm-woo table.shop_table_responsive tr td { border: 0; }
}
/* --- Steps ------------------------------------------------------------- */
.bbm-steps { display: flex; justify-content: center; gap: 0; margin: 0 auto 30px; padding: 0; max-width: 620px; counter-reset: none; list-style: none; }
.bbm-steps li { position: relative; display: flex; flex: 1; flex-direction: column; align-items: center; gap: 6px; color: var(--bbm-muted); font-size: 0.86rem; font-weight: 600; text-align: center; }
.bbm-steps li:not(:last-child)::after { content: ""; position: absolute; z-index: 0; top: 17px; left: calc(50% + 22px); right: calc(-50% + 22px); height: 2px; background: repeating-linear-gradient(90deg, var(--bbm-petal) 0 7px, transparent 7px 12px); }
.bbm-steps li.is-done:not(:last-child)::after { background: var(--bbm-accent); }
.bbm-steps__dot { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #fff; border: 2px solid var(--bbm-petal); border-radius: 50%; color: var(--bbm-heading); font-family: var(--bbm-font-display); }
.bbm-steps li.is-current { color: var(--bbm-button-ink); }
.bbm-steps li.is-current .bbm-steps__dot { background: var(--bbm-button); border-color: var(--bbm-button-ink); box-shadow: 0 0 0 5px rgba(252, 138, 217, 0.25); }
.bbm-steps li.is-done .bbm-steps__dot { background: var(--bbm-accent); border-color: var(--bbm-accent); color: #fff; }
/* --- Checkout ---------------------------------------------------------- */
body.bbm-woo form.checkout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 0 40px; align-items: start; }
body.bbm-woo form.checkout > :is(.woocommerce-NoticeGroup, .woocommerce-notices-wrapper) { grid-column: 1 / -1; }
body.bbm-woo form.checkout #customer_details { grid-column: 1; grid-row: 2 / span 3; }
body.bbm-woo form.checkout #customer_details :is(.col-1, .col-2) { float: none; width: 100%; }
body.bbm-woo form.checkout #customer_details .col-2 { margin-top: 10px; }
body.bbm-woo form.checkout :is(#order_review_heading, #order_review) { grid-column: 2; }
body.bbm-woo form.checkout #order_review_heading { margin: 0; padding: 22px 26px 0; background: #fff; border: 2px dashed var(--bbm-petal); border-bottom: 0; border-radius: 28px 28px 0 0; }
body.bbm-woo form.checkout #order_review { position: sticky; top: 24px; padding: 6px 26px 26px; background: #fff; border: 2px dashed var(--bbm-petal); border-top: 0; border-radius: 0 0 28px 28px; box-shadow: var(--bbm-shadow); }
body.bbm-woo form.checkout #order_review table.shop_table { border: 0; border-radius: 0; box-shadow: none; }
body.bbm-woo .woocommerce-billing-fields, body.bbm-woo .woocommerce-shipping-fields, body.bbm-woo .woocommerce-additional-fields { padding: 24px 26px 10px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 24px; margin-bottom: 18px; }
body.bbm-woo .woocommerce-checkout #payment { background: var(--bbm-mist); border-radius: 20px; }
body.bbm-woo .woocommerce-checkout #payment ul.payment_methods { padding: 16px 18px; border-bottom: 1px dashed var(--bbm-petal); }
body.bbm-woo .woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: 14px; color: var(--bbm-text); }
body.bbm-woo .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }
body.bbm-woo .woocommerce-checkout #payment #place_order { width: 100%; min-height: 56px; font-size: 1.12rem; }
body.bbm-woo .woocommerce-form-coupon-toggle .woocommerce-info,
body.bbm-woo .woocommerce-form-login-toggle .woocommerce-info { box-shadow: none; }
body.bbm-woo form.checkout_coupon, body.bbm-woo form.woocommerce-form-login { padding: 20px 22px; border: 1.5px dashed var(--bbm-petal) !important; border-radius: 20px !important; }
@media (max-width: 900px) {
body.bbm-woo form.checkout { display: block; }
body.bbm-woo form.checkout #order_review { position: static; }
}
/* --- Thank you --------------------------------------------------------- */
body.bbm-woo .woocommerce-thankyou-order-received { display: none; }
body.bbm-woo ul.woocommerce-order-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0 0 30px; padding: 0; }
body.bbm-woo.bbm-woo ul.woocommerce-order-overview li { margin: 0; padding: 14px 16px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 18px; color: var(--bbm-muted); font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; }
body.bbm-woo ul.woocommerce-order-overview li strong { display: block; margin-top: 4px; color: var(--bbm-button-ink); font-size: 1rem; letter-spacing: normal; text-transform: none; }
body.bbm-woo .woocommerce-customer-details address { padding: 18px 20px; background: #fff; border: 1.5px solid var(--bbm-petal) !important; border-radius: 20px; }
/* --- Empty cart -------------------------------------------------------- */
body.bbm-woo .cart-empty.woocommerce-info { display: none; }
body.bbm-woo .return-to-shop { text-align: center; }
.bbm-empty-cart { margin: 0 auto 26px; text-align: center; }
.bbm-empty-cart > p { margin: 6px 0 24px; }
.bbm-empty-cart__picks { --bbm-cols: 4; text-align: left; }
@media (max-width: 767px) { .bbm-empty-cart__picks { --bbm-cols: 2; } }
/* --- My Account: sign in / register ------------------------------------ */
body.bbm-woo .woocommerce > .bbm-woo-hero ~ h2 { display: none; } /* "Login" heading replaced by the intro */
body.bbm-woo #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
body.bbm-woo #customer_login::before, body.bbm-woo #customer_login::after { display: none; }
body.bbm-woo #customer_login :is(.u-column1, .u-column2) { float: none; width: auto; padding: 30px 32px; background: #fff; border: 2px dashed var(--bbm-petal); border-radius: 30px; box-shadow: var(--bbm-shadow); }
body.bbm-woo #customer_login .u-column2 { background: linear-gradient(160deg, #fff 0%, var(--bbm-mist) 100%); }
body.bbm-woo #customer_login h2 { margin: 0 0 14px; font-size: 1.5rem; }
body.bbm-woo.bbm-woo :is(#customer_login, .woocommerce) form:is(.login, .register, .lost_reset_password) { margin: 0; padding: 0; border: 0; border-radius: 0; }
body.bbm-woo .woocommerce > form.woocommerce-form-login { max-width: 560px; margin: 0 auto !important; padding: 30px 32px !important; background: #fff; border: 2px dashed var(--bbm-petal) !important; border-radius: 30px !important; box-shadow: var(--bbm-shadow); }
body.bbm-woo .woocommerce > form.lost_reset_password { max-width: 560px; margin: 0 auto; padding: 30px 32px; background: #fff; border: 2px dashed var(--bbm-petal); border-radius: 30px; box-shadow: var(--bbm-shadow); }
body.bbm-woo form.login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
body.bbm-woo form.login .woocommerce-form-login__rememberme { order: -1; margin: 0; }
body.bbm-woo.bbm-woo form.login .woocommerce-form-login__submit,
body.bbm-woo.bbm-woo form.register .woocommerce-form-register__submit { width: 100%; min-height: 50px; margin: 4px 0 0; float: none; }
body.bbm-woo .lost_password { margin: 10px 0 0; text-align: center; }
.bbm-login-prompt { display: flex; align-items: flex-start; gap: 14px; max-width: 760px; margin: 0 auto 22px; padding: 16px 20px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 20px; box-shadow: var(--bbm-shadow); }
.bbm-login-prompt__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 42px; height: 42px; background: var(--bbm-pill); border-radius: 50%; color: var(--bbm-accent); font-size: 1.3rem; }
.bbm-login-prompt strong { color: var(--bbm-heading); font-family: var(--bbm-font-display); }
.bbm-login-prompt p { margin: 2px 0 0; }
@media (max-width: 767px) { body.bbm-woo #customer_login { grid-template-columns: 1fr; } body.bbm-woo #customer_login :is(.u-column1, .u-column2) { padding: 22px 20px; } }
/* --- My Account: logged in --------------------------------------------- */
body.bbm-woo.woocommerce-account .woocommerce { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 30px; align-items: start; }
body.bbm-woo.woocommerce-account .woocommerce > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content):not(.bbm-account-hello) { grid-column: 1 / -1; }
body.bbm-woo.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
body.bbm-woo .bbm-account-hello { grid-column: 1; display: flex; align-items: center; gap: 12px; padding: 16px; background: linear-gradient(135deg, var(--bbm-blush), #fff); border: 1.5px solid var(--bbm-petal); border-radius: 22px; }
body.bbm-woo .bbm-account-hello img { width: 56px; height: 56px; border: 3px solid #fff; border-radius: 50%; box-shadow: var(--bbm-shadow); }
body.bbm-woo .bbm-account-hello > div { display: flex; flex-direction: column; min-width: 0; }
.bbm-account-hello__script { color: var(--bbm-heading); font-family: var(--bbm-font-script); font-size: 1.9rem; line-height: 1; }
.bbm-account-hello small { color: var(--bbm-muted); }
.bbm-account-hello__shop { margin-top: 2px; font-size: 0.85rem; font-weight: 600; }
body.bbm-woo .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 1; align-self: start; position: sticky; top: 24px; float: none; width: auto; }
body.admin-bar.bbm-woo .woocommerce-MyAccount-navigation { top: 56px; }
body.bbm-woo .bbm-account-hello + .woocommerce-MyAccount-navigation,
body.bbm-woo .woocommerce-MyAccount-navigation { margin-top: 0; }
body.bbm-woo .woocommerce-MyAccount-navigation ul { margin: 0; padding: 10px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 22px; box-shadow: var(--bbm-shadow); list-style: none; }
body.bbm-woo .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; }
body.bbm-woo.bbm-woo .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 12px; padding: 0.7em 0.9em; border-radius: 14px; color: var(--bbm-text); font-weight: 500; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease; }
body.bbm-woo .woocommerce-MyAccount-navigation li a::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; opacity: 0.75; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
body.bbm-woo.bbm-woo .woocommerce-MyAccount-navigation li a:hover { background: var(--bbm-mist); color: var(--bbm-heading); }
body.bbm-woo.bbm-woo .woocommerce-MyAccount-navigation li.is-active a { background: var(--bbm-pill); color: var(--bbm-button-ink); font-weight: 700; }
body.bbm-woo.bbm-woo .woocommerce-MyAccount-navigation li.is-active a::before { background: var(--bbm-accent); opacity: 1; }
body.bbm-woo .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px dashed var(--bbm-petal) !important; }
body.bbm-woo .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1; float: none; width: auto; min-width: 0; }
body.bbm-woo .woocommerce-MyAccount-content > p:first-child { padding: 18px 22px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 20px; }
.bbm-account-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; margin: 20px 0 0; padding: 0; list-style: none; }
.bbm-ui .bbm-account-tile { position: relative; display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 18px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 22px; color: var(--bbm-text); text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; box-sizing: border-box; }
.bbm-ui .bbm-account-tile:hover { border-color: var(--bbm-accent); box-shadow: var(--bbm-shadow-lift); transform: translateY(-3px); color: var(--bbm-text); }
.bbm-account-tile strong { display: flex; align-items: center; gap: 6px; color: var(--bbm-button-ink); font-family: var(--bbm-font-display); font-size: 1.05rem; }
.bbm-account-tile small { color: var(--bbm-muted); line-height: 1.4; }
.bbm-account-tile__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 6px; background: var(--bbm-pill); border-radius: 14px; }
.bbm-account-tile__icon::before { content: ""; width: 22px; height: 22px; background: var(--bbm-accent); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.bbm-account-tile__count { min-width: 20px; padding: 0 6px; background: var(--bbm-accent); border-radius: 999px; color: #fff; font-family: var(--bbm-font-body); font-size: 0.72rem; line-height: 20px; text-align: center; }
body.bbm-woo .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
body.bbm-woo .woocommerce-Addresses::before, body.bbm-woo .woocommerce-Addresses::after { display: none; }
body.bbm-woo .woocommerce-Addresses .woocommerce-Address { float: none; width: auto; padding: 20px 22px; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 22px; }
body.bbm-woo .woocommerce-Address-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px; }
body.bbm-woo .woocommerce-Address-title h2 { margin: 0; font-size: 1.15rem; }
body.bbm-woo .woocommerce-EditAccountForm fieldset { margin: 20px 0; padding: 18px 20px 8px; border: 1.5px dashed var(--bbm-petal); border-radius: 20px; }
body.bbm-woo .woocommerce-EditAccountForm legend { padding: 0 8px; color: var(--bbm-heading); font-family: var(--bbm-font-display); font-weight: 600; }
body.bbm-woo mark.order-status, body.bbm-woo mark :is(.order-number, .order-date) { padding: 0.1em 0.5em; background: var(--bbm-pill); border-radius: 999px; color: var(--bbm-button-ink); font-weight: 600; }
@media (max-width: 900px) {
body.bbm-woo.woocommerce-account .woocommerce { display: block; }
body.bbm-woo .bbm-account-hello { margin-bottom: 12px; }
body.bbm-woo .woocommerce-MyAccount-navigation { margin-bottom: 20px; }
body.bbm-woo .woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; padding: 6px; overflow-x: auto; scrollbar-width: none; }
body.bbm-woo.bbm-woo .woocommerce-MyAccount-navigation li a { white-space: nowrap; padding: 0.55em 0.8em; }
}
/* --- Icons (masks) ----------------------------------------------------- */
body.bbm-woo .woocommerce-MyAccount-navigation-link--dashboard a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--orders a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--downloads a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--edit-address a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--payment-methods a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--edit-account a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--favorites a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--messages a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--custom-orders a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--vendor-dashboard a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--customer-logout a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
body.bbm-woo .woocommerce-MyAccount-navigation-link--returns a::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--orders .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--heart .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--chat .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--sparkle .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--home .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--user .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
.bbm-account-tile--store .bbm-account-tile__icon::before { -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); }
/* --- Shop search results ----------------------------------------------- */
body.bbm-woo.search .woocommerce-products-header__title.page-title { font-size: clamp(2.2rem, 4.5vw, 3.4rem); }
.bbm-search-summary { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 10px; margin: 8px auto 0; color: var(--bbm-muted); text-align: center; }
.bbm-search-summary__term { padding: 0.2em 0.9em; background: #fff; border: 1.5px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-button-ink); font-weight: 600; }
.bbm-search-summary a { color: var(--bbm-accent); font-weight: 600; text-decoration: none; }
.bbm-search-summary a:hover { text-decoration: underline; }
body.bbm-woo .woocommerce-products-header + .woocommerce-notices-wrapper + .woocommerce-result-count,
body.bbm-woo .woocommerce-result-count { float: left; }
body.bbm-woo .woocommerce-ordering { float: right; }
body.bbm-woo.bbm-woo ul.products li.product .button { white-space: nowrap; }
.bbm-no-results { margin: 10px auto 0; text-align: center; }
.bbm-no-results > p { margin: 0 0 22px; }
.bbm-no-results .bbm-rail { text-align: left; }
@media (max-width: 767px) {
body.bbm-woo .woocommerce-result-count, body.bbm-woo .woocommerce-ordering { float: none; }
}
/* --- Product page: title, description, photo heart, meta ---------------- */
body.bbm-woo div.product div.images { grid-column: 1; grid-row: 1; }
body.bbm-woo div.product div.summary { grid-column: 2; grid-row: 1 / span 2; }
body.bbm-woo div.product > .bbm-photo-heart { grid-column: 1; grid-row: 1; justify-self: end; align-self: start; z-index: 5; margin: 16px; }
body.bbm-woo div.product > .bbm-photo-heart .bbm-fav.bbm-fav.bbm-fav { width: 48px; height: 48px; padding: 0; background: rgba(255, 255, 255, 0.95); border-color: transparent; box-shadow: 0 4px 14px rgba(67, 8, 58, 0.22); backdrop-filter: blur(4px); }
body.bbm-woo div.product > .bbm-photo-heart .bbm-fav__icon { color: var(--bbm-button-ink); font-size: 1.2rem; }
body.bbm-woo div.product > .bbm-photo-heart .bbm-fav:is(:hover, .is-active) .bbm-fav__icon { color: var(--bbm-heart); }
body.bbm-woo div.product > .bbm-photo-heart .bbm-fav.bbm-fav.bbm-fav:hover { transform: scale(1.08); }
body.bbm-woo.bbm-woo div.product div.images .woocommerce-product-gallery__trigger { top: auto; right: 14px; bottom: 14px; }
body.bbm-woo div.product .bbm-product-title { margin: 0 0 8px; color: var(--bbm-button-ink); font-family: var(--bbm-font-display); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 600; line-height: 1.2; }
body.bbm-woo div.product .bbm-product-title + .bbm-sold-by { margin-top: 0; }
.bbm-product-desc { position: relative; margin: 2px 0 18px; padding: 14px 0 0; border-top: 1px dashed var(--bbm-petal); color: var(--bbm-text); font-size: 0.98rem; line-height: 1.65; }
.bbm-product-desc__text > :first-child { margin-top: 0; }
.bbm-product-desc__text > :last-child { margin-bottom: 0; }
.bbm-product-desc.is-clamped .bbm-product-desc__text { max-height: calc(1.65em * 4); overflow: hidden; -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent); }
.bbm-product-desc.is-open .bbm-product-desc__text { max-height: none; -webkit-mask-image: none; mask-image: none; }
.bbm-ui.bbm-ui .bbm-product-desc__more { display: inline-flex; align-items: center; gap: 0.3em; margin-top: 6px; padding: 0.3em 0; background: none; border: 0; color: var(--bbm-accent); font-family: var(--bbm-font-display); font-size: 0.92rem; font-weight: 600; cursor: pointer; }
.bbm-ui.bbm-ui .bbm-product-desc__more::after { content: ""; width: 0.45em; height: 0.45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 0.2s ease; }
.bbm-product-desc.is-open .bbm-product-desc__more::after { transform: rotate(-135deg) translate(-2px, 0); }
.bbm-ui.bbm-ui .bbm-product-desc__more:hover { color: var(--bbm-button-ink); text-decoration: underline; }
body.bbm-woo div.product .product_meta { display: flex; flex-direction: column; gap: 6px; }
body.bbm-woo div.product .product_meta > span { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--bbm-muted); }
body.bbm-woo.bbm-woo div.product .product_meta :is(.posted_in, .tagged_as) a { display: inline-block; padding: 0.15em 0.75em; background: var(--bbm-pill); border: 1px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-heading); font-size: 0.84rem; font-weight: 600; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
body.bbm-woo.bbm-woo div.product .product_meta :is(.posted_in, .tagged_as) a:hover { background: #fff; border-color: var(--bbm-accent); color: var(--bbm-accent); }
@media (max-width: 900px) {
body.bbm-woo div.product div.summary { grid-column: 1; grid-row: auto; }
body.bbm-woo div.product > .bbm-photo-heart { margin: 12px; }
}
/* --- Elementor Pro WooCommerce widgets (Cart, Checkout, My Account) ------ */
/* Their page section is full-screen-height and vertically centred; start at the top instead. */
body.bbm-woo .e-con:has(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page, .elementor-widget-woocommerce-my-account) {
--min-height: 0px;
--justify-content: flex-start;
min-height: 0;
padding-top: 30px;
padding-bottom: 60px;
}
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page, .elementor-widget-woocommerce-my-account) {
box-sizing: border-box;
width: 100%;
max-width: var(--bbm-woo-width);
margin-inline: auto;
padding-inline: 20px;
--sections-background-color: #fff;
--sections-border-color: var(--bbm-petal);
--sections-border-type: dashed;
--sections-border-radius: 28px;
--sections-padding: 24px 26px;
--forms-fields-border-radius: 14px;
--forms-buttons-border-radius: 999px;
--checkout-button-border-radius: 999px;
}
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) .e-cart-section,
body.bbm-woo .elementor-widget-woocommerce-checkout-page .e-checkout__container > div > div { border-width: 2px; box-shadow: var(--bbm-shadow); }
/* Inside those sections the table is already in a card: no second box. */
body.bbm-woo.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) table.shop_table { margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) table.shop_table thead th { background: transparent; border-bottom: 1px dashed var(--bbm-petal); }
body.bbm-woo .elementor-widget-woocommerce-cart table.shop_table tfoot :is(th, td),
body.bbm-woo .elementor-widget-woocommerce-cart .cart_totals table.shop_table :is(th, td) { background: transparent; border-top: 1px dashed #f6e3f2; }
body.bbm-woo .elementor-widget-woocommerce-cart .cart_totals h2 { margin: 0 0 12px; }
body.bbm-woo .elementor-widget-woocommerce-cart td.actions { padding-top: 18px; border-top: 1px dashed var(--bbm-petal); }
body.bbm-woo .elementor-widget-woocommerce-cart .e-cart-section .coupon { display: flex; gap: 10px; }
body.bbm-woo .elementor-widget-woocommerce-cart .e-cart-section .coupon .input-text { flex: 1; border-radius: 999px; }
body.bbm-woo .elementor-widget-woocommerce-cart .bbm-steps { margin-top: 0; }
@media (max-width: 767px) {
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page, .elementor-widget-woocommerce-my-account) { padding-inline: 12px; --sections-padding: 18px 16px; }
}
/* Spacing between the cart / checkout cards (set directly: Elementor reuses
--sections-margin as the column gap, where a 4-value margin is invalid). */
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) :is(.e-cart__container, .e-checkout__container) { column-gap: 36px; row-gap: 0; }
body.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) .e-cart-section { margin: 0 0 32px; }
body.bbm-woo .elementor-widget-woocommerce-cart .e-cart__column-end .e-cart-section { position: sticky; top: 24px; }
/* Nothing inside the cards gets clipped (button shadows, the coupon row). */
body.bbm-woo.bbm-woo :is(.elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-checkout-page) :is(table.shop_table, .e-cart-section, form) { overflow: visible; }
body.bbm-woo .elementor-widget-woocommerce-cart td.actions { padding-bottom: 8px; }
body.bbm-woo .elementor-widget-woocommerce-cart td.actions .button { margin-bottom: 4px; }
@media (max-width: 1024px) {
body.bbm-woo .elementor-widget-woocommerce-cart .e-cart__column-end .e-cart-section { position: static; }
}
/* --- Shipping estimate in cart totals ----------------------------------- */
body.bbm-woo .cart_totals tr.shipping td,
body.bbm-woo .cart_totals tr.woocommerce-shipping-totals td { text-align: right; }
body.bbm-woo .cart_totals ul#shipping_method { margin: 0 0 6px; padding: 0; list-style: none; }
body.bbm-woo .cart_totals ul#shipping_method li { display: flex; justify-content: flex-end; align-items: center; gap: 6px; margin: 0 0 4px; }
body.bbm-woo .cart_totals .woocommerce-shipping-destination { margin: 4px 0; color: var(--bbm-muted); font-size: 0.86rem; }
body.bbm-woo.bbm-woo .cart_totals .shipping-calculator-button { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 0.35em 0.9em; background: var(--bbm-pill); border: 1px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-heading); font-size: 0.86rem; font-weight: 600; text-decoration: none; }
body.bbm-woo.bbm-woo .cart_totals .shipping-calculator-button::after { display: none; }
body.bbm-woo .cart_totals .shipping-calculator-button::before { content: "📦"; }
body.bbm-woo .cart_totals .shipping-calculator-form { margin-top: 12px; padding: 14px; background: var(--bbm-mist); border-radius: 16px; text-align: left; }
body.bbm-woo .cart_totals .shipping-calculator-form .form-row { margin: 0 0 10px; }
body.bbm-woo .cart_totals .shipping-calculator-form .button { width: 100%; }
.bbm-ship-note { display: block; margin-top: 4px; color: var(--bbm-muted); font-size: 0.82rem; font-weight: 400; }
/* Member since: on the My Account dashboard and the vendor dashboard header. */
.bbm-member-since { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 6px; padding: 0.25em 0.9em; background: #fff; border: 1px solid var(--bbm-petal); border-radius: 999px; color: var(--bbm-muted); font-size: 0.85rem; }
.bbm-member-since::before { content: "✿"; color: var(--bbm-accent); }
.bbm-dashboard__since { color: var(--bbm-muted); font-size: 0.85rem; }
@media (max-width: 900px) {
body.bbm-woo .woocommerce-MyAccount-navigation { position: static; }
}
/* --- Mobile ------------------------------------------------------------ */
@media (max-width: 767px) {
body.bbm-woo #main.site-main, body.bbm-woo main.site-main { padding: 18px 14px 50px; }
.bbm-woo-hero__script, .bbm-empty-cart .bbm-woo-hero__script { font-size: 2.4rem; }
body.bbm-woo .woocommerce-products-header__title.page-title { font-size: 2.6rem; }
/* Steps: compact */
.bbm-steps { margin-bottom: 20px; }
.bbm-steps__dot { width: 30px; height: 30px; font-size: 0.85rem; }
.bbm-steps li:not(:last-child)::after { top: 14px; left: calc(50% + 19px); right: calc(-50% + 19px); }
.bbm-steps__label { font-size: 0.75rem; }
/* Product page */
body.bbm-woo div.product div.images .woocommerce-product-gallery__wrapper { border-radius: 18px; }
body.bbm-woo div.product div.summary { padding: 20px 16px; border-radius: 22px; }
body.bbm-woo div.product form.cart { flex-wrap: nowrap; }
body.bbm-woo.bbm-woo div.product form.cart .qty { width: 70px; }
body.bbm-woo.bbm-woo div.product form.cart .single_add_to_cart_button { flex: 1 1 auto; }
body.bbm-woo div.product > .bbm-photo-heart .bbm-fav.bbm-fav.bbm-fav { width: 42px; height: 42px; }
body.bbm-woo .woocommerce-tabs ul.tabs { overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 4px !important; scrollbar-width: none; }
body.bbm-woo .woocommerce-tabs ul.tabs li { flex: none; }
/* Cart: classic table becomes stacked rows */
body.bbm-woo table.shop_table_responsive.cart tr.cart_item { display: grid; grid-template-columns: 34px 64px 1fr; grid-template-areas: "remove thumb name" "remove thumb price" "remove thumb qty" "remove thumb subtotal"; column-gap: 12px; align-items: center; padding: 14px 0; }
body.bbm-woo table.shop_table_responsive.cart tr.cart_item td { display: block; padding: 2px 0 !important; text-align: left !important; }
body.bbm-woo table.shop_table_responsive.cart tr.cart_item td::before { display: none; }
body.bbm-woo table.shop_table_responsive.cart td.product-remove { grid-area: remove; }
body.bbm-woo table.shop_table_responsive.cart td.product-thumbnail { grid-area: thumb; display: block !important; }
body.bbm-woo table.shop_table_responsive.cart td.product-name { grid-area: name; font-weight: 600; }
body.bbm-woo table.shop_table_responsive.cart td.product-price { grid-area: price; color: var(--bbm-muted); font-size: 0.88rem; }
body.bbm-woo table.shop_table_responsive.cart td.product-quantity { grid-area: qty; }
body.bbm-woo table.shop_table_responsive.cart td.product-subtotal { grid-area: subtotal; font-weight: 700; }
body.bbm-woo table.shop_table_responsive.cart td.product-subtotal::before { display: inline !important; content: attr(data-title) ": "; float: none !important; font-weight: 400; color: var(--bbm-muted); }
body.bbm-woo table.cart td.actions .coupon { flex-direction: column; }
body.bbm-woo table.cart td.actions .coupon .input-text { width: 100%; }
body.bbm-woo table.cart td.actions .button { width: 100%; }
body.bbm-woo .elementor-widget-woocommerce-cart .e-cart-section .coupon { flex-direction: column; }
/* Checkout */
body.bbm-woo .woocommerce-billing-fields, body.bbm-woo .woocommerce-shipping-fields, body.bbm-woo .woocommerce-additional-fields { padding: 18px 16px 6px; border-radius: 20px; }
body.bbm-woo form.checkout #order_review_heading { padding: 18px 16px 0; }
body.bbm-woo form.checkout #order_review { padding: 4px 16px 18px; }
body.bbm-woo .woocommerce form .form-row-first, body.bbm-woo .woocommerce form .form-row-last { float: none; width: 100%; }
/* Account */
.bbm-account-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bbm-ui .bbm-account-tile { padding: 14px; }
.bbm-account-tile small { display: none; }
body.bbm-woo .woocommerce-MyAccount-content > p:first-child { padding: 14px 16px; }
body.bbm-woo table.shop_table.woocommerce-orders-table tr { padding: 12px 14px; }
/* Notices */
body.bbm-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { padding: 12px 14px 12px 44px; font-size: 0.92rem; }
body.bbm-woo :is(.woocommerce-message, .woocommerce-info) .button { width: 100%; margin-left: 0; }
}