tags styled as buttons lose their text colour when
* the link has been visited because the link shield above sets color: inherit on
* :visited. These rules restore the correct text colour for each button variant.
*/
.boxcart-products a.boxcart-btn--primary:visited,
.boxcart-basket a.boxcart-btn--primary:visited,
.boxcart-checkout a.boxcart-btn--primary:visited,
.boxcart-account a.boxcart-btn--primary:visited,
.boxcart-order-confirmation a.boxcart-btn--primary:visited {
color: var(--boxcart-btn-primary-text, #ffffff);
}
.boxcart-products a.boxcart-btn--secondary:visited,
.boxcart-basket a.boxcart-btn--secondary:visited,
.boxcart-checkout a.boxcart-btn--secondary:visited,
.boxcart-account a.boxcart-btn--secondary:visited,
.boxcart-order-confirmation a.boxcart-btn--secondary:visited {
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text));
}
.boxcart-products a.boxcart-btn--outline:visited,
.boxcart-basket a.boxcart-btn--outline:visited,
.boxcart-checkout a.boxcart-btn--outline:visited,
.boxcart-account a.boxcart-btn--outline:visited,
.boxcart-order-confirmation a.boxcart-btn--outline:visited {
color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
}
/*
* SECONDARY BUTTONS
* Used for: Cancel, View Basket, Continue Shopping, secondary actions
* Normal: Light background → Hover: Slightly darker
*/
.boxcart-products button.boxcart-btn--secondary,
.boxcart-products a.boxcart-btn--secondary,
.boxcart-basket button.boxcart-btn--secondary,
.boxcart-basket a.boxcart-btn--secondary,
.boxcart-checkout button.boxcart-btn--secondary,
.boxcart-checkout a.boxcart-btn--secondary,
.boxcart-account button.boxcart-btn--secondary,
.boxcart-account a.boxcart-btn--secondary,
.boxcart-sidecart button.boxcart-sidecart__btn--secondary,
.boxcart-sidecart a.boxcart-sidecart__btn--secondary,
.boxcart-slot-modal button.boxcart-btn--secondary,
.boxcart-order-modal button.boxcart-btn--secondary,
.boxcart-signup-modal button.boxcart-btn--secondary,
.boxcart-signup-modal a.boxcart-btn--secondary {
background-color: var(--boxcart-btn-secondary-bg, #ffffff);
background: var(--boxcart-btn-secondary-bg, #ffffff);
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text));
border: var(--boxcart-btn-secondary-border, 1px solid var(--boxcart-frontend-border));
}
.boxcart-products button.boxcart-btn--secondary:hover,
.boxcart-products button.boxcart-btn--secondary:focus,
.boxcart-products a.boxcart-btn--secondary:hover,
.boxcart-products a.boxcart-btn--secondary:focus,
.boxcart-basket button.boxcart-btn--secondary:hover,
.boxcart-basket button.boxcart-btn--secondary:focus,
.boxcart-basket a.boxcart-btn--secondary:hover,
.boxcart-basket a.boxcart-btn--secondary:focus,
.boxcart-checkout button.boxcart-btn--secondary:hover,
.boxcart-checkout button.boxcart-btn--secondary:focus,
.boxcart-checkout a.boxcart-btn--secondary:hover,
.boxcart-checkout a.boxcart-btn--secondary:focus,
.boxcart-account button.boxcart-btn--secondary:hover,
.boxcart-account button.boxcart-btn--secondary:focus,
.boxcart-account a.boxcart-btn--secondary:hover,
.boxcart-account a.boxcart-btn--secondary:focus,
.boxcart-sidecart button.boxcart-sidecart__btn--secondary:hover,
.boxcart-sidecart button.boxcart-sidecart__btn--secondary:focus,
.boxcart-sidecart a.boxcart-sidecart__btn--secondary:hover,
.boxcart-sidecart a.boxcart-sidecart__btn--secondary:focus,
.boxcart-slot-modal button.boxcart-btn--secondary:hover,
.boxcart-slot-modal button.boxcart-btn--secondary:focus,
.boxcart-order-modal button.boxcart-btn--secondary:hover,
.boxcart-order-modal button.boxcart-btn--secondary:focus,
.boxcart-signup-modal button.boxcart-btn--secondary:hover,
.boxcart-signup-modal button.boxcart-btn--secondary:focus,
.boxcart-signup-modal a.boxcart-btn--secondary:hover,
.boxcart-signup-modal a.boxcart-btn--secondary:focus {
background-color: var(--boxcart-btn-secondary-bg-hover, #f6f7f7);
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7);
color: var(--boxcart-btn-secondary-hover-text, var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text)));
border: var(--boxcart-btn-secondary-hover-border, var(--boxcart-btn-secondary-border, 1px solid var(--boxcart-frontend-border)));
}
/*
* OUTLINE BUTTONS
* Used for: Alternative CTAs, less prominent actions
* Normal: Transparent with border → Hover: Primary background
*/
.boxcart-products button.boxcart-btn--outline,
.boxcart-products a.boxcart-btn--outline,
.boxcart-basket button.boxcart-btn--outline,
.boxcart-basket a.boxcart-btn--outline,
.boxcart-checkout button.boxcart-btn--outline,
.boxcart-checkout a.boxcart-btn--outline,
.boxcart-account button.boxcart-btn--outline,
.boxcart-account a.boxcart-btn--outline {
background-color: transparent;
background: transparent;
color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
border: 1px solid var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
}
.boxcart-products button.boxcart-btn--outline:hover,
.boxcart-products button.boxcart-btn--outline:focus,
.boxcart-products a.boxcart-btn--outline:hover,
.boxcart-products a.boxcart-btn--outline:focus,
.boxcart-basket button.boxcart-btn--outline:hover,
.boxcart-basket button.boxcart-btn--outline:focus,
.boxcart-basket a.boxcart-btn--outline:hover,
.boxcart-basket a.boxcart-btn--outline:focus,
.boxcart-checkout button.boxcart-btn--outline:hover,
.boxcart-checkout button.boxcart-btn--outline:focus,
.boxcart-checkout a.boxcart-btn--outline:hover,
.boxcart-checkout a.boxcart-btn--outline:focus,
.boxcart-account button.boxcart-btn--outline:hover,
.boxcart-account button.boxcart-btn--outline:focus,
.boxcart-account a.boxcart-btn--outline:hover,
.boxcart-account a.boxcart-btn--outline:focus {
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, #ffffff);
border-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
}
/*
* DISABLED BUTTONS
* Used for: Out of Stock, Box Full, disabled states
* Consistent muted appearance, no hover effect
*/
.boxcart-products button.boxcart-btn:disabled,
.boxcart-products button.boxcart-product-card__btn:disabled,
.boxcart-products a.boxcart-btn:disabled,
.boxcart-basket button.boxcart-btn:disabled,
.boxcart-basket a.boxcart-btn:disabled,
.boxcart-checkout button.boxcart-btn:disabled,
.boxcart-checkout a.boxcart-btn:disabled,
.boxcart-account button.boxcart-btn:disabled,
.boxcart-account a.boxcart-btn:disabled,
.boxcart-sidecart button:disabled,
.boxcart-login-modal button.boxcart-btn:disabled,
.boxcart-slot-modal button.boxcart-btn:disabled {
background-color: var(--boxcart-btn-disabled-bg, #e5e5e5);
background: var(--boxcart-btn-disabled-bg, #e5e5e5);
color: var(--boxcart-btn-disabled-text, #999999);
border: var(--boxcart-btn-disabled-border, none);
cursor: not-allowed;
opacity: 1;
}
.boxcart-products button.boxcart-btn:disabled:hover,
.boxcart-products button.boxcart-btn:disabled:focus,
.boxcart-products button.boxcart-product-card__btn:disabled:hover,
.boxcart-products button.boxcart-product-card__btn:disabled:focus,
.boxcart-basket button.boxcart-btn:disabled:hover,
.boxcart-basket button.boxcart-btn:disabled:focus,
.boxcart-basket a.boxcart-btn:disabled:hover,
.boxcart-basket a.boxcart-btn:disabled:focus,
.boxcart-checkout button.boxcart-btn:disabled:hover,
.boxcart-checkout button.boxcart-btn:disabled:focus,
.boxcart-checkout a.boxcart-btn:disabled:hover,
.boxcart-checkout a.boxcart-btn:disabled:focus,
.boxcart-account button.boxcart-btn:disabled:hover,
.boxcart-account button.boxcart-btn:disabled:focus,
.boxcart-account a.boxcart-btn:disabled:hover,
.boxcart-account a.boxcart-btn:disabled:focus,
.boxcart-login-modal button.boxcart-btn:disabled:hover,
.boxcart-login-modal button.boxcart-btn:disabled:focus,
.boxcart-slot-modal button.boxcart-btn:disabled:hover,
.boxcart-slot-modal button.boxcart-btn:disabled:focus {
background-color: var(--boxcart-btn-disabled-bg, #e5e5e5);
background: var(--boxcart-btn-disabled-bg, #e5e5e5);
color: var(--boxcart-btn-disabled-text, #999999);
border: var(--boxcart-btn-disabled-border, none);
cursor: not-allowed;
}
/* END BUTTONS SECTION */
/* Reset form inputs within BoxCart */
.boxcart-products input,
.boxcart-products select,
.boxcart-products textarea,
.boxcart-basket input,
.boxcart-basket select,
.boxcart-basket textarea,
.boxcart-checkout input,
.boxcart-checkout select,
.boxcart-checkout textarea,
.boxcart-account input,
.boxcart-account select,
.boxcart-account textarea,
.boxcart-sidecart input,
.boxcart-sidecart select {
font-family: inherit;
font-size: inherit;
}
/* Prevent Elementor and other page builders from overriding BoxCart spacing */
/* Note: Only reset margin on layout containers, not on internal elements that need spacing */
.elementor-widget-container > .boxcart-products,
.elementor-widget-container > .boxcart-basket,
.elementor-widget-container > .boxcart-checkout,
.elementor-widget-container > .boxcart-account,
.elementor > .boxcart-products,
.elementor > .boxcart-basket,
.elementor > .boxcart-checkout,
.elementor > .boxcart-account {
margin: 0;
}
/* Ensure BoxCart components maintain their spacing within page builders */
.elementor-widget-container .boxcart-products,
.elementor-widget-container .boxcart-basket,
.elementor-widget-container .boxcart-checkout,
.elementor-widget-container .boxcart-account,
.fl-builder .boxcart-products,
.fl-builder .boxcart-basket,
.fl-builder .boxcart-checkout,
.fl-builder .boxcart-account,
.et-db .boxcart-products,
.et-db .boxcart-basket,
.et-db .boxcart-checkout,
.et-db .boxcart-account {
width: 100%;
max-width: 100%;
}
/* Override page builder grid/flex containers that might affect BoxCart layouts */
/* Using double wrapper specificity: page-builder + boxcart-wrapper + element */
.elementor-widget-container .boxcart-products .boxcart-products__grid,
.fl-builder .boxcart-products .boxcart-products__grid,
.et-db .boxcart-products .boxcart-products__grid {
display: grid;
gap: 24px;
}
/* Ensure product cards maintain proper spacing */
.elementor-widget-container .boxcart-products .boxcart-product-card,
.fl-builder .boxcart-products .boxcart-product-card,
.et-db .boxcart-products .boxcart-product-card {
margin: 0;
}
/* Ensure proper margin between filters and grid */
.elementor-widget-container .boxcart-products .boxcart-products__filters,
.fl-builder .boxcart-products .boxcart-products__filters,
.et-db .boxcart-products .boxcart-products__filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 24px;
}
.elementor-widget-container .boxcart-products .boxcart-products__pills,
.fl-builder .boxcart-products .boxcart-products__pills,
.et-db .boxcart-products .boxcart-products__pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
/* Slot bar (collection slot selector) spacing in page builders */
.elementor-widget-container .boxcart-products .boxcart-slot-bar,
.fl-builder .boxcart-products .boxcart-slot-bar,
.et-db .boxcart-products .boxcart-slot-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 20px;
margin-bottom: 24px;
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-primary);
border-radius: var(--boxcart-frontend-radius);
}
/* ==========================================================================
Basket & Checkout - Core Layout Enforcement
These rules use !important to ensure BoxCart layouts work regardless of
theme or page builder (Elementor, Beaver Builder, Divi, etc.)
========================================================================== */
/* Basket container */
.boxcart-basket {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Basket header */
.boxcart-basket .boxcart-basket__header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-direction: row !important;
margin-bottom: 24px !important;
padding-bottom: 16px !important;
border-bottom: 1px solid var(--boxcart-frontend-border) !important;
}
/* Basket items container */
.boxcart-basket .boxcart-basket__items {
display: block !important;
margin-bottom: 24px !important;
}
/* Basket item row - CRITICAL: Enforce grid layout */
.boxcart-basket .boxcart-basket__item {
display: grid !important;
grid-template-columns: 60px 1fr auto auto auto !important;
gap: 16px !important;
align-items: center !important;
padding: 16px 0 !important;
border-bottom: 1px solid var(--boxcart-frontend-border) !important;
flex-wrap: nowrap !important;
}
/* Basket item image - matches table view style */
.boxcart-basket .boxcart-basket__item-image {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
border-radius: var(--boxcart-frontend-radius-md) !important;
overflow: hidden !important;
flex-shrink: 0 !important;
border: 1px solid var(--boxcart-frontend-border) !important;
background: var(--boxcart-frontend-background-alt) !important;
}
/* Basket item info */
.boxcart-basket .boxcart-basket__item-info {
min-width: 0 !important;
flex: 1 !important;
}
/* Basket item quantity */
.boxcart-basket .boxcart-basket__item-quantity {
flex-shrink: 0 !important;
}
/* Basket item total */
.boxcart-basket .boxcart-basket__item-total {
text-align: right !important;
min-width: 70px !important;
flex-shrink: 0 !important;
}
/* Basket item remove */
.boxcart-basket .boxcart-basket__item-remove {
flex-shrink: 0 !important;
}
/* Basket summary */
.boxcart-basket .boxcart-basket__summary {
display: block !important;
background: var(--boxcart-frontend-background-alt) !important;
border-radius: var(--boxcart-frontend-radius) !important;
padding: 24px !important;
}
/* Basket summary row */
.boxcart-basket .boxcart-basket__summary-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-direction: row !important;
margin-bottom: 20px !important;
}
/* Basket actions */
.boxcart-basket .boxcart-basket__actions {
display: flex !important;
gap: 12px !important;
flex-direction: row !important;
}
/* Basket action buttons */
.boxcart-basket .boxcart-basket__actions .boxcart-btn {
flex: 1 !important;
}
/* Basket empty state — no display rule here; JS sets display: flex when showing */
.boxcart-basket .boxcart-basket__empty {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 64px 24px !important;
max-width: 400px !important;
margin: 0 auto !important;
}
/* Ensure empty & content states are mutually exclusive */
.boxcart-basket--has-items .boxcart-basket__empty {
display: none !important;
}
.boxcart-basket--empty .boxcart-basket__content {
display: none !important;
}
/* Checkout container */
.boxcart-checkout {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Checkout wrapper - CRITICAL: Enforce grid layout */
.boxcart-checkout .boxcart-checkout__wrapper {
display: grid !important;
grid-template-columns: 1fr 340px !important;
gap: 24px !important;
align-items: start !important;
}
/* Checkout main column */
.boxcart-checkout .boxcart-checkout__main {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
min-width: 0 !important;
}
/* Checkout sidebar */
.boxcart-checkout .boxcart-checkout__sidebar {
min-width: 0 !important;
align-self: start !important;
}
/* Checkout sections */
.boxcart-checkout .boxcart-checkout__section {
display: block !important;
background: var(--boxcart-frontend-background) !important;
border: 1px solid var(--boxcart-frontend-border) !important;
border-radius: var(--boxcart-frontend-radius-lg) !important;
box-shadow: var(--boxcart-frontend-shadow) !important;
padding: 20px !important;
}
/* Form row with half-width fields */
.boxcart-checkout .boxcart-checkout__form-row--half {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
/* Form field */
.boxcart-checkout .boxcart-form-field {
display: block !important;
margin-bottom: 16px !important;
}
/* Order summary */
.boxcart-checkout .boxcart-checkout__order-summary {
display: block !important;
background: var(--boxcart-frontend-background) !important;
border: 1px solid var(--boxcart-frontend-border) !important;
border-radius: var(--boxcart-frontend-radius-lg) !important;
box-shadow: var(--boxcart-frontend-shadow) !important;
padding: 20px !important;
}
/* Checkout items list */
.boxcart-checkout .boxcart-checkout__item {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
flex-direction: row !important;
gap: 12px !important;
padding: 8px 0 !important;
border-bottom: 1px solid var(--boxcart-frontend-background-page) !important;
}
/* Date selector buttons */
.boxcart-checkout .boxcart-checkout__dates {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
/* Time slot buttons - ensure full width */
.boxcart-checkout .boxcart-checkout__slots-field {
width: 100% !important;
}
.boxcart-checkout .boxcart-checkout__slots {
width: 100% !important;
}
.boxcart-checkout .boxcart-checkout__slot-list {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
width: 100% !important;
}
.boxcart-checkout .boxcart-checkout__slot-list .boxcart-slot,
.boxcart-checkout .boxcart-checkout__slots .boxcart-slot {
width: 100% !important;
}
/* Empty checkout state */
.boxcart-checkout--empty .boxcart-checkout__empty-message {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 64px 24px !important;
max-width: 400px !important;
margin: 0 auto !important;
}
/* Mobile responsive */
@media (max-width: 768px) {
.boxcart-checkout .boxcart-checkout__wrapper {
grid-template-columns: 1fr !important;
}
.boxcart-checkout .boxcart-checkout__form-row--half {
grid-template-columns: 1fr !important;
}
.boxcart-basket .boxcart-basket__item {
grid-template-columns: 50px minmax(0, 1fr) auto !important;
grid-template-rows: auto auto auto !important;
gap: 4px 12px !important;
}
.boxcart-basket .boxcart-basket__item-image {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
grid-row: 1 / -1 !important;
align-self: start !important;
}
.boxcart-basket .boxcart-basket__item-info {
grid-column: 2 !important;
grid-row: 1 !important;
}
.boxcart-basket .boxcart-basket__item-quantity {
grid-column: 2 / -1 !important;
grid-row: 2 !important;
}
.boxcart-basket .boxcart-quantity-selector {
width: auto !important;
}
.boxcart-basket .boxcart-basket__item-total {
grid-column: 2 / -1 !important;
grid-row: 3 !important;
text-align: left !important;
min-width: 0 !important;
}
.boxcart-basket .boxcart-basket__item-remove {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
.boxcart-basket .boxcart-basket__actions {
flex-direction: column !important;
}
}
/* Ensure search input maintains proper styling */
.elementor-widget-container .boxcart-products .boxcart-products__search,
.fl-builder .boxcart-products .boxcart-products__search,
.et-db .boxcart-products .boxcart-products__search {
flex: 1 1 auto;
position: relative;
min-width: 250px;
}
.elementor-widget-container .boxcart-products input.boxcart-products__search-input,
.fl-builder .boxcart-products input.boxcart-products__search-input,
.et-db .boxcart-products input.boxcart-products__search-input {
width: 100%;
padding: 12px 16px 12px 44px;
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
}
/* Category dropdown in page builders */
.elementor-widget-container .boxcart-products .boxcart-products__filter-category,
.fl-builder .boxcart-products .boxcart-products__filter-category,
.et-db .boxcart-products .boxcart-products__filter-category {
flex: 0 0 auto;
min-width: 180px;
}
/* Prevent themes from collapsing padding on card content */
.boxcart-products .boxcart-product-card .boxcart-product-card__content {
padding: 16px;
}
/* Ensure card name and price have proper margins */
.boxcart-products .boxcart-product-card .boxcart-product-card__name {
margin: 0 0 4px 0;
}
.boxcart-products .boxcart-product-card .boxcart-product-card__price {
margin: 0 0 12px 0;
}
/* Ensure all BoxCart buttons resist theme overrides for all states */
.boxcart-products a.boxcart-btn,
.boxcart-basket a.boxcart-btn,
.boxcart-checkout a.boxcart-btn,
.boxcart-account a.boxcart-btn,
.boxcart-order-confirmation a.boxcart-btn {
text-decoration: none;
}
.boxcart-products a.boxcart-btn:hover,
.boxcart-basket a.boxcart-btn:hover,
.boxcart-checkout a.boxcart-btn:hover,
.boxcart-account a.boxcart-btn:hover,
.boxcart-order-confirmation a.boxcart-btn:hover {
text-decoration: none;
}
/* ==========================================================================
Screen Reader Only
========================================================================== */
.boxcart-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* ==========================================================================
Products Container
========================================================================== */
.boxcart-products {
width: 100% !important;
max-width: 100% !important;
position: relative;
box-sizing: border-box !important;
container-type: inline-size;
container-name: boxcart-products;
}
/* ==========================================================================
Filters Bar
========================================================================== */
.boxcart-products__filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 24px;
align-items: center;
}
.boxcart-products__filter-category {
flex: 0 0 auto;
min-width: 180px;
}
/* Category dropdown in filters bar - match view toggle height */
.boxcart-products__filter-category .boxcart-select,
.boxcart-products__filter-category .boxcart-category-filter {
padding: 12px 36px 12px 16px;
font-size: 15px;
height: 53px;
border-color: var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
box-sizing: border-box;
}
.boxcart-products__search {
flex: 1 1 auto;
position: relative;
min-width: 250px;
}
.boxcart-products__search-input {
width: 100%;
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 15px;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
transition: border-color var(--boxcart-frontend-transition), box-shadow var(--boxcart-frontend-transition);
/* Theme isolation */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
/* High specificity for search input - override theme styles */
.boxcart-products .boxcart-products__search input.boxcart-products__search-input,
.boxcart-products .boxcart-products__search input[type="search"].boxcart-products__search-input {
width: 100%;
height: 53px;
padding: 12px 16px 12px 44px;
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 15px;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
transition: border-color var(--boxcart-frontend-transition);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
box-shadow: none;
outline: none;
cursor: text;
}
.boxcart-products .boxcart-products__search input.boxcart-products__search-input:focus,
.boxcart-products .boxcart-products__search input[type="search"].boxcart-products__search-input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-products .boxcart-products__search input.boxcart-products__search-input::placeholder,
.boxcart-products .boxcart-products__search input[type="search"].boxcart-products__search-input::placeholder {
color: var(--boxcart-frontend-text-muted);
}
.boxcart-products__search-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--boxcart-frontend-text-muted);
pointer-events: none;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.boxcart-products__search-icon svg {
display: block;
width: 20px;
height: 20px;
flex-shrink: 0;
}
/* ==========================================================================
Category Pills
========================================================================== */
.boxcart-products__pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
.boxcart-pill {
display: inline-flex;
align-items: center;
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
color: var(--boxcart-frontend-text-light);
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-full);
cursor: pointer;
text-decoration: none;
transition: all var(--boxcart-frontend-transition);
/* Theme isolation - ensure pills display correctly */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
line-height: 1.4;
}
/* Pill states - wrapper specificity to override theme styles */
.boxcart-products .boxcart-products__pills button.boxcart-pill:hover {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-background);
}
.boxcart-products .boxcart-products__pills button.boxcart-pill:focus,
.boxcart-products .boxcart-products__pills button.boxcart-pill:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
background: var(--boxcart-frontend-background);
color: var(--boxcart-frontend-primary);
}
.boxcart-products .boxcart-products__pills button.boxcart-pill:active {
outline: none;
background: var(--boxcart-frontend-primary-light);
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-products .boxcart-products__pills button.boxcart-pill--active {
background: var(--boxcart-frontend-primary);
border-color: var(--boxcart-frontend-primary);
color: #fff;
}
.boxcart-products .boxcart-products__pills button.boxcart-pill--active:hover {
background: var(--boxcart-frontend-primary-hover);
border-color: var(--boxcart-frontend-primary-hover);
color: #fff;
}
.boxcart-products .boxcart-products__pills button.boxcart-pill--active:focus,
.boxcart-products .boxcart-products__pills button.boxcart-pill--active:focus-visible {
outline: none;
background: var(--boxcart-frontend-primary);
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
color: #fff;
}
.boxcart-products .boxcart-products__pills button.boxcart-pill--active:active {
background: var(--boxcart-frontend-primary-hover);
border-color: var(--boxcart-frontend-primary-hover);
color: #fff;
box-shadow: none;
}
/* ==========================================================================
Products Grid
========================================================================== */
.boxcart-products__grid {
display: grid;
gap: 24px;
overflow: hidden;
transition: opacity var(--boxcart-frontend-transition);
}
.boxcart-products__grid--cols-1 {
grid-template-columns: 1fr;
}
.boxcart-products__grid--cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.boxcart-products__grid--cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.boxcart-products__grid--cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* ==========================================================================
Product Card - Matches mockup exactly
========================================================================== */
.boxcart-product-card {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
overflow: visible;
min-width: 0;
transition: box-shadow var(--boxcart-frontend-transition), transform var(--boxcart-frontend-transition);
display: flex;
flex-direction: column;
height: 100%;
}
.boxcart-product-card:hover {
box-shadow: var(--boxcart-frontend-shadow-hover);
transform: translateY(-2px);
}
.boxcart-product-card--in-basket {
border-color: var(--boxcart-frontend-primary);
}
.boxcart-product-card--in-basket .boxcart-qty-selector {
background: var(--boxcart-qty-in-basket-bg, #f0fdf4);
border: 1px solid var(--boxcart-qty-in-basket-border, transparent);
border-radius: 0 0 var(--boxcart-qty-in-basket-radius, var(--boxcart-frontend-radius)) var(--boxcart-qty-in-basket-radius, var(--boxcart-frontend-radius));
margin: 0 -16px -16px;
padding: 8px 16px 16px;
}
.boxcart-product-card--out-of-stock {
opacity: 1;
}
.boxcart-product-card--out-of-stock .boxcart-product-card__image img {
opacity: 0.5;
}
/* Out of stock card content - greyed out */
.boxcart-product-card--out-of-stock .boxcart-product-card__content {
opacity: 0.6;
}
.boxcart-product-card--out-of-stock .boxcart-qty-tabs--disabled .boxcart-qty-tab,
.boxcart-product-card--out-of-stock .boxcart-qty-panels--disabled .boxcart-step-selector,
.boxcart-product-card--out-of-stock .boxcart-qty-panels--disabled .boxcart-standard-selector {
pointer-events: none;
cursor: not-allowed;
}
.boxcart-product-card--out-of-stock .boxcart-qty-tab:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.boxcart-product-card--out-of-stock .boxcart-product-card__btn--out-of-stock {
background: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
border: var(--boxcart-btn-disabled-border, none);
color: var(--boxcart-btn-disabled-text, var(--boxcart-frontend-text-muted));
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: not-allowed;
}
/* Card Image */
.boxcart-product-card__image {
position: relative;
aspect-ratio: 1;
overflow: hidden;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-lg) var(--boxcart-frontend-radius-lg) 0 0;
}
/* Card Image Placeholder - matches table view style */
.boxcart-product-card__image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-product-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--boxcart-frontend-transition-normal);
}
.boxcart-product-card:hover .boxcart-product-card__image img {
transform: scale(1.05);
}
/* Card Badge */
.boxcart-product-card__badge {
position: absolute;
top: 12px;
left: 12px;
padding: 4px 12px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.025em;
border-radius: var(--boxcart-frontend-radius-sm);
background: var(--boxcart-frontend-error);
color: #fff;
}
.boxcart-product-card__badge--out-of-stock {
background: var(--boxcart-frontend-error);
color: #fff;
}
/* Card Content */
.boxcart-product-card__content {
padding: 16px;
display: flex;
flex-direction: column;
flex: 1;
}
/* Controls wrapper - pushed to bottom of card */
.boxcart-product-card__controls {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.boxcart-product-card__name {
font-size: 16px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
margin: 0 0 4px 0;
line-height: 1.3;
}
.boxcart-product-card__price {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-primary);
margin-bottom: 12px;
}
/* Card Button - matches mockup */
.boxcart-product-card__btn {
width: 100%;
padding: 12px;
border: none;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
font-size: 15px;
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
background: var(--boxcart-frontend-border);
color: var(--boxcart-frontend-text-muted);
}
/* Button within controls wrapper has no extra margin (gap handles spacing) */
.boxcart-product-card__controls .boxcart-product-card__btn,
.boxcart-product-card__controls .boxcart-add-btn,
.boxcart-product-card__controls .boxcart-add-to-basket-qty {
margin-top: 0;
}
/* Product card button styles now handled in consolidated BUTTONS section above */
/* ==========================================================================
Quantity Selector
========================================================================== */
/* Container - supports both BEM and legacy naming */
.boxcart-quantity,
.boxcart-quantity-selector {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/* Quantity buttons - consolidated styles */
.boxcart-quantity__btn,
.boxcart-quantity-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
background: var(--boxcart-qty-button-bg, #f3f4f6);
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
color: var(--boxcart-qty-button-text, #374151);
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
line-height: 1;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boxcart-quantity__btn:hover:not(:disabled),
.boxcart-quantity-btn:hover:not(:disabled) {
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-button-text, #374151);
}
.boxcart-quantity__btn:focus,
.boxcart-quantity__btn:focus-visible,
.boxcart-quantity-btn:focus,
.boxcart-quantity-btn:focus-visible {
border-color: var(--boxcart-frontend-primary);
outline: none;
box-shadow: none;
color: var(--boxcart-qty-button-text, #374151);
}
/* Quantity button focus - wrapper specificity for outline removal */
.boxcart-products button.boxcart-quantity__btn:focus,
.boxcart-products button.boxcart-quantity__btn:focus-visible,
.boxcart-products button.boxcart-quantity-btn:focus,
.boxcart-products button.boxcart-quantity-btn:focus-visible,
.boxcart-sidecart button.boxcart-quantity__btn:focus,
.boxcart-sidecart button.boxcart-quantity__btn:focus-visible,
.boxcart-basket button.boxcart-quantity__btn:focus,
.boxcart-basket button.boxcart-quantity__btn:focus-visible {
outline: none;
}
.boxcart-quantity__btn:active:not(:disabled),
.boxcart-quantity-btn:active:not(:disabled) {
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-button-text, #374151);
box-shadow: none;
}
/* Quantity button active - wrapper specificity for outline removal */
.boxcart-products button.boxcart-quantity__btn:active,
.boxcart-products button.boxcart-quantity-btn:active,
.boxcart-sidecart button.boxcart-quantity__btn:active,
.boxcart-basket button.boxcart-quantity__btn:active {
outline: none;
}
.boxcart-quantity__btn:disabled,
.boxcart-quantity-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: var(--boxcart-frontend-text-muted);
background: var(--boxcart-frontend-background);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
}
/* SVG icon support for legacy buttons */
.boxcart-quantity-btn svg {
display: block;
width: 12px;
height: 12px;
flex-shrink: 0;
}
.boxcart-quantity-btn svg path {
stroke: currentColor;
}
/* Quantity value display - consolidated */
.boxcart-quantity__value,
.boxcart-quantity-value {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-qty-value-text, var(--boxcart-frontend-text));
text-align: center;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
}
/* Basket qty selector consistent width for alignment */
.boxcart-basket .boxcart-quantity-selector {
width: 200px;
}
.boxcart-basket .boxcart-quantity-value {
flex: 1;
}
input.boxcart-quantity-value {
padding: 0;
outline: none;
min-width: 0;
}
/* ==========================================================================
Empty State - Products Grid
========================================================================== */
/* Legacy simple empty state - kept for backwards compatibility */
.boxcart-products__empty {
grid-column: 1 / -1;
text-align: center;
padding: 48px 24px;
color: var(--boxcart-frontend-text-muted);
}
/* ==========================================================================
Pagination & Load More
========================================================================== */
.boxcart-products__pagination {
display: flex;
justify-content: center;
margin-top: 32px;
}
.boxcart-load-more {
text-align: center;
margin-top: 32px;
}
.boxcart-load-more__btn {
padding: 12px 32px;
border: 2px solid var(--boxcart-frontend-primary);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
color: var(--boxcart-frontend-primary);
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-load-more__btn:hover {
background: var(--boxcart-frontend-primary);
color: #fff;
}
.boxcart-load-more__btn:focus {
outline: none;
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
}
.boxcart-load-more__btn:active {
outline: none;
background: var(--boxcart-frontend-primary-hover);
color: #fff;
box-shadow: none;
}
.boxcart-load-more__info {
margin-top: 12px;
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
/* ==========================================================================
Loading State
========================================================================== */
.boxcart-products__loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.boxcart-spinner {
width: 32px;
height: 32px;
border: 3px solid var(--boxcart-frontend-border);
border-top-color: var(--boxcart-frontend-primary);
border-radius: 50%;
animation: boxcart-spin 0.8s linear infinite;
}
@keyframes boxcart-spin {
to {
transform: rotate(360deg);
}
}
/* ==========================================================================
Form Elements
========================================================================== */
.boxcart-input,
.boxcart-select {
width: 100%;
padding: 8px 12px;
font-size: 14px;
line-height: 1.5;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
transition: border-color var(--boxcart-frontend-transition), box-shadow var(--boxcart-frontend-transition);
}
.boxcart-input:focus,
.boxcart-select:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-input::placeholder {
color: var(--boxcart-frontend-text-muted);
}
.boxcart-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23787C82' d='M2.5 4.5L6 8L9.5 4.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 36px;
}
/* ==========================================================================
Buttons
========================================================================== */
.boxcart-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 16px;
font-size: 15px;
font-weight: var(--boxcart-btn-font-weight, 600);
line-height: 1.5;
text-decoration: none;
border: none;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-btn--full {
width: 100%;
}
/* Primary, secondary, outline, and disabled button styles now handled
in consolidated BUTTONS section at top of file */
.boxcart-btn--loading {
opacity: 0.7;
pointer-events: none;
}
.boxcart-btn__icon {
flex-shrink: 0;
}
/* ==========================================================================
Notices
========================================================================== */
.boxcart-notices {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 9999999;
display: flex;
flex-direction: column;
gap: 8px;
}
.boxcart-notice {
padding: 12px 16px;
border-radius: var(--boxcart-frontend-radius);
font-size: 14px;
font-weight: 500;
box-shadow: var(--boxcart-frontend-shadow-hover);
animation: boxcart-slide-in 0.3s ease;
}
.boxcart-notice--success {
background: var(--boxcart-frontend-success-accent-light);
color: var(--boxcart-frontend-success-accent);
}
.boxcart-notice--error {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
}
.boxcart-notice--warning {
background: var(--boxcart-frontend-warning-light);
color: var(--boxcart-frontend-warning);
}
.boxcart-notice--info {
background: var(--boxcart-frontend-info-light);
color: var(--boxcart-frontend-info);
}
.boxcart-notice--fade-out {
animation: boxcart-fade-out 0.3s ease forwards;
}
@keyframes boxcart-slide-in {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes boxcart-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* ==========================================================================
Mini Basket
========================================================================== */
.boxcart-mini-basket {
display: inline-flex;
align-items: center;
}
/* Main link styled as green pill button per mockup */
.boxcart-mini-basket__link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: var(--boxcart-mini-basket-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-mini-basket-text, #fff);
border-radius: var(--boxcart-frontend-radius-full);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: background-color var(--boxcart-frontend-transition);
}
.boxcart-mini-basket__link:hover {
background: var(--boxcart-mini-basket-hover-bg, var(--boxcart-frontend-primary-hover));
color: var(--boxcart-mini-basket-text, #fff);
}
.boxcart-mini-basket__link:focus {
outline: none;
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
}
.boxcart-mini-basket__icon {
display: flex;
align-items: center;
justify-content: center;
}
.boxcart-mini-basket__icon svg {
width: 18px;
height: 18px;
}
/* For icon-count style, show count as simple text */
.boxcart-mini-basket--icon-count .boxcart-mini-basket__count {
font-size: 14px;
font-weight: 500;
}
/* Remove badge-style count for pill button style */
.boxcart-mini-basket__count {
display: none;
}
.boxcart-mini-basket__count--empty {
display: none;
}
.boxcart-mini-basket__text {
font-size: 14px;
font-weight: 500;
}
/* Mini basket style variations */
.boxcart-mini-basket--icon-count .boxcart-mini-basket__link {
gap: 8px;
}
.boxcart-mini-basket--icon-count .boxcart-mini-basket__count {
display: inline;
}
.boxcart-mini-basket--text-only .boxcart-mini-basket__link {
gap: 0;
}
/* ==========================================================================
Basket Page
========================================================================== */
.boxcart-basket {
width: 100%;
position: relative;
}
.boxcart-basket__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-basket__title {
font-size: 24px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0;
}
/* ==========================================================================
Empty State - Unified Design
Used across basket, checkout, products pages
========================================================================== */
/* Container wrapper styling with border */
.boxcart-basket,
.boxcart-checkout--empty,
.boxcart-checkout--login-required {
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
background: var(--boxcart-frontend-background);
padding: 24px;
}
/* Inner empty state content */
.boxcart-empty-state,
.boxcart-basket__empty,
.boxcart-checkout__empty-message,
.boxcart-checkout__login-message {
text-align: center;
padding: 40px 0;
max-width: 400px;
margin: 0 auto;
}
/* Login required state */
.boxcart-checkout__login-icon {
color: var(--boxcart-frontend-text-muted);
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.boxcart-checkout__login-icon svg {
width: 64px;
height: 64px;
}
.boxcart-checkout__login-title {
font-size: 22px;
font-weight: 600;
margin: 0 0 12px;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-checkout__login-text {
font-size: 15px;
color: var(--boxcart-frontend-text-muted);
margin: 0 0 24px;
line-height: 1.5;
}
.boxcart-empty-state__icon,
.boxcart-basket__empty-icon,
.boxcart-checkout__empty-icon,
.boxcart-products__empty-icon {
color: var(--boxcart-frontend-text-muted);
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.boxcart-empty-state__icon svg,
.boxcart-basket__empty-icon svg,
.boxcart-checkout__empty-icon svg,
.boxcart-products__empty-icon svg {
width: 64px;
height: 64px;
}
.boxcart-empty-state__title,
.boxcart-basket__empty-title,
.boxcart-checkout__empty-title,
.boxcart-products__empty-title {
font-size: 20px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0 0 8px 0;
}
.boxcart-empty-state__text,
.boxcart-basket__empty-text,
.boxcart-checkout__empty-text,
.boxcart-products__empty-text {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin: 0;
}
/* Empty state buttons - consistent sizing using specific selectors */
.boxcart-basket__empty .boxcart-btn,
.boxcart-checkout__empty-message .boxcart-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
font-size: 15px;
font-weight: var(--boxcart-btn-font-weight, 600);
line-height: 1.5;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
text-decoration: none;
min-height: auto;
height: auto;
border: none;
/* Add margin-top to ensure spacing from text even when wpautop wraps button in tag */
margin-top: 24px;
}
/* Hide any stray br tags inserted by WordPress wpautop inside buttons */
.boxcart-basket__empty .boxcart-btn br,
.boxcart-checkout__empty-message .boxcart-btn br {
display: none;
}
.boxcart-basket__empty .boxcart-btn--primary,
.boxcart-checkout__empty-message .boxcart-btn--primary {
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, #ffffff);
}
.boxcart-basket__empty .boxcart-btn--primary:hover,
.boxcart-checkout__empty-message .boxcart-btn--primary:hover {
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
}
/* ==========================================================================
Unified Empty State Container
A single element that displays empty state messages for products,
favourites, search results, etc. Controlled by JavaScript.
========================================================================== */
.boxcart-products__empty {
display: none; /* Hidden by default, shown via JavaScript */
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
background: var(--boxcart-frontend-background);
margin-top: var(--boxcart-frontend-spacing-lg);
text-align: center;
padding: 64px 24px;
}
.boxcart-products__empty .boxcart-products__empty-icon {
color: var(--boxcart-frontend-text-muted);
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.boxcart-products__empty .boxcart-products__empty-icon svg {
width: 64px;
height: 64px;
}
.boxcart-products__empty .boxcart-products__empty-icon img {
width: 64px;
height: 64px;
object-fit: contain;
}
.boxcart-products__empty .boxcart-products__empty-title {
font-size: 20px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0 0 8px 0;
}
.boxcart-products__empty .boxcart-products__empty-text {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin: 0;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
/* Basket Items */
.boxcart-basket__items {
margin-bottom: 24px;
}
.boxcart-basket__item {
display: grid;
grid-template-columns: 60px 1fr auto auto auto;
gap: 16px;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-basket__item:first-child {
padding-top: 0;
}
.boxcart-basket__item-image {
width: 60px;
height: 60px;
border-radius: var(--boxcart-frontend-radius-md);
overflow: hidden;
background: var(--boxcart-frontend-background-alt);
flex-shrink: 0;
border: 1px solid var(--boxcart-frontend-border);
}
.boxcart-basket__item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Placeholder image style for basket (matches table view) */
.boxcart-basket__item-image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-basket__item-info {
min-width: 0;
}
.boxcart-basket__item-name {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0 0 4px 0;
line-height: 1.3;
}
.boxcart-basket__item-price {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
margin: 0;
}
.boxcart-basket__item-unit {
font-size: 12px;
}
.boxcart-basket__item-quantity {
flex-shrink: 0;
}
.boxcart-basket__item-total {
text-align: right;
min-width: 70px;
}
.boxcart-basket__item-total-value {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-basket__item-remove {
flex-shrink: 0;
}
.boxcart-basket__remove-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
background: transparent;
border: none;
border-radius: var(--boxcart-frontend-radius);
color: var(--boxcart-frontend-text-muted);
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-basket__remove-btn:hover {
background: var(--boxcart-frontend-primary-light);
color: var(--boxcart-frontend-primary);
}
.boxcart-basket__remove-btn:focus {
outline: none;
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
}
/* Basket Summary */
.boxcart-basket__summary {
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius);
padding: 24px;
}
.boxcart-basket__summary-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.boxcart-basket__summary-label {
font-size: 14px;
color: var(--boxcart-frontend-text-light);
}
.boxcart-basket__summary-value {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-text);
}
.boxcart-basket__actions {
display: flex;
gap: 12px;
}
.boxcart-basket__actions .boxcart-btn {
flex: 1;
}
/* Basket Loading */
.boxcart-basket__loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
}
/* Text Button Style */
.boxcart-btn--text {
background: transparent;
border: none;
color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
padding: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: color var(--boxcart-frontend-transition);
}
.boxcart-btn--text:hover {
color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
}
/* Text button in basket - higher specificity to override theme styles */
.boxcart-basket button.boxcart-btn--text,
.boxcart-basket button.boxcart-btn--text:hover,
.boxcart-basket button.boxcart-btn--text:focus,
.boxcart-basket button.boxcart-btn--text:active {
background: transparent !important;
border: none !important;
color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary)) !important;
}
.boxcart-basket button.boxcart-btn--text:hover {
color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover)) !important;
}
/* ==========================================================================
Responsive
========================================================================== */
/*
* Progressive column reduction based on container width.
* Uses container queries so the grid adapts to the actual available space
* regardless of sidecart width, viewport size, or admin column setting.
*
* Breakpoints ensure cards stay ≥220px wide (accounting for 24px gap):
* 4 cols needs ~950px | 3 cols needs ~710px | 2 cols needs ~460px
*/
/* Step 1: 4 → 3, 3 → 2 when container is under ~960px */
@container boxcart-products (max-width: 960px) {
.boxcart-products__grid--cols-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.boxcart-products__grid--cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* Step 2: Cap at 2 columns when container is under ~720px */
@container boxcart-products (max-width: 720px) {
.boxcart-products__grid--cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
/* Basket responsive */
.boxcart-basket__item {
grid-template-columns: 50px minmax(0, 1fr) auto;
grid-template-rows: auto auto auto;
gap: 4px 12px;
}
.boxcart-basket__item-image {
width: 50px;
height: 50px;
grid-row: 1 / -1;
align-self: start;
}
.boxcart-basket__item-info {
grid-column: 2;
grid-row: 1;
}
.boxcart-basket__item-quantity {
grid-column: 2 / -1;
grid-row: 2;
}
.boxcart-basket .boxcart-quantity-selector {
width: auto;
}
.boxcart-basket__item-total {
grid-column: 2 / -1;
grid-row: 3;
text-align: left;
min-width: 0;
}
.boxcart-basket__item-remove {
grid-column: 3;
grid-row: 1;
justify-self: end;
}
.boxcart-basket__summary {
padding: 16px;
}
.boxcart-basket__actions {
flex-direction: column;
}
}
/* Products container query — responds to container width (not viewport),
so the grid adapts when the sidecart pushes the content area narrower. */
@container boxcart-products (max-width: 600px) {
/* Hide category dropdown on small container - pills handle filtering */
.boxcart-products__filter-category {
display: none;
}
/* Search and view toggle on same row */
.boxcart-products__filters {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
}
.boxcart-products__search {
flex: 1;
min-width: 0;
max-width: none;
}
.boxcart-view-toggle {
flex-shrink: 0;
}
/* Category pills horizontal scroll */
.boxcart-products__pills {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 4px;
}
.boxcart-products__pills::-webkit-scrollbar {
display: none;
}
.boxcart-products__pills .boxcart-pill {
flex-shrink: 0;
}
/* Mobile columns - default to 2 columns */
.boxcart-products__grid--cols-4,
.boxcart-products__grid--cols-3,
.boxcart-products__grid--cols-2,
.boxcart-products__grid--cols-1 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
/* Mobile 1 column override */
.boxcart-products__grid--mobile-cols-1.boxcart-products__grid--cols-4,
.boxcart-products__grid--mobile-cols-1.boxcart-products__grid--cols-3,
.boxcart-products__grid--mobile-cols-1.boxcart-products__grid--cols-2,
.boxcart-products__grid--mobile-cols-1.boxcart-products__grid--cols-1 {
grid-template-columns: 1fr;
}
.boxcart-product-card__content {
padding: 12px;
}
.boxcart-product-card__name {
font-size: 13px;
}
.boxcart-product-card__price {
font-size: 13px;
margin-bottom: 10px;
}
.boxcart-quantity-btn {
width: 32px;
height: 32px;
}
.boxcart-quantity-value {
min-width: 32px;
height: 32px;
}
}
/* Non-product elements still use viewport-based media query */
@media (max-width: 600px) {
.boxcart-notices {
bottom: 16px;
right: 16px;
left: 16px;
}
.boxcart-notice {
text-align: center;
}
/* Basket header responsive */
.boxcart-basket__header {
flex-wrap: wrap;
gap: 12px;
}
.boxcart-basket__title {
font-size: 20px;
}
}
/* ==========================================================================
Checkout Page
========================================================================== */
.boxcart-checkout {
width: 100%;
max-width: 100%;
position: relative;
/* Note: no overflow:hidden - needed for tooltips. Width controlled by grid. */
}
.boxcart-checkout__title {
font-size: 24px;
font-weight: 700;
color: var(--boxcart-frontend-text-dark);
margin: 0 0 24px 0;
}
.boxcart-checkout__notices {
margin-bottom: 24px;
}
.boxcart-checkout__slot-expired-notice {
margin-bottom: 20px;
animation: none;
box-shadow: none;
border: 1px solid var(--boxcart-frontend-warning-border);
}
.boxcart-checkout__slot-expired-notice .boxcart-notice__icon {
margin-right: 6px;
}
/* Checkout Auth Prompt */
.boxcart-checkout__auth-prompt {
background: var(--boxcart-frontend-background-alt);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
padding: 16px 20px;
margin-bottom: 24px;
}
.boxcart-checkout__auth-links {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.boxcart-checkout__auth-text {
color: var(--boxcart-frontend-text-light);
font-size: 14px;
}
.boxcart-checkout__auth-toggle {
color: var(--boxcart-frontend-primary);
font-weight: 500;
font-size: 14px;
}
.boxcart-checkout__auth-toggle:hover {
text-decoration: underline;
}
.boxcart-checkout__auth-separator {
color: var(--boxcart-frontend-text-muted);
font-size: 14px;
}
/* Checkout Auth Forms - Inline Login */
.boxcart-checkout__auth-form {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--boxcart-frontend-border);
}
.boxcart-checkout__login-row {
display: flex;
align-items: center;
gap: 12px;
}
.boxcart-checkout__login-field {
flex: 1;
min-width: 0;
}
.boxcart-checkout__login-field .boxcart-form-field__input {
padding: 12px !important;
font-size: 15px !important;
line-height: 1.5 !important;
border: 1px solid var(--boxcart-frontend-border) !important;
border-radius: var(--boxcart-frontend-radius-sm) !important;
background: var(--boxcart-frontend-background) !important;
box-sizing: border-box !important;
}
.boxcart-checkout__login-field .boxcart-form-field__input:focus {
outline: none !important;
border-color: var(--boxcart-frontend-primary) !important;
box-shadow: 0 0 0 3px var(--boxcart-frontend-primary-light) !important;
}
.boxcart-checkout__auth-form .boxcart-checkout__auth-submit {
padding: 12px 20px;
font-size: 15px;
line-height: 1.5;
white-space: nowrap;
flex-shrink: 0;
box-sizing: border-box;
}
.boxcart-checkout__auth-form-notice {
padding: 10px 12px;
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 14px;
margin-bottom: 12px;
}
.boxcart-checkout__auth-form-notice--error {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
border: 1px solid var(--boxcart-frontend-error-border);
}
.boxcart-checkout__auth-form-notice--success {
background: var(--boxcart-frontend-success-light);
color: var(--boxcart-frontend-success);
border: 1px solid var(--boxcart-frontend-success-border);
}
.boxcart-checkout__login-links {
margin-top: 12px;
text-align: right;
}
/* Checkout Auth Tabs */
.boxcart-checkout__auth-tabs {
display: flex;
border-bottom: 1px solid var(--boxcart-frontend-border);
margin-bottom: 16px;
gap: 0;
}
.boxcart-checkout__auth-tab {
position: relative;
flex: 1;
padding: 12px 16px;
font-size: 14px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
background: none;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: color 0.2s ease, border-color 0.2s ease;
outline: none;
text-align: center;
}
.boxcart-checkout__auth-tab:hover,
.boxcart-checkout__auth-tab:focus {
color: var(--boxcart-frontend-primary);
background: none;
outline: none;
}
.boxcart-checkout__auth-tab--active,
.boxcart-checkout__auth-tab--active:hover,
.boxcart-checkout__auth-tab--active:focus {
color: var(--boxcart-frontend-primary);
border-bottom-color: var(--boxcart-frontend-primary);
background: none;
}
/* Checkout register form fields */
.boxcart-checkout__register-fields {
display: flex;
flex-direction: column;
gap: 12px;
}
.boxcart-checkout__register-fields .boxcart-form-field__label {
display: block;
font-size: 13px;
font-weight: 500;
color: var(--boxcart-frontend-text);
margin-bottom: 4px;
}
.boxcart-checkout__register-fields .boxcart-form-field__input {
padding: 12px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
.boxcart-checkout__register-fields .boxcart-form-field__hint {
font-size: 12px;
color: var(--boxcart-frontend-text-muted);
margin-top: 4px;
}
/* Password reset inline form matches login form spacing */
.boxcart-checkout__auth-form--reset {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--boxcart-frontend-border);
}
.boxcart-checkout__auth-form--reset .boxcart-checkout__login-field .boxcart-form-field__input {
padding: 12px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
.boxcart-checkout__lost-password {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
text-decoration: none;
transition: color 0.2s ease;
}
.boxcart-checkout__lost-password:hover,
.boxcart-checkout__lost-password:focus {
color: var(--boxcart-frontend-primary);
text-decoration: underline;
}
/* Password Reset Form (Checkout) */
.boxcart-checkout__reset-form {
margin-top: 16px;
padding: 16px;
background: var(--boxcart-frontend-background-alt);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-sm);
}
/* Reset form intro paragraphs - override display:contents */
.boxcart-checkout__reset-intro,
p.boxcart-checkout__reset-intro {
display: block !important;
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 14px;
color: var(--boxcart-frontend-text-light);
line-height: 1.5;
}
.boxcart-checkout__code-sent-message,
p.boxcart-checkout__code-sent-message {
display: block !important;
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 14px;
color: var(--boxcart-frontend-text-light);
line-height: 1.5;
}
.boxcart-checkout__reset-step {
display: block;
}
.boxcart-checkout__reset-form .boxcart-form-field {
margin-bottom: 12px;
}
.boxcart-checkout__reset-form .boxcart-form-field__label {
font-size: 13px;
font-weight: 500;
color: var(--boxcart-frontend-text);
margin-bottom: 4px;
}
.boxcart-checkout__reset-form .boxcart-form-field__input {
width: 100%;
padding: 10px 12px;
font-size: 14px;
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-sm);
background: var(--boxcart-frontend-background);
color: var(--boxcart-frontend-text);
}
.boxcart-checkout__reset-form .boxcart-form-field__input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-transparent);
}
.boxcart-checkout__reset-actions {
display: flex;
gap: 10px;
align-items: center;
margin-top: 12px;
}
.boxcart-checkout__reset-form .boxcart-btn {
padding: 10px 16px;
font-size: 14px;
}
.boxcart-checkout__reset-back {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
text-decoration: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: color 0.2s ease;
}
.boxcart-checkout__reset-back:hover {
color: var(--boxcart-frontend-primary);
text-decoration: underline;
}
.boxcart-checkout__reset-back:focus-visible {
outline: 2px solid var(--boxcart-frontend-primary);
outline-offset: 2px;
border-radius: 2px;
}
.boxcart-checkout__reset-email-display {
color: var(--boxcart-frontend-text);
font-weight: 500;
}
.boxcart-checkout__reset-notice {
padding: 10px 12px;
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 14px;
margin-bottom: 12px;
}
.boxcart-checkout__reset-notice--error {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
border: 1px solid var(--boxcart-frontend-error);
}
.boxcart-checkout__reset-notice--success {
background: var(--boxcart-frontend-success-light);
color: var(--boxcart-frontend-success);
border: 1px solid var(--boxcart-frontend-success);
}
/* Stacked login row for password fields */
.boxcart-checkout__login-row--stacked {
flex-direction: column;
gap: 12px;
}
.boxcart-checkout__login-row--stacked .boxcart-checkout__login-field {
flex: 1 1 100%;
}
/* Code sent message */
.boxcart-checkout__code-sent-message {
margin: 0 0 12px;
font-size: 14px;
color: var(--boxcart-frontend-text-light);
line-height: 1.5;
}
/* Code input styling */
.boxcart-form-field__input--code {
text-align: center;
letter-spacing: 8px;
font-size: 20px;
font-weight: 600;
padding: 12px;
}
/* Full-width button */
.boxcart-btn--full {
width: 100%;
margin-top: 12px;
}
/* Responsive: Stack login form on mobile */
@media (max-width: 600px) {
.boxcart-checkout__login-row {
flex-wrap: wrap;
}
.boxcart-checkout__login-field {
flex: 1 1 100%;
}
.boxcart-checkout__auth-form .boxcart-checkout__auth-submit {
flex: 1;
}
.boxcart-checkout__login-links {
text-align: center;
}
/* Send Code button full width on mobile */
.boxcart-checkout__send-reset-code,
.boxcart-checkout__verify-code {
width: 100%;
flex: 1 1 100%;
}
}
/* Create Account Option */
.boxcart-checkout__create-account {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--boxcart-frontend-background-page);
}
.boxcart-checkout__create-account .boxcart-form-field__checkbox-label {
display: flex;
align-items: center;
gap: 8px;
}
.boxcart-checkout__create-account .boxcart-form-field__checkbox-label span {
position: relative;
top: 1px;
}
.boxcart-checkout__create-account-info,
.boxcart-checkout__create-account-info:hover,
.boxcart-checkout__create-account-info:focus,
.boxcart-checkout__create-account-info:active {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
padding: 0;
background: none !important;
border: none !important;
color: var(--boxcart-frontend-text-muted) !important;
cursor: pointer;
transition: color var(--boxcart-frontend-transition);
position: relative;
top: 1px;
text-decoration: none !important;
}
.boxcart-checkout__create-account-info:hover {
color: var(--boxcart-frontend-primary) !important;
}
.boxcart-checkout__create-account-info svg {
width: 14px;
height: 14px;
}
.boxcart-checkout__create-account-password {
margin-top: 16px;
}
.boxcart-checkout__create-account-password .boxcart-checkout__form-row--half {
margin-bottom: 0;
}
/* ==========================================================================
Popup Component
========================================================================== */
.boxcart-popup {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.boxcart-popup__overlay {
position: absolute;
inset: 0;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5));
}
.boxcart-popup__content {
position: relative;
background: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.2));
max-width: 400px;
width: 100%;
max-height: 80vh;
overflow-y: auto;
z-index: 1;
}
.boxcart-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-popup__title {
margin: 0;
font-size: 16px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-popup__close {
width: 32px;
height: 32px;
padding: 0;
background: none;
border: none;
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-text-muted);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-popup__close:hover {
background: var(--boxcart-frontend-background-alt);
color: var(--boxcart-frontend-text);
}
.boxcart-popup__close svg {
width: 20px;
height: 20px;
}
.boxcart-popup__body {
padding: 20px;
}
.boxcart-popup__list {
margin: 0;
padding: 0 0 0 20px;
list-style: disc;
}
.boxcart-popup__list li {
padding: 6px 0;
color: var(--boxcart-frontend-text);
font-size: 14px;
line-height: 1.5;
}
.boxcart-popup__list li:first-child {
padding-top: 0;
}
.boxcart-popup__list li:last-child {
padding-bottom: 0;
}
.boxcart-checkout__wrapper {
display: grid;
grid-template-columns: 1fr 340px;
gap: 24px;
align-items: start;
}
.boxcart-checkout__main {
display: flex;
flex-direction: column;
gap: 20px;
min-width: 0; /* Prevent grid column from expanding */
overflow: visible; /* Allow tooltips to show - was hidden but clips tooltips */
}
.boxcart-checkout__section {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-frontend-shadow);
padding: 20px;
/* Note: no overflow:hidden here - needed for date tooltips to display */
}
.boxcart-checkout__section-title {
font-size: 18px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
margin: 0 0 20px 0;
padding: 0 0 16px 0;
border-bottom: 1px solid var(--boxcart-frontend-background-page);
}
/* Fulfilment Method Options */
.boxcart-checkout__fulfilment-options {
display: flex;
gap: 16px;
}
.boxcart-checkout__fulfilment-option {
flex: 1;
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
background: var(--boxcart-frontend-background);
border: 2px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
cursor: pointer;
transition: all 0.2s ease;
}
.boxcart-checkout__fulfilment-option:hover {
border-color: var(--boxcart-frontend-primary-light);
}
.boxcart-checkout__fulfilment-option--selected {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary-lighter);
}
.boxcart-checkout__fulfilment-option input[type="radio"] {
display: none;
}
.boxcart-checkout__fulfilment-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: var(--boxcart-frontend-background-page);
border-radius: var(--boxcart-frontend-radius);
color: var(--boxcart-frontend-text-muted);
flex-shrink: 0;
}
.boxcart-checkout__fulfilment-option--selected .boxcart-checkout__fulfilment-icon {
background: var(--boxcart-frontend-primary);
color: #fff;
}
.boxcart-checkout__fulfilment-label {
display: flex;
flex-direction: column;
gap: 2px;
}
.boxcart-checkout__fulfilment-title {
font-size: 16px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
display: flex;
align-items: center;
gap: 8px;
}
.boxcart-checkout__fulfilment-fee {
font-size: 13px;
font-weight: 500;
padding: 2px 8px;
border-radius: var(--boxcart-frontend-radius-sm);
background: var(--boxcart-frontend-background-page);
color: var(--boxcart-frontend-text-muted);
}
.boxcart-checkout__fulfilment-fee--free {
background: var(--boxcart-frontend-success-light);
color: var(--boxcart-frontend-success);
}
.boxcart-checkout__fulfilment-desc {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
/* Checkout Summary Subtotal */
.boxcart-checkout__subtotal {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
font-size: 14px;
color: var(--boxcart-frontend-text);
}
/* Checkout Empty State - uses unified empty state CSS above, just add text-align */
.boxcart-checkout--empty {
text-align: center;
}
/* Honeypot Spam Protection - hidden from humans, visible to bots */
.boxcart-hp-field {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
/* Form Fields */
.boxcart-form-field {
margin-bottom: 16px;
}
.boxcart-form-field:last-child {
margin-bottom: 0;
}
.boxcart-form-field__label {
display: block;
font-size: 13px;
font-weight: 500;
color: var(--boxcart-frontend-text-light);
margin-bottom: 4px;
}
.boxcart-form-field__label .required {
color: var(--boxcart-frontend-error);
}
.boxcart-form-field__input {
width: 100%;
max-width: 100%;
padding: 12px;
font-size: 15px;
line-height: 1.5;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-sm);
transition: border-color var(--boxcart-frontend-transition), box-shadow var(--boxcart-frontend-transition);
box-sizing: border-box;
}
/* Form field input wrapper specificity - override theme styles */
.boxcart-checkout .boxcart-form-field input.boxcart-form-field__input,
.boxcart-checkout .boxcart-form-field textarea.boxcart-form-field__input,
.boxcart-checkout .boxcart-form-field select.boxcart-form-field__input,
.boxcart-account .boxcart-form-field input.boxcart-form-field__input,
.boxcart-account .boxcart-form-field textarea.boxcart-form-field__input,
.boxcart-account .boxcart-form-field select.boxcart-form-field__input,
.boxcart-login-modal .boxcart-form-field input.boxcart-form-field__input,
.boxcart-login-modal .boxcart-form-field textarea.boxcart-form-field__input,
.boxcart-login-modal .boxcart-form-field select.boxcart-form-field__input {
width: 100%;
max-width: 100%;
padding: 12px;
font-size: 15px;
line-height: 1.5;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-sm);
box-sizing: border-box;
}
/* Ensure select elements don't overflow - wrapper specificity */
.boxcart-checkout .boxcart-form-field select.boxcart-form-field__input,
.boxcart-account .boxcart-form-field select.boxcart-form-field__input {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23787C82' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 36px;
}
.boxcart-form-field__input::placeholder {
color: var(--boxcart-frontend-text-muted);
}
/* Form field focus - wrapper specificity */
.boxcart-checkout .boxcart-form-field .boxcart-form-field__input:focus,
.boxcart-account .boxcart-form-field .boxcart-form-field__input:focus,
.boxcart-login-modal .boxcart-form-field .boxcart-form-field__input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 3px var(--boxcart-frontend-primary-light);
}
/* Form field error - wrapper specificity */
.boxcart-checkout .boxcart-form-field .boxcart-form-field__input--error,
.boxcart-account .boxcart-form-field .boxcart-form-field__input--error,
.boxcart-login-modal .boxcart-form-field .boxcart-form-field__input--error {
border-color: var(--boxcart-frontend-error);
}
/* Form field error focus - wrapper specificity */
.boxcart-checkout .boxcart-form-field .boxcart-form-field__input--error:focus,
.boxcart-account .boxcart-form-field .boxcart-form-field__input--error:focus,
.boxcart-login-modal .boxcart-form-field .boxcart-form-field__input--error:focus {
box-shadow: 0 0 0 3px var(--boxcart-frontend-error-light);
}
.boxcart-form-field__textarea {
resize: vertical;
min-height: 80px;
}
.boxcart-form-field__error {
display: block;
font-size: 12px;
color: var(--boxcart-frontend-error);
margin-top: 4px;
}
.boxcart-checkout__form-row--half {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
/* Billing Address Section */
.boxcart-checkout__billing-address {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--boxcart-frontend-background-page);
}
.boxcart-checkout__subsection-title {
font-size: 15px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
margin: 0 0 16px 0;
}
/* Checkbox Field */
.boxcart-form-field--checkbox {
margin-bottom: 20px;
}
.boxcart-checkbox,
.boxcart-form-field__checkbox-label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
font-size: 13px;
color: var(--boxcart-frontend-text-light);
}
.boxcart-checkbox input[type="checkbox"],
.boxcart-form-field__checkbox-label input[type="checkbox"] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
accent-color: var(--boxcart-frontend-primary);
}
.boxcart-checkbox a,
.boxcart-form-field__checkbox-label a {
color: var(--boxcart-frontend-primary);
text-decoration: none;
}
.boxcart-checkbox a:hover,
.boxcart-form-field__checkbox-label a:hover {
text-decoration: underline;
color: var(--boxcart-frontend-primary-hover);
}
/* Location Details */
.boxcart-checkout__location-details {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius);
margin-top: 12px;
margin-bottom: 20px;
}
.boxcart-checkout__location-name {
font-size: 15px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
margin-bottom: 4px;
}
.boxcart-checkout__location-address {
font-size: 14px;
color: var(--boxcart-frontend-text);
line-height: 1.4;
}
.boxcart-checkout__location-instructions {
font-size: 14px;
color: var(--boxcart-frontend-text);
font-style: italic;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--boxcart-frontend-border);
}
.boxcart-checkout__location-instructions::before {
content: '"';
}
.boxcart-checkout__location-instructions .instructions-text::after {
content: '"';
}
/* Date Buttons */
.boxcart-checkout__dates {
margin-top: 12px;
position: relative;
overflow: visible; /* Allow tooltips to display outside */
}
/* Wrapper for horizontal scrolling dates - tooltips appear above */
.boxcart-checkout__dates-scroll-wrapper {
position: relative;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 12px; /* Space for scrollbar */
/* Firefox scrollbar */
scrollbar-width: thin;
scrollbar-color: var(--boxcart-frontend-primary) var(--boxcart-frontend-background-alt);
}
/* Styled scrollbar for wrapper */
.boxcart-checkout__dates-scroll-wrapper::-webkit-scrollbar {
height: 8px;
-webkit-appearance: none;
}
.boxcart-checkout__dates-scroll-wrapper::-webkit-scrollbar-track {
background: var(--boxcart-frontend-background-alt);
border-radius: 4px;
}
.boxcart-checkout__dates-scroll-wrapper::-webkit-scrollbar-thumb {
background: var(--boxcart-frontend-primary);
border-radius: 4px;
}
.boxcart-checkout__dates-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: var(--boxcart-frontend-primary-hover);
}
.boxcart-checkout__date-buttons {
display: flex;
gap: 12px;
padding: 4px;
max-width: max-content;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.boxcart-date-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-width: 72px;
padding: 12px 16px;
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: 8px;
cursor: pointer;
text-align: center;
transition: all var(--boxcart-frontend-transition);
scroll-snap-align: start;
outline: none;
outline-offset: 0;
box-shadow: none;
}
/* Date button wrapper specificity - ensure base styles override theme */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: 8px;
outline: none;
box-shadow: none;
}
/* Hover state - wrapper specificity for AVAILABLE dates (not disabled) */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):hover,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):hover {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary);
background-color: var(--boxcart-frontend-primary);
color: #fff;
outline: none;
box-shadow: none;
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__day,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__number,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__month,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__day,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__number,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):hover .boxcart-date-btn__month {
color: #fff;
}
/* Focus states - wrapper specificity for AVAILABLE dates (not disabled) */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus-visible,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus-visible {
outline: none;
outline-offset: 0;
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary);
background-color: var(--boxcart-frontend-primary);
color: #fff;
box-shadow: 0 0 0 3px var(--boxcart-frontend-primary-light);
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__day,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__number,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__month,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__day,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__number,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__month,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__day,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__number,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus .boxcart-date-btn__month,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__day,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__number,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn:not([disabled]):focus-visible .boxcart-date-btn__month {
color: #fff;
}
/* Selected state - wrapper specificity */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary);
background-color: var(--boxcart-frontend-primary);
color: #fff;
box-shadow: none;
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected:hover,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected:focus,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected:focus-visible,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected:hover,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected:focus,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected:focus-visible {
background: var(--boxcart-frontend-primary);
background-color: var(--boxcart-frontend-primary);
}
.boxcart-date-btn__day {
font-size: 11px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
}
/* Selected state child colors - wrapper specificity */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected .boxcart-date-btn__day,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected .boxcart-date-btn__day {
color: rgba(255, 255, 255, 0.9);
}
.boxcart-date-btn__number {
font-size: 20px;
font-weight: 700;
color: var(--boxcart-frontend-text-dark);
line-height: 1.2;
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected .boxcart-date-btn__number,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected .boxcart-date-btn__number {
color: #fff;
}
.boxcart-date-btn__month {
font-size: 11px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--selected .boxcart-date-btn__month,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--selected .boxcart-date-btn__month {
color: rgba(255, 255, 255, 0.9);
}
/* Disabled date button state - base */
.boxcart-date-btn--disabled,
.boxcart-date-btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
background: var(--boxcart-frontend-background-alt);
border-color: var(--boxcart-frontend-border-light);
}
/* Disabled date button state - wrapper specificity */
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--disabled,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn[disabled],
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--disabled,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn[disabled] {
background: var(--boxcart-frontend-background-alt);
border-color: var(--boxcart-frontend-border-light);
}
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn--disabled:hover,
.boxcart-checkout .boxcart-checkout__dates button.boxcart-date-btn[disabled]:hover,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn--disabled:hover,
.boxcart-slot-modal .boxcart-date-selector button.boxcart-date-btn[disabled]:hover {
border-color: var(--boxcart-frontend-border-light);
background: var(--boxcart-frontend-background-alt);
box-shadow: none;
}
.boxcart-date-btn--disabled .boxcart-date-btn__day,
.boxcart-date-btn--disabled .boxcart-date-btn__number,
.boxcart-date-btn--disabled .boxcart-date-btn__month {
color: var(--boxcart-frontend-text-muted);
}
.boxcart-date-btn--disabled:hover .boxcart-date-btn__day,
.boxcart-date-btn--disabled:hover .boxcart-date-btn__number,
.boxcart-date-btn--disabled:hover .boxcart-date-btn__month {
color: var(--boxcart-frontend-text-muted);
}
/* Custom Tooltip for unavailable dates - matches button size exactly */
.boxcart-date-btn[data-tooltip] {
position: relative;
}
.boxcart-date-btn[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
background: var(--boxcart-frontend-text-dark);
color: #fff;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
text-align: center;
white-space: normal;
word-wrap: break-word;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease, visibility 0.15s ease;
pointer-events: none;
z-index: 10;
}
.boxcart-date-btn[data-tooltip]:hover::after {
opacity: 1;
visibility: visible;
}
.boxcart-checkout__dates-loading,
.boxcart-checkout__slots-loading,
.boxcart-checkout__no-dates,
.boxcart-checkout__no-slots,
.boxcart-checkout__error {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
padding: 16px;
text-align: center;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius);
}
.boxcart-checkout__error {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
}
/* Time Slots - ensure full width */
.boxcart-checkout__slots-field {
width: 100%;
}
.boxcart-checkout__slots {
margin-top: 12px;
width: 100%;
}
.boxcart-checkout__slot-list,
.boxcart-checkout__slot-buttons {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
transition: opacity 0.2s ease;
}
/* Ensure slots span full width in checkout */
.boxcart-checkout__slot-list .boxcart-slot,
.boxcart-checkout__slots .boxcart-slot {
width: 100%;
}
/* Fade transition for slot changes */
.boxcart-checkout__slot-list.is-loading,
.boxcart-checkout__slot-buttons.is-loading,
.boxcart-slots.is-loading {
opacity: 0.4;
pointer-events: none;
}
/* Smooth height transitions for slots container */
.boxcart-checkout__slots,
[data-slots-container] {
min-height: 100px;
}
.boxcart-slot {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: 6px;
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-slot:hover:not(.boxcart-slot--disabled) {
border-color: var(--boxcart-frontend-primary);
}
.boxcart-slot--selected {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary-light);
}
.boxcart-slot--disabled {
opacity: 0.5;
cursor: not-allowed;
background: var(--boxcart-frontend-background-alt);
}
.boxcart-slot--disabled:hover {
border-color: var(--boxcart-frontend-border-light);
}
.boxcart-slot__time {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 500;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-slot__time input[type="radio"] {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--boxcart-frontend-primary);
cursor: pointer;
}
.boxcart-slot--disabled .boxcart-slot__time input[type="radio"] {
cursor: not-allowed;
}
.boxcart-slot__availability {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
flex-shrink: 0;
}
.boxcart-slot__availability--low {
color: var(--boxcart-frontend-error);
font-weight: 500;
}
/* Legacy button-based slot styling (fallback) */
.boxcart-slot-btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 12px 20px;
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-slot-btn:not([disabled]):hover {
border-color: var(--boxcart-frontend-primary);
}
.boxcart-slot-btn:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
}
.boxcart-slot-btn--selected {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary-light);
}
.boxcart-slot-btn--full,
.boxcart-slot-btn--past,
.boxcart-slot-btn--unavailable {
opacity: 0.5;
cursor: not-allowed;
background: var(--boxcart-frontend-background-alt);
}
.boxcart-slot-btn__time {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-slot-btn--selected .boxcart-slot-btn__time {
color: var(--boxcart-frontend-primary);
}
.boxcart-slot-btn__status {
font-size: 11px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-slot-btn__status--limited {
color: var(--boxcart-frontend-error);
}
/* Submit Section (inside sidebar) */
.boxcart-checkout__submit-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--boxcart-frontend-background-page);
}
/* Terms & Conditions checkbox */
.boxcart-form-field--terms .boxcart-form-field__checkbox-label {
line-height: 1.6;
}
.boxcart-form-field--terms .boxcart-form-field__checkbox-label span {
line-height: 1.6;
}
/* Terms error state — tooltip-style inline message */
.boxcart-form-field--terms.boxcart-form-field--error .boxcart-form-field__error {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 8px;
padding: 6px 12px;
background: var(--boxcart-frontend-error-light);
border: 1px solid var(--boxcart-frontend-error-border);
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-error);
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.boxcart-form-field--terms.boxcart-form-field--error .boxcart-form-field__error::before {
content: "\26A0";
font-size: 14px;
flex-shrink: 0;
}
/* Shake animation for terms field */
.boxcart-form-field--shake {
animation: boxcart-shake 0.4s ease;
}
@keyframes boxcart-shake {
0%, 100% { transform: translateX(0); }
15% { transform: translateX(-6px); }
30% { transform: translateX(5px); }
45% { transform: translateX(-4px); }
60% { transform: translateX(3px); }
75% { transform: translateX(-2px); }
}
.boxcart-checkout__submit {
width: 100%;
padding: 14px 24px;
font-size: 16px;
}
.boxcart-btn--large {
padding: 14px 32px;
font-size: 16px;
}
/* Order Summary Sidebar */
.boxcart-checkout__sidebar {
min-width: 0;
align-self: start;
}
.boxcart-checkout__order-summary {
position: relative;
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-frontend-shadow);
padding: 20px;
overflow: hidden;
}
.boxcart-checkout__order-summary .boxcart-checkout__section-title {
margin: 0 0 16px 0;
padding: 0 0 12px 0;
border-bottom: 1px solid var(--boxcart-frontend-background-page);
}
.boxcart-checkout__items {
max-height: 250px;
overflow-y: auto;
margin-bottom: 16px;
padding-right: 8px;
}
.boxcart-checkout__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
padding: 8px 0;
border-bottom: 1px solid var(--boxcart-frontend-background-page);
font-size: 13px;
}
.boxcart-checkout__item:last-child {
border-bottom: none;
}
.boxcart-checkout__item-details {
display: flex;
align-items: baseline;
gap: 6px;
flex: 1;
min-width: 0;
}
.boxcart-checkout__item-name {
flex: 1;
font-size: 13px;
color: var(--boxcart-frontend-text);
word-break: break-word;
}
.boxcart-checkout__item-qty {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
flex-shrink: 0;
white-space: nowrap;
}
.boxcart-checkout__item-unit {
font-size: 12px;
color: var(--boxcart-frontend-text-muted);
display: block;
}
.boxcart-checkout__item-total {
font-size: 13px;
font-weight: 500;
color: var(--boxcart-frontend-text-dark);
flex-shrink: 0;
}
.boxcart-checkout__summary-footer {
padding-top: 8px;
}
.boxcart-checkout__item-count {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin-bottom: 8px;
}
.boxcart-checkout__total {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--boxcart-frontend-background-page);
}
.boxcart-checkout__total-label {
font-size: 16px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-checkout__total-value {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-checkout__edit-basket {
position: absolute;
top: 18px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: var(--boxcart-frontend-radius-sm, 4px);
color: var(--boxcart-frontend-text-muted);
text-decoration: none;
transition: color 0.15s ease, background-color 0.15s ease;
}
.boxcart-checkout__edit-basket:hover {
color: var(--boxcart-frontend-primary);
background-color: var(--boxcart-frontend-background-alt);
}
/* ==========================================================================
Order Confirmation Page
========================================================================== */
.boxcart-order-confirmation {
max-width: 100%;
margin: 0 auto;
padding: 24px 0;
}
.boxcart-order-confirmation__header {
text-align: center;
margin-bottom: 32px;
}
.boxcart-order-confirmation__icon {
color: var(--boxcart-frontend-success);
margin-bottom: 12px;
}
.boxcart-order-confirmation__icon .dashicons {
font-size: 64px;
width: 64px;
height: 64px;
}
.boxcart-order-confirmation__title {
font-size: 28px;
font-weight: 700;
color: var(--boxcart-frontend-text);
margin: 0 0 8px 0;
}
.boxcart-order-confirmation__order-number {
font-size: 16px;
color: var(--boxcart-frontend-text-muted);
margin: 0 0 12px 0;
}
.boxcart-order-confirmation__email-notice {
font-size: 14px;
color: var(--boxcart-frontend-text-light);
margin: 0;
}
.boxcart-order-confirmation__email-notice strong {
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px;
}
.boxcart-order-confirmation__section {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
padding: 20px;
}
.boxcart-order-confirmation__section-title {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 16px 0;
padding-bottom: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-order-confirmation__location {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 16px;
}
.boxcart-order-confirmation__location .dashicons {
color: var(--boxcart-frontend-primary);
flex-shrink: 0;
}
.boxcart-order-confirmation__location-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.boxcart-order-confirmation__location-info strong {
font-size: 15px;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__location-info span {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-confirmation__datetime {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 16px;
}
.boxcart-order-confirmation__date,
.boxcart-order-confirmation__time {
flex: 1;
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
background: var(--boxcart-frontend-primary-transparent);
border: 1px solid var(--boxcart-frontend-primary);
border-radius: var(--boxcart-frontend-radius);
}
/* Hide empty p tags added by wpautop */
.boxcart-order-confirmation__date > p:empty,
.boxcart-order-confirmation__time > p:empty,
.boxcart-order-confirmation__location > p:empty,
.boxcart-order-confirmation__section > p:empty,
.boxcart-order-confirmation__section-title > br {
display: none;
}
.boxcart-order-confirmation__date .dashicons,
.boxcart-order-confirmation__time .dashicons {
color: var(--boxcart-frontend-primary);
font-size: 24px;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.boxcart-order-confirmation__datetime-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.boxcart-order-confirmation__datetime-label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--boxcart-frontend-primary);
}
.boxcart-order-confirmation__datetime-value {
font-size: 15px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__instructions {
margin-top: 16px;
padding: 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius);
font-size: 13px;
color: var(--boxcart-frontend-text-light);
font-style: italic;
}
.boxcart-order-confirmation__items {
margin-bottom: 16px;
}
.boxcart-order-confirmation__item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-order-confirmation__item:last-child {
border-bottom: none;
}
.boxcart-order-confirmation__item-details {
display: flex;
align-items: baseline;
gap: 8px;
}
.boxcart-order-confirmation__item-name {
font-size: 14px;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__item-qty {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-confirmation__item-total {
font-size: 14px;
font-weight: 500;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__summary-footer {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 16px;
border-top: 2px solid var(--boxcart-frontend-border);
}
.boxcart-order-confirmation__item-count {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-confirmation__subtotal,
.boxcart-order-confirmation__discount,
.boxcart-order-confirmation__total {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
}
.boxcart-order-confirmation__subtotal-label {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-confirmation__subtotal-value {
font-size: 14px;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__discount {
color: #2e7d32;
}
.boxcart-order-confirmation__discount-label {
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
}
.boxcart-order-confirmation__discount-value {
font-size: 14px;
font-weight: 500;
}
.boxcart-order-confirmation__total {
margin-top: 4px;
padding-top: 8px;
border-top: 1px solid var(--boxcart-frontend-border);
}
.boxcart-order-confirmation__total-label {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__total-value {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-text);
}
.boxcart-order-confirmation__notes {
background: var(--boxcart-frontend-warning-light);
border: 1px solid var(--boxcart-frontend-warning-border);
border-radius: var(--boxcart-frontend-radius);
padding: 16px;
margin-bottom: 24px;
}
.boxcart-order-confirmation__notes strong {
font-size: 14px;
color: var(--boxcart-frontend-warning);
}
.boxcart-order-confirmation__notes p {
margin: 8px 0 0 0;
font-size: 14px;
color: var(--boxcart-frontend-warning);
}
.boxcart-order-confirmation__actions {
text-align: center;
margin-top: 32px;
}
.boxcart-order-confirmation__actions .boxcart-btn {
display: inline-block;
padding: 14px 32px;
font-size: 16px;
font-weight: var(--boxcart-btn-font-weight, 600);
text-decoration: none;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.boxcart-order-confirmation__actions .boxcart-btn--primary {
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary, #2D7D5F));
color: var(--boxcart-btn-primary-text, #ffffff);
border: none;
}
.boxcart-order-confirmation__actions .boxcart-btn--primary:hover {
background-color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover, #246850));
transform: translateY(-1px);
}
/* ==========================================================================
Checkout Responsive
========================================================================== */
@media (max-width: 960px) {
.boxcart-checkout__wrapper {
grid-template-columns: 1fr;
gap: 24px;
}
.boxcart-checkout__sidebar {
order: 1; /* Sidebar appears after main content on mobile */
}
.boxcart-checkout__main {
order: 0;
}
.boxcart-checkout__order-summary {
max-width: none;
}
}
@media (max-width: 768px) {
.boxcart-checkout {
padding: 0;
}
.boxcart-checkout__title {
font-size: 20px;
margin-bottom: 16px;
}
.boxcart-order-confirmation__details {
grid-template-columns: 1fr;
}
/* Login bar stacks on mobile */
.boxcart-checkout__login-bar-content {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.boxcart-checkout__login-bar-text {
text-align: center;
}
.boxcart-checkout__login-bar-form {
flex-wrap: wrap;
}
.boxcart-checkout__login-bar-input {
flex: 1 1 100%;
max-width: none;
}
.boxcart-checkout__login-bar-btn {
flex: 1 1 100%;
}
}
@media (max-width: 600px) {
.boxcart-checkout__section {
padding: 16px;
border-radius: var(--boxcart-frontend-radius);
}
.boxcart-checkout__section-title {
font-size: 16px;
margin-bottom: 16px;
padding-bottom: 12px;
}
.boxcart-checkout__order-summary {
padding: 16px;
}
.boxcart-checkout__form-row--half {
grid-template-columns: 1fr;
gap: 0;
}
.boxcart-checkout__total-value {
font-size: 16px;
}
.boxcart-date-btn {
min-width: 60px;
padding: 10px 12px;
}
.boxcart-date-btn__number {
font-size: 18px;
}
.boxcart-slot-btn {
padding: 10px 16px;
}
.boxcart-order-confirmation__title {
font-size: 22px;
}
.boxcart-order-confirmation__icon .dashicons {
font-size: 48px;
width: 48px;
height: 48px;
}
}
/* ==========================================================================
Inline Notices (for checkout/account pages)
========================================================================== */
.boxcart-notices--inline {
margin-bottom: 24px;
}
.boxcart-notices--inline .boxcart-notice {
margin-bottom: 8px;
box-shadow: none;
animation: none;
}
.boxcart-notices--inline .boxcart-notice:last-child {
margin-bottom: 0;
}
/* Inline notice variant with borders */
.boxcart-notice--bordered.boxcart-notice--success {
background: var(--boxcart-frontend-success-light);
color: var(--boxcart-frontend-success);
border: 1px solid var(--boxcart-frontend-success-border);
}
.boxcart-notice--bordered.boxcart-notice--error {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
border: 1px solid var(--boxcart-frontend-error-border);
}
.boxcart-notice--bordered.boxcart-notice--warning {
background: var(--boxcart-frontend-warning-light);
color: var(--boxcart-frontend-warning);
border: 1px solid var(--boxcart-frontend-warning-border);
}
.boxcart-notice--bordered.boxcart-notice--info {
background: var(--boxcart-frontend-info-light);
color: var(--boxcart-frontend-info);
border: 1px solid var(--boxcart-frontend-info-border);
}
/* ==========================================================================
Account Page
========================================================================== */
.boxcart-account {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.boxcart-account__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
gap: 16px;
}
.boxcart-account__title {
font-size: 24px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0;
}
.boxcart-account__back-link {
font-size: 14px;
color: var(--boxcart-frontend-primary);
text-decoration: none;
margin-bottom: 8px;
display: inline-block;
}
.boxcart-account__back-link:hover {
color: var(--boxcart-frontend-primary-hover);
text-decoration: underline;
}
.boxcart-account__logout {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
text-decoration: none;
}
.boxcart-account__logout:hover {
color: var(--boxcart-frontend-error);
text-decoration: underline;
}
.boxcart-account__greeting {
font-size: 16px;
color: var(--boxcart-frontend-text-light);
}
/* Account Section */
.boxcart-account__section {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
padding: 24px;
margin-bottom: 24px;
}
.boxcart-account__section:last-child {
margin-bottom: 0;
}
.boxcart-account__section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-account__section-title {
font-size: 16px;
font-weight: 600;
color: var(--boxcart-frontend-text);
margin: 0;
}
.boxcart-account__view-all,
.boxcart-account__edit-link,
button.boxcart-account__edit-link {
font-size: 14px;
color: var(--boxcart-frontend-primary) !important;
text-decoration: none;
background: none !important;
border: none !important;
padding: 0;
font-family: inherit;
cursor: pointer;
}
.boxcart-account__view-all:hover,
.boxcart-account__edit-link:hover,
button.boxcart-account__edit-link:hover,
.boxcart-account__view-all:focus,
.boxcart-account__edit-link:focus,
button.boxcart-account__edit-link:focus {
text-decoration: underline;
color: var(--boxcart-frontend-primary) !important;
background: none !important;
}
/* Auth Wrapper (Login/Register) */
.boxcart-account__auth-wrapper {
display: grid;
gap: 32px;
}
.boxcart-account__auth-wrapper--two-col {
grid-template-columns: 1fr 1fr;
}
.boxcart-account__auth-section {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
padding: 24px;
}
.boxcart-account__form-actions {
margin-top: 24px;
}
.boxcart-account__form-links {
margin-top: 16px;
text-align: center;
}
.boxcart-account__lost-password {
font-size: 14px;
color: var(--boxcart-primary, #4a7c59) !important;
text-decoration: none;
background: none !important;
border: none !important;
cursor: pointer;
padding: 0;
outline: none;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.boxcart-account__lost-password:hover,
.boxcart-account__lost-password:focus {
color: var(--boxcart-primary-dark, #3d6349) !important;
text-decoration: underline;
background: none !important;
outline: none;
}
.boxcart-form-field__hint {
display: block;
font-size: 12px;
color: var(--boxcart-frontend-text-muted);
margin-top: 4px;
}
/* Orders Table - wrapper specificity to override theme styles */
.boxcart-account .boxcart-account__orders-table-wrapper {
overflow: visible;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: none !important;
background: transparent;
box-shadow: none !important;
outline: none !important;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table thead,
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table thead tr,
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table tbody tr {
background: transparent !important;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table thead tr th {
text-align: left;
font-size: 12px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8px 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-light) !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
background: transparent !important;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table thead tr th:first-child {
padding-left: 0;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table thead tr th:last-child {
padding-right: 0;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table tbody tr td {
padding: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-light) !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
font-size: 14px;
color: var(--boxcart-frontend-text);
background: transparent !important;
vertical-align: middle;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table tbody tr td:first-child {
padding-left: 0;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table tbody tr td:last-child {
padding-right: 0;
}
.boxcart-account .boxcart-account__orders-table-wrapper table.boxcart-account__orders-table tbody tr:last-child td {
border-bottom: none !important;
}
.boxcart-account .boxcart-account__order-number a,
.boxcart-account .boxcart-account__order-number button.boxcart-order-view-btn {
font-weight: 600;
color: var(--boxcart-frontend-primary);
text-decoration: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: inherit;
font-family: inherit;
}
.boxcart-account .boxcart-account__order-number a:hover,
.boxcart-account .boxcart-account__order-number button.boxcart-order-view-btn:hover {
text-decoration: underline;
}
/* Dashboard order table - date columns don't wrap */
.boxcart-account--dashboard .boxcart-account__orders-table .boxcart-account__order-date,
.boxcart-account--dashboard .boxcart-account__orders-table .boxcart-account__order-collection {
white-space: nowrap;
}
/* Mobile order cards - hidden on desktop */
.boxcart-account__orders-mobile {
display: none;
}
/* Order actions cell with multiple buttons */
.boxcart-account__order-actions {
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-end;
flex-direction: row;
flex-wrap: nowrap;
}
/* View and Reorder buttons - inline, branded */
.boxcart-account .boxcart-account__order-actions button.boxcart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 90px !important;
padding: 8px 16px !important;
font-size: 13px !important;
font-weight: var(--boxcart-btn-font-weight, 600) !important;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm)) !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
/* View button - secondary style */
.boxcart-account .boxcart-account__order-actions button.boxcart-btn--outline,
.boxcart-account .boxcart-account__order-actions button.boxcart-btn.boxcart-order-view-btn {
background: var(--boxcart-btn-secondary-bg, #ffffff) !important;
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text, #2c3338)) !important;
border: var(--boxcart-btn-secondary-border, 1px solid #dcdcde) !important;
}
.boxcart-account .boxcart-account__order-actions button.boxcart-btn--outline:hover,
.boxcart-account .boxcart-account__order-actions button.boxcart-btn.boxcart-order-view-btn:hover {
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7) !important;
color: var(--boxcart-btn-secondary-hover-text, var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text))) !important;
border: var(--boxcart-btn-secondary-hover-border, 1px solid #c3c4c7) !important;
}
/* Reorder button - secondary style */
.boxcart-account .boxcart-account__order-actions button.boxcart-btn--secondary,
.boxcart-account .boxcart-account__order-actions button.boxcart-reorder-btn {
background: var(--boxcart-btn-secondary-bg, #ffffff) !important;
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text, #2c3338)) !important;
border: var(--boxcart-btn-secondary-border, 1px solid #dcdcde) !important;
}
.boxcart-account .boxcart-account__order-actions button.boxcart-btn--secondary:hover,
.boxcart-account .boxcart-account__order-actions button.boxcart-reorder-btn:hover {
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7) !important;
color: var(--boxcart-btn-secondary-hover-text, var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text))) !important;
border: var(--boxcart-btn-secondary-hover-border, 1px solid #c3c4c7) !important;
}
.boxcart-account__order-placed {
display: block;
font-size: 12px;
color: var(--boxcart-frontend-text-muted);
margin-top: 2px;
}
.boxcart-account__collection-date,
.boxcart-account__collection-time {
display: block;
}
.boxcart-account__collection-time {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
/* Status Badge */
.boxcart-status-badge {
display: inline-block;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
border-radius: 50px;
white-space: nowrap;
}
.boxcart-status-badge--large {
padding: 6px 14px;
font-size: 13px;
}
.boxcart-status--pending {
background: var(--boxcart-frontend-warning-light);
color: var(--boxcart-frontend-warning);
}
.boxcart-status--processing {
background: var(--boxcart-frontend-info-light);
color: var(--boxcart-frontend-info);
}
.boxcart-status--ready {
background: var(--boxcart-frontend-success-light);
color: var(--boxcart-frontend-success);
}
.boxcart-status--completed {
background: var(--boxcart-frontend-background-alt);
color: var(--boxcart-frontend-text-light);
}
.boxcart-status--cancelled {
background: var(--boxcart-frontend-error-light);
color: var(--boxcart-frontend-error);
}
/* Empty Orders */
.boxcart-account__empty-orders {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 48px 24px;
}
.boxcart-account__empty-orders .dashicons {
font-size: 48px;
width: 48px;
height: 48px;
color: var(--boxcart-frontend-text-muted);
margin-bottom: 16px;
}
.boxcart-account__empty-orders p {
display: block;
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin: 0 0 20px 0;
}
/* Account Details */
.boxcart-account__details {
display: flex;
flex-direction: column;
gap: 12px;
}
.boxcart-account__detail-row {
display: flex;
gap: 12px;
}
.boxcart-account__detail-label {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
min-width: 80px;
}
.boxcart-account__detail-value {
font-size: 14px;
color: var(--boxcart-frontend-text);
}
/* Edit Account Form */
.boxcart-account__form-row--half {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.boxcart-account__password-section {
border: none;
background: var(--boxcart-frontend-background-alt);
}
/* Order View */
.boxcart-account__order-header {
margin-bottom: 24px;
}
.boxcart-account__order-meta {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.boxcart-account__order-placed-date {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-account__order-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px;
}
.boxcart-account__order-section {
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
padding: 20px;
}
.boxcart-account__order-section-title {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 16px 0;
padding-bottom: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-account__collection-location {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 16px;
}
.boxcart-account__collection-location .dashicons {
color: var(--boxcart-frontend-primary);
flex-shrink: 0;
}
.boxcart-account__collection-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.boxcart-account__collection-info strong {
font-size: 15px;
color: var(--boxcart-frontend-text);
}
.boxcart-account__collection-info span {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-account__collection-datetime {
display: flex;
flex-direction: column;
gap: 8px;
}
.boxcart-account__collection-date-row,
.boxcart-account__collection-time-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: var(--boxcart-frontend-text);
}
.boxcart-account__collection-date-row .dashicons,
.boxcart-account__collection-time-row .dashicons {
color: var(--boxcart-frontend-text-muted);
font-size: 16px;
width: 16px;
height: 16px;
}
.boxcart-account__collection-instructions {
margin-top: 16px;
padding: 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius);
font-size: 13px;
color: var(--boxcart-frontend-text-light);
}
/* Order Items List */
.boxcart-account__items-list {
margin-bottom: 16px;
}
.boxcart-account__item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-account__item:last-child {
border-bottom: none;
}
.boxcart-account__item-details {
display: flex;
align-items: baseline;
gap: 8px;
}
.boxcart-account__item-name {
font-size: 14px;
color: var(--boxcart-frontend-text);
}
.boxcart-account__item-qty {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-account__item-total {
font-size: 14px;
font-weight: 500;
color: var(--boxcart-frontend-text);
}
.boxcart-account__items-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px;
border-top: 2px solid var(--boxcart-frontend-border);
}
.boxcart-account__items-count {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-account__items-total {
display: flex;
align-items: baseline;
gap: 8px;
}
.boxcart-account__total-label {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-account__total-value {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-text);
}
/* Order Notes */
.boxcart-account__order-notes {
background: var(--boxcart-frontend-warning-light);
border: 1px solid var(--boxcart-frontend-warning-border);
border-radius: var(--boxcart-frontend-radius);
padding: 16px;
}
.boxcart-account__order-notes strong {
font-size: 14px;
color: var(--boxcart-frontend-warning);
}
.boxcart-account__order-notes p {
margin: 8px 0 0 0;
font-size: 14px;
color: var(--boxcart-frontend-warning);
}
/* Pagination */
.boxcart-pagination {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid var(--boxcart-frontend-border);
flex-wrap: wrap;
gap: 16px;
}
.boxcart-pagination__info {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-pagination__links {
display: flex;
gap: 4px;
}
.boxcart-pagination__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 12px;
font-size: 14px;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius);
text-decoration: none;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-pagination__link:hover {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
}
.boxcart-pagination__link:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 2px var(--boxcart-frontend-primary-light);
}
.boxcart-pagination__link--active {
background: var(--boxcart-frontend-primary);
border-color: var(--boxcart-frontend-primary);
color: white;
}
.boxcart-pagination__link--active:hover {
color: white;
}
/* Button Variants */
.boxcart-btn--full {
width: 100%;
}
.boxcart-btn--small {
padding: 6px 12px;
font-size: 13px;
}
.boxcart-btn--outline,
.boxcart-btn--outline:link,
.boxcart-btn--outline:visited {
background: transparent;
border: 1px solid var(--boxcart-frontend-border);
color: var(--boxcart-frontend-text);
}
/* Outline button wrapper specificity */
.boxcart-account button.boxcart-btn--outline,
.boxcart-checkout button.boxcart-btn--outline,
.boxcart-sidecart button.boxcart-btn--outline,
.boxcart-basket button.boxcart-btn--outline,
.boxcart-products button.boxcart-btn--outline,
.boxcart-account a.boxcart-btn--outline,
.boxcart-checkout a.boxcart-btn--outline {
background: transparent;
border: 1px solid var(--boxcart-frontend-border);
color: var(--boxcart-frontend-text);
}
.boxcart-btn--outline:hover,
.boxcart-btn--outline:focus,
.boxcart-btn--outline:active {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
background: transparent;
}
/* Outline button hover/focus wrapper specificity */
.boxcart-account button.boxcart-btn--outline:hover,
.boxcart-account button.boxcart-btn--outline:focus,
.boxcart-checkout button.boxcart-btn--outline:hover,
.boxcart-checkout button.boxcart-btn--outline:focus,
.boxcart-sidecart button.boxcart-btn--outline:hover,
.boxcart-sidecart button.boxcart-btn--outline:focus {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
background: transparent;
}
/* ==========================================================================
Account Responsive
========================================================================== */
@media (max-width: 768px) {
.boxcart-account__auth-wrapper--two-col {
grid-template-columns: 1fr;
}
.boxcart-account__order-content {
grid-template-columns: 1fr;
}
.boxcart-account__form-row--half {
grid-template-columns: 1fr;
gap: 0;
}
/* Switch from table to cards on mobile */
.boxcart-account__orders-desktop {
display: none !important;
}
.boxcart-account__orders-mobile {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Order card styles */
.boxcart-order-card {
border: 1px solid var(--boxcart-frontend-border-light, #e5e7eb);
border-radius: 8px;
padding: 16px;
background: #fff;
}
.boxcart-order-card__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.boxcart-order-card__number {
font-weight: 600;
font-size: 14px;
color: var(--boxcart-frontend-primary) !important;
background: none !important;
border: none !important;
padding: 0;
cursor: pointer;
font-family: inherit;
-webkit-tap-highlight-color: transparent;
}
.boxcart-order-card__number:hover,
.boxcart-order-card__number:active,
.boxcart-order-card__number:focus {
text-decoration: underline;
color: var(--boxcart-frontend-primary) !important;
background: none !important;
}
.boxcart-order-card__details {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
.boxcart-order-card__row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.boxcart-order-card__label {
color: var(--boxcart-frontend-text-muted, #6b7280);
}
.boxcart-order-card__value {
color: var(--boxcart-frontend-text, #2c3338);
}
.boxcart-order-card__value--total {
font-weight: 600;
}
.boxcart-order-card__actions {
display: flex;
gap: 8px;
}
.boxcart-order-card__actions .boxcart-btn {
flex: 1;
-webkit-tap-highlight-color: transparent;
}
}
@media (max-width: 600px) {
.boxcart-account__header {
flex-direction: column;
align-items: flex-start;
}
.boxcart-account__section {
padding: 16px;
}
.boxcart-pagination {
flex-direction: column;
text-align: center;
}
}
/* ==========================================================================
Collection Slot Bar
========================================================================== */
.boxcart-slot-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 12px 20px;
margin-bottom: 24px;
background: var(--boxcart-frontend-success-accent-light);
border: 1px solid var(--boxcart-frontend-success-accent);
border-radius: var(--boxcart-frontend-radius);
}
.boxcart-slot-bar--empty {
background: var(--boxcart-frontend-warning-light);
border-color: var(--boxcart-frontend-warning-border);
}
.boxcart-slot-bar--warning {
background: var(--boxcart-frontend-error-light);
border-color: var(--boxcart-frontend-error-border);
}
.boxcart-slot-bar__info {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
}
.boxcart-slot-bar__icon {
width: 20px;
height: 20px;
flex-shrink: 0;
color: var(--boxcart-frontend-success-accent);
}
.boxcart-slot-bar--empty .boxcart-slot-bar__icon {
color: var(--boxcart-frontend-warning);
}
.boxcart-slot-bar--warning .boxcart-slot-bar__icon {
color: var(--boxcart-frontend-error);
}
.boxcart-slot-bar__text {
font-size: 14px;
color: var(--boxcart-frontend-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.boxcart-slot-bar__text strong {
font-weight: 600;
color: var(--boxcart-frontend-success-accent);
}
.boxcart-slot-bar--empty .boxcart-slot-bar__text,
.boxcart-slot-bar--warning .boxcart-slot-bar__text {
color: var(--boxcart-frontend-text);
}
/* Countdown Timer */
.boxcart-slot-bar__countdown {
display: inline-block;
margin-left: 8px;
padding: 2px 8px;
font-size: 13px;
font-weight: 600;
color: var(--boxcart-frontend-success-accent);
background: rgba(45, 125, 95, 0.1);
border-radius: var(--boxcart-frontend-radius-sm);
font-variant-numeric: tabular-nums;
}
.boxcart-slot-bar__countdown--warning {
color: var(--boxcart-frontend-warning);
background: rgba(199, 144, 17, 0.1);
}
.boxcart-slot-bar__countdown--urgent {
color: var(--boxcart-frontend-error);
background: rgba(199, 60, 60, 0.1);
animation: boxcart-countdown-pulse 1s ease-in-out infinite;
}
@keyframes boxcart-countdown-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.6;
}
}
.boxcart-slot-bar__change {
flex-shrink: 0;
padding: 8px 16px;
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
color: var(--boxcart-btn-primary-text, #ffffff);
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary, #2D7D5F));
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary, #2D7D5F));
border: var(--boxcart-btn-primary-border, none);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
cursor: pointer;
transition: background-color var(--boxcart-frontend-transition);
}
.boxcart-slot-bar__change:hover,
.boxcart-slot-bar__change:focus {
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover, #246850));
background-color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover, #246850));
color: var(--boxcart-btn-primary-hover-text, #ffffff);
border: var(--boxcart-btn-primary-hover-border, none);
}
.boxcart-slot-bar--empty .boxcart-slot-bar__change {
background: var(--boxcart-frontend-warning);
background-color: var(--boxcart-frontend-warning);
}
.boxcart-slot-bar--empty .boxcart-slot-bar__change:hover {
background: #6b5003;
background-color: #6b5003;
}
.boxcart-slot-bar--warning .boxcart-slot-bar__change {
background: var(--boxcart-frontend-error);
background-color: var(--boxcart-frontend-error);
}
.boxcart-slot-bar--warning .boxcart-slot-bar__change:hover {
background: #a33e3e;
background-color: #a33e3e;
}
/* ==========================================================================
Modal Overlay & Container
========================================================================== */
/* Scroll lock — prevents background scrolling when a modal is open */
body.boxcart-scroll-locked {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
.boxcart-modal-overlay {
position: fixed;
inset: 0;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5));
z-index: 1000001;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: opacity var(--boxcart-frontend-transition-normal), visibility var(--boxcart-frontend-transition-normal);
}
.boxcart-modal-overlay.is-visible {
opacity: 1;
visibility: visible;
touch-action: none;
overscroll-behavior: none;
}
.boxcart-modal {
background: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.2));
width: 100%;
max-width: 520px;
max-height: calc(100vh - 40px);
max-height: calc(100dvh - 40px);
display: flex;
flex-direction: column;
transform: translateY(20px);
transition: transform var(--boxcart-frontend-transition-normal);
overflow: hidden;
}
.boxcart-modal-overlay.is-visible .boxcart-modal {
transform: translateY(0);
}
/* On mobile, keep modals centred so they sit safely between browser chrome
(address bar / toolbar). Header and footer are sticky so the user can
always see the title and reach the buttons. Safe-area insets protect
against notch/home-indicator overlap on iOS and gesture-nav Android. */
@media (max-width: 600px) {
.boxcart-modal-overlay {
align-items: center;
padding: calc(12px + env(safe-area-inset-top, 0px)) 12px calc(12px + env(safe-area-inset-bottom, 0px));
}
.boxcart-modal {
max-height: calc(100vh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.boxcart-modal .boxcart-modal__header {
position: sticky;
top: 0;
z-index: 1;
background: var(--boxcart-frontend-background);
flex-shrink: 0;
}
.boxcart-modal .boxcart-modal__body {
overflow: visible;
flex: none;
}
.boxcart-modal .boxcart-modal__footer {
position: sticky;
bottom: 0;
z-index: 1;
background: var(--boxcart-frontend-background);
flex-shrink: 0;
}
}
.boxcart-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 24px;
border-bottom: 1px solid var(--boxcart-frontend-border);
}
.boxcart-modal__title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-modal__close,
.boxcart-login-modal button.boxcart-modal__close,
.boxcart-slot-modal button.boxcart-modal__close {
width: 32px;
height: 32px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
background-color: transparent;
border: none;
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-text-muted);
cursor: pointer;
outline: none;
text-decoration: none;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-modal__close:hover,
.boxcart-login-modal button.boxcart-modal__close:hover,
.boxcart-login-modal button.boxcart-modal__close:focus,
.boxcart-slot-modal button.boxcart-modal__close:hover,
.boxcart-slot-modal button.boxcart-modal__close:focus {
background: var(--boxcart-frontend-background-alt);
background-color: var(--boxcart-frontend-background-alt);
color: var(--boxcart-frontend-text);
outline: none;
}
.boxcart-modal__close svg {
width: 20px;
height: 20px;
}
.boxcart-modal__body {
padding: 24px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
flex: 1;
min-height: 0; /* Allow flex child to shrink and scroll */
}
.boxcart-modal__footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
padding: 16px 24px;
padding-bottom: max(16px, env(safe-area-inset-bottom, 16px));
border-top: 1px solid var(--boxcart-frontend-border);
background: var(--boxcart-frontend-background-alt);
border-radius: 0 0 var(--boxcart-frontend-radius-lg) var(--boxcart-frontend-radius-lg);
flex-shrink: 0;
}
/* ==========================================================================
Product Info Button & Modal
========================================================================== */
.boxcart-product-info-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
padding: 0;
margin-left: 6px;
background: transparent;
border: none;
border-radius: 50%;
color: var(--boxcart-frontend-text-muted);
cursor: pointer;
vertical-align: middle;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-product-info-btn:hover {
color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary-light);
}
.boxcart-product-info-btn svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}
/* Table view name styling to accommodate inline info button */
.boxcart-table-product__name {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
/* Card view name styling */
.boxcart-product-card__name {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
/* Product Info Modal specific styles */
.boxcart-product-info-modal {
max-width: 480px;
}
.boxcart-product-info-modal__header {
align-items: flex-start;
}
.boxcart-product-info-modal__header-content {
flex: 1;
min-width: 0;
}
.boxcart-product-info-modal__header-content .boxcart-modal__title {
text-align: left;
margin-bottom: 0;
}
.boxcart-product-info-modal__price {
font-size: 18px;
font-weight: 700;
color: var(--boxcart-frontend-primary);
margin-top: 4px;
}
.boxcart-product-info-modal__description {
margin: 0;
font-size: 15px;
line-height: 1.6;
color: var(--boxcart-frontend-text);
white-space: pre-wrap;
}
/* ==========================================================================
Login / Register Modal
========================================================================== */
.boxcart-login-modal {
max-width: 440px;
}
.boxcart-login-modal .boxcart-modal__body {
overflow-y: auto;
}
.boxcart-login-modal__message {
margin: 0 0 20px;
font-size: 14px;
line-height: 1.5;
color: var(--boxcart-frontend-text-muted);
text-align: center;
}
.boxcart-login-modal__alert {
padding: 10px 14px;
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
.boxcart-login-modal__alert--error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
}
.boxcart-login-modal__alert--success {
background: #f0fdf4;
color: #166534;
border: 1px solid #bbf7d0;
}
.boxcart-login-modal__tabs {
display: flex;
gap: 0;
margin-bottom: 20px;
border-bottom: 2px solid var(--boxcart-frontend-border);
}
.boxcart-login-modal button.boxcart-login-modal__tab {
flex: 1;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
background: transparent;
background-color: transparent;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
cursor: pointer;
outline: none;
text-decoration: none;
transition: all var(--boxcart-frontend-transition);
}
.boxcart-login-modal button.boxcart-login-modal__tab:hover,
.boxcart-login-modal button.boxcart-login-modal__tab:focus {
color: var(--boxcart-frontend-text);
background: transparent;
background-color: transparent;
outline: none;
}
.boxcart-login-modal button.boxcart-login-modal__tab--active,
.boxcart-login-modal button.boxcart-login-modal__tab--active:hover,
.boxcart-login-modal button.boxcart-login-modal__tab--active:focus {
color: var(--boxcart-frontend-primary);
border-bottom-color: var(--boxcart-frontend-primary);
background: transparent;
background-color: transparent;
}
.boxcart-login-modal__form-section--hidden {
display: none;
}
.boxcart-login-modal__form .boxcart-form-field {
margin-bottom: 16px;
}
.boxcart-login-modal__form-actions {
margin-top: 20px;
}
/* ==========================================================================
Order View Modal - Fixed position with overlay
========================================================================== */
/* Reset generic .boxcart-modal styles for account modals - these use a different structure */
.boxcart-modal.boxcart-order-modal,
.boxcart-modal.boxcart-reorder-modal,
.boxcart-modal.boxcart-edit-modal,
.boxcart-modal.boxcart-password-modal {
background: transparent;
border-radius: 0;
box-shadow: none;
width: 100%;
max-width: none;
max-height: none;
transform: none;
overflow: visible;
}
.boxcart-order-modal {
position: fixed;
inset: 0;
z-index: 10001;
display: none;
}
.boxcart-order-modal.is-visible {
display: block;
}
.boxcart-order-modal .boxcart-modal__overlay {
position: absolute;
inset: 0;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5));
}
.boxcart-order-modal .boxcart-modal__container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.2));
width: calc(100% - 40px);
max-width: 520px;
max-height: calc(100vh - 40px);
display: flex;
flex-direction: column;
}
.boxcart-order-modal .boxcart-modal__body {
overflow-y: auto;
}
/* Order Modal Loading State */
.boxcart-order-modal__loading {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 40px 20px;
color: var(--boxcart-frontend-text-muted);
}
/* Order Modal Content */
.boxcart-order-modal__meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}
.boxcart-order-modal__date {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-modal__modify-notice {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
background: var(--boxcart-frontend-primary-light);
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-primary);
font-size: 13px;
margin-bottom: 20px;
}
.boxcart-order-modal__modify-notice--expired {
background: #f3f4f6;
color: #9ca3af;
}
.boxcart-order-modal__modify-notice--expired svg {
color: #9ca3af;
}
.boxcart-order-modal__section {
margin-bottom: 20px;
}
.boxcart-order-modal__section:last-child {
margin-bottom: 0;
}
.boxcart-order-modal__section-title {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.boxcart-order-modal__collection {
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
padding: 16px;
}
.boxcart-order-modal__location {
font-weight: 600;
color: var(--boxcart-frontend-text);
margin-bottom: 8px;
}
.boxcart-order-modal__datetime {
font-size: 14px;
color: var(--boxcart-frontend-text-light);
}
.boxcart-order-modal__slot-date,
.boxcart-order-modal__slot-time {
display: flex;
align-items: center;
gap: 8px;
}
.boxcart-order-modal__instructions {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--boxcart-frontend-border);
font-size: 13px;
font-style: italic;
color: var(--boxcart-frontend-text-muted);
}
/* Order Modal Items */
.boxcart-order-modal__items {
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
}
.boxcart-order-modal__item {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-light);
}
.boxcart-order-modal__item:last-child {
border-bottom: none;
}
.boxcart-order-modal__item-details {
display: flex;
align-items: center;
gap: 8px;
}
.boxcart-order-modal__item-name {
flex: 1;
font-weight: 500;
color: var(--boxcart-frontend-text);
min-width: 0;
}
.boxcart-order-modal__item-qty {
color: var(--boxcart-frontend-text-muted);
font-size: 13px;
min-width: 60px;
text-align: right;
flex-shrink: 0;
white-space: nowrap;
}
.boxcart-order-modal__item-price {
font-weight: 600;
color: var(--boxcart-frontend-text);
min-width: 50px;
text-align: right;
flex-shrink: 0;
}
.boxcart-order-modal__footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: 0 0 var(--boxcart-frontend-radius-sm) var(--boxcart-frontend-radius-sm);
border: 1px solid var(--boxcart-frontend-border-light);
border-top: none;
}
.boxcart-order-modal__item-count {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-order-modal__total {
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-order-modal__notes {
margin-top: 20px;
padding: 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 14px;
}
.boxcart-order-modal__notes strong {
display: block;
margin-bottom: 6px;
color: var(--boxcart-frontend-text);
}
.boxcart-order-modal__notes-text {
margin: 0;
color: var(--boxcart-frontend-text-light);
}
/* Order Modal Footer */
.boxcart-order-modal .boxcart-modal__footer {
justify-content: space-between;
}
@media (max-width: 600px) {
.boxcart-order-modal .boxcart-modal__container {
width: 100%;
max-width: 100%;
max-height: 95vh;
top: auto;
bottom: 0;
left: 0;
transform: none;
border-radius: var(--boxcart-frontend-radius-lg) var(--boxcart-frontend-radius-lg) 0 0;
}
}
/* ==========================================================================
Order Modal - Edit Mode Styles
========================================================================== */
/* Footer visibility rules moved to after high-specificity modal footer block (line ~6938) */
/* Edit mode item row */
div.boxcart-order-modal .boxcart-order-modal__edit-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-color, #e5e5e5);
transition: opacity 0.2s ease;
}
div.boxcart-order-modal .boxcart-order-modal__edit-item:last-child {
border-bottom: none;
}
div.boxcart-order-modal .boxcart-order-modal__edit-item-name {
flex: 1;
font-size: 14px;
color: var(--boxcart-frontend-text, #2C3338);
display: flex;
flex-direction: column;
min-width: 0;
}
div.boxcart-order-modal .boxcart-order-modal__edit-item-unit {
font-size: 11px;
color: var(--boxcart-frontend-text-muted, #787C82);
margin-top: 2px;
}
/* Quantity stepper */
div.boxcart-order-modal .boxcart-order-modal__edit-qty {
display: flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
}
div.boxcart-order-modal button.boxcart-order-modal__edit-qty-btn {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
border: 1px solid var(--boxcart-frontend-border-color, #e5e5e5);
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-qty-button-bg, #f3f4f6);
color: var(--boxcart-qty-button-text, #374151);
cursor: pointer;
transition: background-color 0.15s ease;
padding: 0;
line-height: 1;
box-shadow: none;
}
div.boxcart-order-modal button.boxcart-order-modal__edit-qty-btn:hover {
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
color: var(--boxcart-qty-button-text, #374151);
}
div.boxcart-order-modal button.boxcart-order-modal__edit-qty-btn:active,
div.boxcart-order-modal button.boxcart-order-modal__edit-qty-btn:focus {
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
color: var(--boxcart-qty-button-text, #374151);
outline: none;
box-shadow: none;
}
div.boxcart-order-modal .boxcart-order-modal__edit-qty-value {
min-width: 32px;
text-align: center;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text, #2C3338);
}
div.boxcart-order-modal .boxcart-order-modal__edit-qty-unit {
font-size: 13px;
font-weight: 400;
color: var(--boxcart-frontend-text-muted, #6c757d);
white-space: nowrap;
}
/* Edit item price */
div.boxcart-order-modal .boxcart-order-modal__edit-item-price {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text, #2C3338);
min-width: 50px;
text-align: right;
flex-shrink: 0;
}
/* Removed item (quantity 0) */
div.boxcart-order-modal .boxcart-order-modal__edit-item--removed {
opacity: 0.4;
}
div.boxcart-order-modal .boxcart-order-modal__edit-item--removed .boxcart-order-modal__edit-item-name {
text-decoration: line-through;
}
/* Edit slot: place Change button inline with datetime text */
.boxcart-order-modal__datetime.boxcart-order-modal__datetime--editable {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
/* Change Collection Slot button - scoped to plugin */
div.boxcart-order-modal button.boxcart-order-modal__edit-slot-change {
white-space: nowrap !important;
font-size: 13px !important;
padding: 6px 12px !important;
background: var(--boxcart-btn-secondary-bg, #ffffff) !important;
color: var(--boxcart-btn-secondary-text, #2C3338) !important;
border: 1px solid var(--boxcart-frontend-border-color, #e5e5e5) !important;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm)) !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
}
div.boxcart-order-modal button.boxcart-order-modal__edit-slot-change:hover {
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7) !important;
color: var(--boxcart-btn-secondary-text, #2C3338) !important;
}
div.boxcart-order-modal button.boxcart-order-modal__edit-slot-change:focus-visible {
outline: 2px solid var(--boxcart-frontend-primary, #2D7D5F) !important;
outline-offset: 2px !important;
}
/* Inline slot selector within order modal */
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector {
margin-top: 12px;
padding: 12px;
background: var(--boxcart-frontend-background-alt, #f9f9f9);
border: 1px solid var(--boxcart-frontend-border-color, #e5e5e5);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-form-group {
margin-bottom: 12px;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-form-group:last-child {
margin-bottom: 0;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-label {
display: block;
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
color: var(--boxcart-frontend-text, #2C3338);
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-select {
width: 100%;
padding: 8px 36px 8px 12px;
border: 1px solid var(--boxcart-frontend-border-color, #e5e5e5);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
font-size: 14px;
font-family: inherit;
color: var(--boxcart-frontend-text, #2C3338);
background: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23787C82' d='M2.5 4.5L6 8L9.5 4.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
/* Inline slot selector: dates use the boxcart-date-btn card pattern,
times use the boxcart-slot / boxcart-checkout__slot-list pattern.
We scope selectors to the order modal so existing shared styles apply. */
div.boxcart-order-modal .boxcart-order-modal__inline-slot-dates {
display: block;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-times {
display: block;
}
/* Make the dates scroll wrapper fit within the inline selector */
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-checkout__dates-scroll-wrapper {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
/* Ensure date buttons and slot list get proper styles inside the modal */
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn {
background: var(--boxcart-frontend-background) !important;
border: 1px solid var(--boxcart-frontend-border-light) !important;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn:not([disabled]):hover {
border-color: var(--boxcart-frontend-primary) !important;
background: var(--boxcart-frontend-primary-light, #E8F5F0) !important;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn--selected {
background: var(--boxcart-frontend-primary, #2D7D5F) !important;
border-color: var(--boxcart-frontend-primary, #2D7D5F) !important;
color: #fff !important;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn--selected .boxcart-date-btn__day,
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn--selected .boxcart-date-btn__number,
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector button.boxcart-date-btn--selected .boxcart-date-btn__month {
color: #fff !important;
}
/* Slot list inside inline selector */
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-checkout__slot-list {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-selector .boxcart-slot {
width: 100%;
}
div.boxcart-order-modal .boxcart-order-modal__inline-slot-loading {
font-size: 13px;
color: var(--boxcart-frontend-text-muted, #999);
padding: 8px 0;
}
/* Edit notes textarea */
div.boxcart-order-modal textarea.boxcart-order-modal__edit-notes {
width: 100% !important;
padding: 10px 12px !important;
border: 1px solid var(--boxcart-frontend-border-color, #e5e5e5) !important;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm)) !important;
font-size: 14px !important;
font-family: inherit !important;
color: var(--boxcart-frontend-text, #2C3338) !important;
resize: vertical !important;
min-height: 60px !important;
box-sizing: border-box !important;
transition: border-color 0.15s ease !important;
background: #fff !important;
}
div.boxcart-order-modal textarea.boxcart-order-modal__edit-notes:focus {
outline: none !important;
border-color: var(--boxcart-frontend-primary, #2D7D5F) !important;
box-shadow: 0 0 0 2px rgba(45, 125, 95, 0.15) !important;
}
/* Edit mode footer */
div.boxcart-order-modal .boxcart-order-modal__edit-footer {
justify-content: flex-end !important;
gap: 8px !important;
}
/* View mode footer */
div.boxcart-order-modal .boxcart-order-modal__view-footer {
justify-content: space-between;
}
/* ==========================================================================
Slot Selector Modal - Specific Styles
========================================================================== */
.boxcart-slot-modal .boxcart-form-group {
margin-bottom: 20px;
}
.boxcart-slot-modal .boxcart-form-group:last-child {
margin-bottom: 0;
}
/* Reduce spacing above footer in slot modal on mobile */
@media (max-width: 600px) {
.boxcart-slot-modal .boxcart-modal__body {
padding-bottom: 12px;
}
.boxcart-slot-modal .boxcart-modal__footer {
padding-bottom: max(24px, env(safe-area-inset-bottom, 24px));
}
}
.boxcart-slot-modal .boxcart-label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
/* Location Info */
.boxcart-location-info {
margin-top: 12px;
padding: 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
}
.boxcart-location-info__address {
font-size: 13px;
color: var(--boxcart-frontend-text-light);
}
.boxcart-location-info__instructions {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--boxcart-frontend-border);
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
font-style: italic;
}
/* Time Slots Container for Slot Modal */
.boxcart-slots {
display: block;
}
/* Slot list inside modal should span full width */
.boxcart-slots .boxcart-checkout__slot-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.boxcart-slots .boxcart-slot {
width: 100%;
}
/* Loading State */
.boxcart-slot-modal__loading {
padding: 20px;
text-align: center;
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
}
/* ==========================================================================
Slot Bar & Modal Responsive
========================================================================== */
@media (max-width: 600px) {
.boxcart-slot-bar {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
gap: 8px 12px;
padding: 12px 16px;
}
/* Hide icon on mobile */
.boxcart-slot-bar__icon {
display: none;
}
.boxcart-slot-bar__info {
justify-content: flex-start;
text-align: left;
flex: 1;
min-width: 0;
}
.boxcart-slot-bar__text {
white-space: normal;
font-size: 13px;
}
/* Style as text link on mobile - inline with text */
.boxcart-products .boxcart-slot-bar__change,
.boxcart-slot-bar__change {
width: auto;
padding: 0 !important;
background: transparent !important;
border: none;
color: var(--boxcart-frontend-success-accent) !important;
font-size: 13px;
font-weight: var(--boxcart-btn-font-weight, 600);
text-decoration: underline;
flex-shrink: 0;
align-self: flex-start;
order: 1;
}
/* Countdown timer on mobile - below Change button */
.boxcart-slot-bar__countdown {
order: 2;
width: 100%;
text-align: right;
margin-top: -4px;
padding: 0;
font-size: 11px;
background: transparent;
}
.boxcart-products .boxcart-slot-bar__change:hover,
.boxcart-products .boxcart-slot-bar__change:focus,
.boxcart-slot-bar__change:hover,
.boxcart-slot-bar__change:focus {
background: transparent !important;
color: var(--boxcart-frontend-primary-hover, #246850) !important;
text-decoration: underline;
}
/* Empty/warning states - keep appropriate colors */
.boxcart-products .boxcart-slot-bar--empty .boxcart-slot-bar__change,
.boxcart-slot-bar--empty .boxcart-slot-bar__change {
background: transparent !important;
color: var(--boxcart-frontend-warning) !important;
}
.boxcart-products .boxcart-slot-bar--empty .boxcart-slot-bar__change:hover,
.boxcart-slot-bar--empty .boxcart-slot-bar__change:hover {
background: transparent !important;
color: #6b5003 !important;
}
.boxcart-products .boxcart-slot-bar--warning .boxcart-slot-bar__change,
.boxcart-slot-bar--warning .boxcart-slot-bar__change {
background: transparent !important;
color: var(--boxcart-frontend-error) !important;
}
.boxcart-products .boxcart-slot-bar--warning .boxcart-slot-bar__change:hover,
.boxcart-slot-bar--warning .boxcart-slot-bar__change:hover {
background: transparent !important;
color: #a33e3e !important;
}
.boxcart-modal {
max-width: 95%;
max-height: 90vh;
}
.boxcart-slots {
grid-template-columns: repeat(2, 1fr);
}
}
/* ==========================================================================
Reduced Motion
========================================================================== */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* ==========================================================================
Favourites
========================================================================== */
.boxcart-product-card {
position: relative;
}
.boxcart-product-card__favourite {
position: absolute;
top: 8px;
right: 8px;
z-index: 10;
width: 36px;
height: 36px;
padding: 0;
border: none;
border-radius: 50%;
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
color: #999;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
box-shadow: var(--boxcart-favourite-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.boxcart-product-card__favourite:hover {
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
color: var(--boxcart-favourite-colour, #E25555);
transform: scale(1.1);
}
.boxcart-product-card__favourite--active {
color: var(--boxcart-favourite-colour, #E25555);
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
}
.boxcart-product-card__favourite--active .boxcart-product-card__favourite-icon {
fill: currentColor;
}
.boxcart-product-card__favourite-icon {
width: 20px;
height: 20px;
transition: fill 0.2s ease;
}
/* Favourite button — wrapper specificity beats theme button resets */
.boxcart-products .boxcart-product-card__favourite {
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
box-shadow: var(--boxcart-favourite-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.boxcart-products .boxcart-product-card__favourite:hover {
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
}
.boxcart-products .boxcart-product-card__favourite--active {
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
}
/* Favourites pill in category filter */
.boxcart-pill--favourites {
display: inline-flex;
align-items: center;
}
.boxcart-pill__count {
margin-left: 6px;
padding: 2px 6px;
font-size: 11px;
font-weight: 600;
background: rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.boxcart-pill--favourites.boxcart-pill--active .boxcart-pill__count {
background: rgba(255, 255, 255, 0.2);
}
/* ==========================================================================
Reorder Button
========================================================================== */
.boxcart-reorder-btn {
white-space: nowrap;
}
.boxcart-reorder-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
/* ==========================================================================
Order Modification
========================================================================== */
.boxcart-account__order-header {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
.boxcart-account__modify-notice {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
font-size: 13px;
color: #666;
background: #f8f9fa;
border-radius: 6px;
margin-bottom: 8px;
}
.boxcart-account__modify-notice svg {
flex-shrink: 0;
}
.boxcart-modify-order-btn {
white-space: nowrap;
}
.boxcart-account__modify-notice--expired {
color: #9ca3af;
background: #f3f4f6;
}
.boxcart-account__modify-notice--expired svg {
color: #9ca3af;
}
/* Disabled modify button with CSS tooltip. */
.boxcart-order-modal__modify.boxcart-btn--disabled,
.boxcart-modify-order-btn.boxcart-btn--disabled {
opacity: 0.6;
cursor: not-allowed;
position: relative;
}
.boxcart-order-modal__modify[data-tooltip],
.boxcart-modify-order-btn[data-tooltip] {
position: relative;
}
.boxcart-order-modal__modify[data-tooltip]::after,
.boxcart-modify-order-btn[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
padding: 8px 12px;
background: var(--boxcart-frontend-text-dark, #1f2937);
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
text-align: center;
white-space: nowrap;
border-radius: 6px;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease, visibility 0.15s ease;
pointer-events: none;
z-index: 10;
}
.boxcart-order-modal__modify[data-tooltip]:hover::after,
.boxcart-order-modal__modify[data-tooltip]:focus::after,
.boxcart-order-modal__modify[data-tooltip]:active::after,
.boxcart-modify-order-btn[data-tooltip]:hover::after,
.boxcart-modify-order-btn[data-tooltip]:focus::after,
.boxcart-modify-order-btn[data-tooltip]:active::after {
opacity: 1;
visibility: visible;
}
/* ==========================================================================
Login/Register Toggle & Passwordless
========================================================================== */
.boxcart-account--auth {
max-width: 480px;
margin: 0 auto;
}
.boxcart-account__auth-tabs {
display: flex;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 24px;
gap: 0;
}
.boxcart-account__auth-tab {
position: relative;
flex: 1;
padding: 14px 20px;
font-size: 15px;
font-weight: 500;
color: #666;
background: none !important;
border: none !important;
cursor: pointer;
transition: color 0.2s ease;
outline: none;
}
.boxcart-account__auth-tab:hover,
.boxcart-account__auth-tab:focus {
color: var(--boxcart-primary, #4a7c59) !important;
background: none !important;
outline: none;
}
.boxcart-account__auth-tab--active,
.boxcart-account__auth-tab--active:hover,
.boxcart-account__auth-tab--active:focus {
color: var(--boxcart-primary, #4a7c59) !important;
background: none !important;
}
.boxcart-account__auth-tab-indicator {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: var(--boxcart-primary, #4a7c59);
border-radius: 3px 3px 0 0;
transform: scaleX(0);
transition: transform 0.2s ease;
}
.boxcart-account__auth-tab--active .boxcart-account__auth-tab-indicator {
transform: scaleX(1);
}
.boxcart-account__auth-wrapper {
position: relative;
}
.boxcart-account__auth-section {
transition: opacity 0.3s ease;
}
.boxcart-account__auth-section--hidden {
display: none;
}
/* Account Form Styles */
.boxcart-account .boxcart-account__reset-intro,
.boxcart-account__reset-intro {
margin: 0 0 20px 0 !important;
padding: 0;
color: var(--boxcart-frontend-text-light, #50575E);
font-size: 15px;
line-height: 1.5;
}
.boxcart-account__code-sent-message {
margin-bottom: 20px;
padding: 12px 16px;
background: #f0f7f0;
border-radius: 6px;
color: #333;
font-size: 14px;
}
.boxcart-account__reset-email-display {
display: block;
margin-top: 4px;
color: var(--boxcart-primary, #4a7c59);
}
.boxcart-form-field__input--code {
font-size: 24px;
font-family: monospace;
text-align: center;
letter-spacing: 8px;
padding: 16px;
}
.boxcart-link-btn {
padding: 0;
font-size: 14px;
color: var(--boxcart-primary, #4a7c59) !important;
background: none !important;
border: none !important;
cursor: pointer;
text-decoration: none;
outline: none;
font-family: inherit;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.boxcart-link-btn:hover,
.boxcart-link-btn:focus {
color: var(--boxcart-primary-dark, #3d6349) !important;
background: none !important;
text-decoration: underline;
outline: none;
}
.boxcart-account__form-links {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 16px;
text-align: center;
}
/* Button states */
.boxcart-btn--loading {
position: relative;
pointer-events: none;
}
.boxcart-btn--loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
margin: -9px 0 0 -9px;
border: 2px solid transparent;
border-top-color: currentColor;
border-radius: 50%;
animation: boxcart-spin 0.8s linear infinite;
}
@keyframes boxcart-spin {
to { transform: rotate(360deg); }
}
/* Responsive */
@media (max-width: 600px) {
.boxcart-account__order-header {
flex-direction: column;
}
.boxcart-account__order-actions {
width: 100%;
}
.boxcart-account__modify-notice {
width: 100%;
}
.boxcart-modify-order-btn {
width: 100%;
}
.boxcart-form-field__input--code {
letter-spacing: 4px;
}
}
/* ==========================================================================
Toast Notifications
========================================================================== */
.boxcart-toast-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999999;
display: flex;
flex-direction: column;
gap: 8px;
}
.boxcart-toast {
padding: 12px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
animation: boxcart-toast-in 0.3s ease;
max-width: 320px;
}
.boxcart-toast--success {
background: var(--boxcart-toast-success, #28a745);
}
.boxcart-toast--error {
background: var(--boxcart-toast-error, #dc3545);
}
.boxcart-toast--info {
background: var(--boxcart-toast-info, #17a2b8);
}
.boxcart-toast--warning {
background: var(--boxcart-toast-warning, #ffc107);
color: #333;
}
.boxcart-toast--hiding {
animation: boxcart-toast-out 0.3s ease forwards;
}
@keyframes boxcart-toast-in {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes boxcart-toast-out {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(20px);
}
}
@media (max-width: 600px) {
.boxcart-toast-container {
left: 10px;
right: 10px;
bottom: 10px;
}
.boxcart-toast {
max-width: none;
}
}
/* ==========================================================================
Account Dashboard - Favourites Section
========================================================================== */
.boxcart-account__favourites-section {
margin-bottom: 24px;
}
.boxcart-account__favourites-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 12px;
}
.boxcart-account__favourite-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 8px;
background: #f8f9fa;
border-radius: 8px;
transition: background 0.2s ease;
}
.boxcart-account__favourite-item:hover {
background: #f0f0f0;
}
.boxcart-account__favourite-image {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 6px;
margin-bottom: 6px;
}
.boxcart-account__favourite-placeholder {
width: 60px;
height: 60px;
background: #e0e0e0;
border-radius: 6px;
margin-bottom: 6px;
}
.boxcart-account__favourite-name {
font-size: 12px;
font-weight: 500;
color: #333;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.boxcart-account__favourite-item--more {
display: flex;
align-items: center;
justify-content: center;
min-height: 90px;
}
.boxcart-account__favourite-more {
font-size: 14px;
font-weight: 500;
color: var(--boxcart-primary, #4a7c59);
text-decoration: none;
}
.boxcart-account__favourites-hint {
font-size: 13px;
color: #888;
margin: 0;
}
.boxcart-account__empty-favourites {
display: flex;
flex-direction: column;
align-items: center;
padding: 24px;
text-align: center;
background: #f8f9fa;
border-radius: 8px;
color: #888;
}
.boxcart-account__empty-favourites svg {
margin-bottom: 12px;
color: #ccc;
}
.boxcart-account__empty-favourites p {
margin: 0 0 12px;
font-size: 14px;
}
/* Favourites Table - wrapper specificity to override theme styles */
.boxcart-account .boxcart-account__favourites-table-wrapper {
overflow-x: auto;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: transparent;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table thead,
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table thead tr {
background: transparent;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table thead tr th {
text-align: left;
font-size: 12px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8px 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-light);
border-top: none;
border-left: none;
border-right: none;
background: transparent;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table thead tr th:first-child {
padding-left: 0;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table thead tr th:last-child {
padding-right: 0;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table tbody tr td {
padding: 12px;
border-bottom: 1px solid var(--boxcart-frontend-border-light);
border-top: none;
border-left: none;
border-right: none;
font-size: 14px;
color: var(--boxcart-frontend-text);
background: transparent;
vertical-align: middle;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table tbody tr td:first-child {
padding-left: 0;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table tbody tr td:last-child {
padding-right: 0;
}
.boxcart-account .boxcart-account__favourites-table-wrapper table.boxcart-account__favourites-table tbody tr:last-child td {
border-bottom: none;
}
.boxcart-account .boxcart-account__favourites-table-wrapper th.boxcart-account__favourites-th-action {
width: 50px;
}
.boxcart-account__favourites-product {
display: flex;
align-items: center;
gap: 12px;
}
.boxcart-account__favourites-image {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: var(--boxcart-frontend-radius-sm);
}
.boxcart-account__favourites-placeholder {
width: 40px;
height: 40px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
}
.boxcart-account__favourites-name {
font-weight: 500;
}
.boxcart-account .boxcart-account__favourites-table-wrapper td.boxcart-account__favourites-td-price {
white-space: nowrap;
}
.boxcart-account .boxcart-account__favourites-table-wrapper td.boxcart-account__favourites-td-action {
text-align: right;
}
.boxcart-account .boxcart-account__favourites-table-wrapper button.boxcart-account__favourite-remove {
background: none;
border: none;
padding: 6px;
cursor: pointer;
color: var(--boxcart-favourite-colour, #E25555);
transition: opacity 0.15s ease;
}
.boxcart-account .boxcart-account__favourites-table-wrapper button.boxcart-account__favourite-remove:hover {
opacity: 0.7;
}
/* Account Details Grid */
.boxcart-account__details-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.boxcart-account__details-block {
min-width: 0;
}
.boxcart-account__details-block-title {
font-size: 13px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 12px 0;
}
.boxcart-account__address {
font-style: normal;
font-size: 14px;
color: var(--boxcart-frontend-text);
line-height: 1.5;
}
.boxcart-account__address-empty {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin: 0;
}
/* Security Section */
.boxcart-account__security-section {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.boxcart-account__security-section .boxcart-account__section-header {
width: 100%;
}
.boxcart-account__security-text {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin: 0 0 16px 0;
}
/* Logout Section */
.boxcart-account__logout-section {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid var(--boxcart-frontend-border-light);
text-align: center;
}
/* Account action buttons - branded secondary style */
.boxcart-account .boxcart-account__action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius));
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
text-decoration: none;
background: var(--boxcart-btn-secondary-bg, #ffffff);
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text));
border: 1px solid var(--boxcart-frontend-border);
}
.boxcart-account .boxcart-account__action-btn:hover {
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7);
border-color: var(--boxcart-frontend-border-light);
}
/* Logout button - styled like secondary but with warning hover */
.boxcart-account .boxcart-account__logout-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 24px;
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius));
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
text-decoration: none;
background: var(--boxcart-btn-secondary-bg, #ffffff);
color: var(--boxcart-frontend-text-muted);
border: 1px solid var(--boxcart-frontend-border);
}
.boxcart-account .boxcart-account__logout-btn:hover {
color: var(--boxcart-frontend-error);
border-color: var(--boxcart-frontend-error);
background: var(--boxcart-frontend-error-light);
}
/* Reorder Confirmation Modal */
.boxcart-reorder-modal {
position: fixed;
inset: 0;
z-index: 10002;
display: none;
}
.boxcart-reorder-modal.is-visible {
display: block;
}
.boxcart-reorder-modal .boxcart-modal__overlay {
position: absolute;
inset: 0;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5));
}
.boxcart-reorder-modal .boxcart-modal__container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-lg);
box-shadow: var(--boxcart-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.2));
width: calc(100% - 40px);
max-width: 420px;
}
.boxcart-reorder-modal__message {
font-size: 15px;
color: var(--boxcart-frontend-text);
margin: 0;
line-height: 1.5;
}
.boxcart-reorder-modal__footer {
display: flex;
gap: 12px;
justify-content: flex-end;
}
.boxcart-modal__container--small {
max-width: 420px;
}
/* ==========================================================================
Account Modals - High specificity to override themes
========================================================================== */
/* Modal base - fixed fullscreen with high z-index */
div.boxcart-modal.boxcart-order-modal,
div.boxcart-modal.boxcart-reorder-modal,
div.boxcart-modal.boxcart-edit-modal,
div.boxcart-modal.boxcart-password-modal {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 999999 !important;
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.boxcart-modal.boxcart-order-modal.is-visible,
div.boxcart-modal.boxcart-reorder-modal.is-visible,
div.boxcart-modal.boxcart-edit-modal.is-visible,
div.boxcart-modal.boxcart-password-modal.is-visible {
display: block !important;
}
/* Overlay - fullscreen dark backdrop */
div.boxcart-modal.boxcart-order-modal > div.boxcart-modal__overlay,
div.boxcart-modal.boxcart-reorder-modal > div.boxcart-modal__overlay,
div.boxcart-modal.boxcart-edit-modal > div.boxcart-modal__overlay,
div.boxcart-modal.boxcart-password-modal > div.boxcart-modal__overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5)) !important;
z-index: 1 !important;
}
/* Container - centered modal box */
div.boxcart-modal.boxcart-order-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-reorder-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-edit-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-password-modal > div.boxcart-modal__container {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
background: var(--boxcart-frontend-background, #ffffff) !important;
border-radius: var(--boxcart-frontend-radius-lg, 12px) !important;
box-shadow: var(--boxcart-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.3)) !important;
width: calc(100% - 40px) !important;
max-width: 500px !important;
max-height: calc(100vh - 40px) !important;
max-height: calc(100dvh - 40px) !important;
display: flex !important;
flex-direction: column !important;
z-index: 2 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Modal header */
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__header,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__header,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__header,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 20px !important;
border-bottom: 1px solid #e5e5e5 !important;
margin: 0 !important;
}
div.boxcart-modal.boxcart-order-modal h3.boxcart-modal__title,
div.boxcart-modal.boxcart-reorder-modal h3.boxcart-modal__title,
div.boxcart-modal.boxcart-edit-modal h3.boxcart-modal__title,
div.boxcart-modal.boxcart-password-modal h3.boxcart-modal__title {
font-size: 18px !important;
font-weight: 600 !important;
color: #1e1e1e !important;
margin: 0 !important;
padding: 0 !important;
}
div.boxcart-modal.boxcart-order-modal button.boxcart-modal__close,
div.boxcart-modal.boxcart-reorder-modal button.boxcart-modal__close,
div.boxcart-modal.boxcart-edit-modal button.boxcart-modal__close,
div.boxcart-modal.boxcart-password-modal button.boxcart-modal__close {
background: none !important;
border: none !important;
padding: 4px !important;
cursor: pointer !important;
color: var(--boxcart-frontend-text-muted, #787c82) !important;
line-height: 1 !important;
}
div.boxcart-modal.boxcart-order-modal button.boxcart-modal__close:hover,
div.boxcart-modal.boxcart-reorder-modal button.boxcart-modal__close:hover,
div.boxcart-modal.boxcart-edit-modal button.boxcart-modal__close:hover,
div.boxcart-modal.boxcart-password-modal button.boxcart-modal__close:hover {
color: #1e1e1e !important;
}
/* Modal body */
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__body,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__body,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__body,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__body {
padding: 20px !important;
overflow-y: auto !important;
flex: 1 !important;
}
/* Modal footer */
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer {
display: flex !important;
justify-content: flex-end !important;
gap: 12px !important;
padding: 16px 20px !important;
border-top: 1px solid #e5e5e5 !important;
background: #f9f9f9 !important;
border-radius: 0 0 12px 12px !important;
}
/* Order modal footer visibility: edit footer hidden by default, shown when editing.
These rules MUST come after the generic modal footer display:flex rule above. */
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer.boxcart-order-modal__edit-footer {
display: none !important;
}
div.boxcart-modal.boxcart-order-modal.boxcart-order-modal--editing div.boxcart-modal__footer.boxcart-order-modal__edit-footer {
display: flex !important;
}
div.boxcart-modal.boxcart-order-modal.boxcart-order-modal--editing div.boxcart-modal__footer.boxcart-order-modal__view-footer {
display: none !important;
}
/* Modal footer buttons */
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer button.boxcart-btn,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer button.boxcart-btn,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer button.boxcart-btn,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer button.boxcart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 20px !important;
font-size: 14px !important;
font-weight: var(--boxcart-btn-font-weight, 600) !important;
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm)) !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
text-decoration: none !important;
}
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer button.boxcart-btn--secondary,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer button.boxcart-btn--secondary,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer button.boxcart-btn--secondary,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer button.boxcart-btn--secondary {
background: var(--boxcart-btn-secondary-bg, #ffffff) !important;
color: var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text, #2c3338)) !important;
border: var(--boxcart-btn-secondary-border, 1px solid #dcdcde) !important;
}
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer button.boxcart-btn--secondary:hover,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer button.boxcart-btn--secondary:hover,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer button.boxcart-btn--secondary:hover,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer button.boxcart-btn--secondary:hover {
background: var(--boxcart-btn-secondary-bg-hover, #f6f7f7) !important;
color: var(--boxcart-btn-secondary-hover-text, var(--boxcart-btn-secondary-text, var(--boxcart-frontend-text))) !important;
border: var(--boxcart-btn-secondary-hover-border, 1px solid #c3c4c7) !important;
}
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer button.boxcart-btn--primary,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer button.boxcart-btn--primary,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer button.boxcart-btn--primary,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer button.boxcart-btn--primary {
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary, #2D7D5F)) !important;
color: var(--boxcart-btn-primary-text, #ffffff) !important;
border: var(--boxcart-btn-primary-border, none) !important;
}
div.boxcart-modal.boxcart-order-modal div.boxcart-modal__footer button.boxcart-btn--primary:hover,
div.boxcart-modal.boxcart-reorder-modal div.boxcart-modal__footer button.boxcart-btn--primary:hover,
div.boxcart-modal.boxcart-edit-modal div.boxcart-modal__footer button.boxcart-btn--primary:hover,
div.boxcart-modal.boxcart-password-modal div.boxcart-modal__footer button.boxcart-btn--primary:hover {
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover, #246850)) !important;
color: var(--boxcart-btn-primary-hover-text, var(--boxcart-btn-primary-text, #ffffff)) !important;
border: var(--boxcart-btn-primary-hover-border, var(--boxcart-btn-primary-border, none)) !important;
}
/* Hidden button utility (overrides inline-flex !important on modal buttons). */
div.boxcart-modal div.boxcart-modal__footer button.boxcart-btn.boxcart-btn--hidden {
display: none !important;
}
/* Modal Form Styles */
div.boxcart-modal form.boxcart-modal-form {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
div.boxcart-modal div.boxcart-modal-form__row {
display: flex !important;
gap: 12px !important;
}
div.boxcart-modal div.boxcart-modal-form__row > div.boxcart-modal-form__field {
flex: 1 !important;
}
div.boxcart-modal div.boxcart-modal-form__field {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
div.boxcart-modal label.boxcart-modal-form__label {
font-size: 13px !important;
font-weight: 500 !important;
color: var(--boxcart-frontend-text, #2c3338) !important;
margin: 0 !important;
}
div.boxcart-modal input.boxcart-modal-form__input {
padding: 10px 12px !important;
font-size: 14px !important;
border: 1px solid #dcdcde !important;
border-radius: 6px !important;
background: #ffffff !important;
color: var(--boxcart-frontend-text, #2c3338) !important;
transition: border-color 0.15s ease !important;
width: 100% !important;
box-sizing: border-box !important;
font-family: inherit !important;
}
div.boxcart-modal input.boxcart-modal-form__input:focus {
outline: none !important;
border-color: var(--boxcart-frontend-primary, #2D7D5F) !important;
box-shadow: 0 0 0 1px var(--boxcart-frontend-primary, #2D7D5F) !important;
}
div.boxcart-modal div.boxcart-modal-form__section {
padding-top: 16px !important;
border-top: 1px solid #e5e5e5 !important;
margin-top: 4px !important;
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
div.boxcart-modal h4.boxcart-modal-form__section-title {
font-size: 13px !important;
font-weight: 600 !important;
color: var(--boxcart-frontend-text-muted, #787c82) !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
margin: 0 !important;
padding: 0 !important;
}
div.boxcart-modal p.boxcart-modal-form__hint {
font-size: 12px !important;
color: var(--boxcart-frontend-text-muted, #787c82) !important;
margin: 4px 0 0 0 !important;
}
/* Responsive */
@media (max-width: 768px) {
.boxcart-account__details-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.boxcart-account__favourites-th-price,
.boxcart-account__favourites-td-price {
display: none;
}
}
@media (max-width: 480px) {
.boxcart-account__favourites-grid {
grid-template-columns: repeat(2, 1fr);
}
.boxcart-reorder-modal__footer {
flex-direction: column;
}
.boxcart-reorder-modal__footer .boxcart-btn {
width: 100%;
}
div.boxcart-modal div.boxcart-modal-form__row {
flex-direction: column !important;
}
div.boxcart-modal.boxcart-order-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-reorder-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-edit-modal > div.boxcart-modal__container,
div.boxcart-modal.boxcart-password-modal > div.boxcart-modal__container {
width: 100% !important;
max-width: 100% !important;
max-height: 90vh !important;
max-height: 90dvh !important;
top: auto !important;
bottom: 0 !important;
transform: translateX(-50%) !important;
border-radius: 12px 12px 0 0 !important;
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}
}
/* ==========================================================================
Link Button (styled like a link but is a button) - Additional overrides
========================================================================== */
/* Additional theme isolation for link buttons */
.boxcart-account .boxcart-link-btn,
.boxcart-checkout .boxcart-link-btn,
.boxcart-products .boxcart-link-btn {
background: none !important;
border: none !important;
padding: 0;
font: inherit;
color: var(--boxcart-primary, #4a7c59) !important;
cursor: pointer;
text-decoration: none;
outline: none;
box-shadow: none !important;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.boxcart-account .boxcart-link-btn:hover,
.boxcart-account .boxcart-link-btn:focus,
.boxcart-account .boxcart-link-btn:active,
.boxcart-checkout .boxcart-link-btn:hover,
.boxcart-checkout .boxcart-link-btn:focus,
.boxcart-checkout .boxcart-link-btn:active,
.boxcart-products .boxcart-link-btn:hover,
.boxcart-products .boxcart-link-btn:focus,
.boxcart-products .boxcart-link-btn:active {
color: var(--boxcart-primary-dark, #3d6349) !important;
background: none !important;
text-decoration: underline;
outline: none;
box-shadow: none !important;
}
/* ==========================================================================
Password Reset Form
========================================================================== */
.boxcart-account__reset-form {
max-width: 480px;
margin: 0 auto;
}
.boxcart-account__reset-title {
font-size: 22px;
font-weight: 600;
margin: 0 0 24px;
color: var(--boxcart-frontend-text-dark, #1E1E1E);
text-align: center;
}
.boxcart-account__reset-email-display {
display: block;
margin-top: 4px;
color: var(--boxcart-primary, #4a7c59);
}
/* ==========================================================================
Product Card - Custom Quantity Types
========================================================================== */
/* Price with unit label */
.boxcart-product-card__price--per-unit {
display: flex;
align-items: baseline;
gap: 4px;
flex-wrap: wrap;
}
.boxcart-product-card__price-amount {
font-weight: 600;
font-size: 18px;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-product-card__price-unit {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
font-weight: 400;
}
/* Basket items section on product card - overlay on image */
.boxcart-product-card__basket-items {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--boxcart-card-overlay-bg, rgba(0, 0, 0, 0.8));
padding: 8px 12px;
margin: 0;
border-radius: 0;
z-index: 5;
}
.boxcart-product-card__basket-label {
font-size: 11px;
font-weight: 500;
color: var(--boxcart-card-overlay-text, #ffffff);
opacity: 0.8;
margin-bottom: 4px;
display: block;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.boxcart-product-card__basket-list {
display: flex;
flex-direction: column;
gap: 2px;
}
.boxcart-product-card__basket-item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
color: var(--boxcart-card-overlay-text, #ffffff);
}
.boxcart-product-card__basket-qty {
font-weight: 600;
color: var(--boxcart-card-overlay-text, #ffffff);
}
.boxcart-product-card__basket-subtotal {
color: var(--boxcart-card-overlay-text, #ffffff);
opacity: 0.9;
font-weight: 500;
}
/* Empty basket state for card view */
.boxcart-product-card__basket-items:not(.boxcart-product-card__basket-items--has-items) {
background: var(--boxcart-card-overlay-bg, rgba(0, 0, 0, 0.5));
opacity: 0.6;
}
.boxcart-product-card__basket-items:not(.boxcart-product-card__basket-items--has-items) .boxcart-product-card__basket-label {
color: var(--boxcart-card-overlay-text, #ffffff);
opacity: 0.5;
}
.boxcart-product-card__basket-item--empty .boxcart-product-card__basket-qty,
.boxcart-product-card__basket-item--empty .boxcart-product-card__basket-subtotal {
color: var(--boxcart-card-overlay-text, #ffffff);
opacity: 0.5;
}
.boxcart-product-card__add-more {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 8px;
padding: 0;
background: none;
border: none;
color: var(--boxcart-frontend-primary);
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: color var(--boxcart-frontend-transition);
}
.boxcart-product-card__add-more:hover {
color: var(--boxcart-frontend-primary-hover);
}
/* Quantity Tabs Scroll Container - wrapper for fade indicators on product cards */
.boxcart-qty-tabs-container {
position: relative;
margin-bottom: 12px;
}
/* Fade indicators for scrollable qty tabs */
.boxcart-qty-tabs-container::before,
.boxcart-qty-tabs-container::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 24px;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease;
z-index: 1;
}
.boxcart-qty-tabs-container::before {
left: 0;
background: linear-gradient(to right, var(--boxcart-frontend-background) 0%, transparent 100%);
}
.boxcart-qty-tabs-container::after {
right: 0;
background: linear-gradient(to left, var(--boxcart-frontend-background) 0%, transparent 100%);
}
/* Show fades based on scroll position - controlled via JS data attributes */
.boxcart-qty-tabs-container[data-scroll-left="true"]::before {
opacity: 1;
}
.boxcart-qty-tabs-container[data-scroll-right="true"]::after {
opacity: 1;
}
/* Quantity type tabs - matches table view unit button style */
/* Scrollable on all screen sizes to handle many unit options */
.boxcart-qty-tabs {
display: flex;
gap: 4px;
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-behavior: smooth;
/* Drag-to-scroll cursor for desktop */
cursor: grab;
user-select: none;
}
.boxcart-qty-tabs.is-dragging {
cursor: grabbing;
scroll-behavior: auto;
}
.boxcart-qty-tabs::-webkit-scrollbar {
display: none;
}
.boxcart-qty-tabs .boxcart-qty-tab {
flex-shrink: 0;
/* Inherit grab cursor from parent for consistent UX */
cursor: inherit;
}
/* Show grabbing cursor when dragging */
.boxcart-qty-tabs.is-dragging .boxcart-qty-tab {
cursor: grabbing;
}
/* Qty tab - wrapper specificity to override theme styles */
.boxcart-products .boxcart-product-card button.boxcart-qty-tab {
padding: 4px 12px;
border: 1px solid var(--boxcart-qty-tab-border, var(--boxcart-frontend-border));
background: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
background-color: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
border-radius: var(--boxcart-qty-tab-radius, var(--boxcart-frontend-radius-sm));
font-size: 11px;
font-weight: 600;
color: var(--boxcart-qty-tab-inactive-text, var(--boxcart-frontend-text-muted));
cursor: grab; /* Show grab cursor on buttons */
text-align: center;
transition: all var(--boxcart-frontend-transition);
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
box-shadow: none;
}
.boxcart-products .boxcart-product-card button.boxcart-qty-tab:focus,
.boxcart-products .boxcart-product-card button.boxcart-qty-tab:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-products .boxcart-product-card button.boxcart-qty-tab:focus:not(:focus-visible) {
outline: none;
}
.boxcart-products .boxcart-product-card button.boxcart-qty-tab:hover:not(:disabled) {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-tab-hover-text, var(--boxcart-frontend-primary));
background: var(--boxcart-qty-tab-hover-bg, var(--boxcart-frontend-background));
background-color: var(--boxcart-qty-tab-hover-bg, var(--boxcart-frontend-background));
}
.boxcart-products .boxcart-product-card button.boxcart-qty-tab:active {
background: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
background-color: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
font-family: inherit;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--boxcart-qty-tab-inactive-text, var(--boxcart-frontend-text-muted));
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
outline: none;
}
.boxcart-products .boxcart-product-card button.boxcart-qty-tab.boxcart-qty-tab--active,
.boxcart-products .boxcart-product-card button.boxcart-qty-tab.boxcart-qty-tab--active:hover,
.boxcart-products .boxcart-product-card button.boxcart-qty-tab.boxcart-qty-tab--active:focus,
.boxcart-products .boxcart-product-card button.boxcart-qty-tab.boxcart-qty-tab--active:active {
background: var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary));
background-color: var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary));
border-color: var(--boxcart-qty-tab-active-border, var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary)));
color: var(--boxcart-qty-tab-active-text, #ffffff);
box-shadow: none;
}
/* Single quantity type - keep left aligned (same as multiple) */
.boxcart-qty-tabs--single {
justify-content: flex-start;
}
.boxcart-products .boxcart-product-card .boxcart-qty-tabs--single button.boxcart-qty-tab {
cursor: default;
}
/* Quantity type panels */
.boxcart-qty-panels {
position: relative;
}
.boxcart-qty-panel {
display: none;
opacity: 0;
transition: opacity 0.15s ease-in-out;
}
.boxcart-qty-panel--active {
display: block;
opacity: 1;
}
/* Transition animation when switching tabs */
.boxcart-qty-panel--fading-out {
display: block;
opacity: 0;
}
.boxcart-qty-panel--fading-in {
display: block;
opacity: 1;
}
/* Step selector for decimal quantities - matches table view style */
.boxcart-step-selector {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
margin-bottom: 10px;
}
.boxcart-step-selector__btn {
width: 36px;
height: 36px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--boxcart-qty-button-bg, #f3f4f6);
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
font-size: 18px;
font-weight: 500;
color: var(--boxcart-qty-button-text, #374151);
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
line-height: 1;
/* Prevent browser default styling */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
.boxcart-step-selector__btn--minus {
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-step-selector__btn--plus {
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-step-selector__btn:hover:not(:disabled) {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-button-text, #374151);
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
}
.boxcart-step-selector__btn:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-step-selector__btn:focus:not(:focus-visible) {
outline: none;
border-color: var(--boxcart-frontend-border-light);
box-shadow: none;
}
.boxcart-step-selector__btn:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
/* Step selector focus - wrapper specificity */
.boxcart-products .boxcart-step-selector button.boxcart-step-selector__btn:focus,
.boxcart-sidecart .boxcart-step-selector button.boxcart-step-selector__btn:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
}
.boxcart-products .boxcart-step-selector button.boxcart-step-selector__btn:focus:not(:focus-visible),
.boxcart-sidecart .boxcart-step-selector button.boxcart-step-selector__btn:focus:not(:focus-visible) {
outline: none;
}
.boxcart-products .boxcart-step-selector button.boxcart-step-selector__btn:focus-visible,
.boxcart-sidecart .boxcart-step-selector button.boxcart-step-selector__btn:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
}
.boxcart-step-selector__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: var(--boxcart-frontend-text-muted);
background: var(--boxcart-frontend-background);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
}
.boxcart-step-selector__center {
flex: 1;
min-width: 60px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0 8px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
}
.boxcart-step-selector__value {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-qty-value-text, var(--boxcart-frontend-text));
text-align: center;
}
input.boxcart-step-selector__value {
border: none;
background: transparent;
padding: 0;
width: auto;
min-width: 20px;
max-width: 60px;
flex: 0 1 auto;
outline: none;
box-shadow: none;
-moz-appearance: textfield;
-webkit-appearance: none;
appearance: none;
}
.boxcart-step-selector__unit {
font-size: 12px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
text-transform: capitalize;
}
.boxcart-step-selector__input {
width: 60px;
min-width: 60px;
max-width: 60px;
height: 36px;
padding: 0 8px;
border: 1px solid var(--boxcart-frontend-border-light);
border-radius: var(--boxcart-frontend-radius-sm);
background: var(--boxcart-frontend-background);
text-align: center;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-step-selector__input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
/* Calculated price display */
.boxcart-calculated-price {
font-size: 14px;
color: var(--boxcart-frontend-text-muted);
margin-bottom: 10px;
text-align: center;
}
.boxcart-calculated-price__amount {
font-weight: 600;
color: var(--boxcart-frontend-text);
}
/* Quantity selector form wrapper */
.boxcart-qty-selector {
padding-top: 8px;
}
.boxcart-qty-selector__price-row {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 10px;
}
.boxcart-qty-selector__unit-price {
font-size: 13px;
color: var(--boxcart-qty-price-accent, var(--boxcart-frontend-primary));
}
/* Standard quantity selector (whole numbers) - matches table view style */
.boxcart-standard-selector {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
margin-bottom: 10px;
}
.boxcart-standard-selector__btn {
width: 36px;
height: 36px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--boxcart-qty-button-bg, #f3f4f6);
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
font-size: 18px;
font-weight: 500;
color: var(--boxcart-qty-button-text, #374151);
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
line-height: 1;
/* Prevent browser default styling */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
.boxcart-standard-selector__btn--minus {
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-standard-selector__btn--plus {
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-standard-selector__btn:hover:not(:disabled) {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-button-text, #374151);
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
}
.boxcart-standard-selector__btn:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
.boxcart-standard-selector__btn:focus:not(:focus-visible) {
outline: none;
border-color: var(--boxcart-frontend-border-light);
box-shadow: none;
}
.boxcart-standard-selector__btn:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
/* Standard selector focus - wrapper specificity */
.boxcart-products .boxcart-standard-selector button.boxcart-standard-selector__btn:focus,
.boxcart-sidecart .boxcart-standard-selector button.boxcart-standard-selector__btn:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
}
.boxcart-products .boxcart-standard-selector button.boxcart-standard-selector__btn:focus:not(:focus-visible),
.boxcart-sidecart .boxcart-standard-selector button.boxcart-standard-selector__btn:focus:not(:focus-visible) {
outline: none;
}
.boxcart-products .boxcart-standard-selector button.boxcart-standard-selector__btn:focus-visible,
.boxcart-sidecart .boxcart-standard-selector button.boxcart-standard-selector__btn:focus-visible {
outline: none;
border-color: var(--boxcart-frontend-primary);
}
.boxcart-standard-selector__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: var(--boxcart-frontend-text-muted);
background: var(--boxcart-frontend-background);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
}
.boxcart-standard-selector__center {
flex: 1;
min-width: 60px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0 8px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
}
.boxcart-standard-selector__value {
font-size: 14px;
font-weight: 600;
color: var(--boxcart-qty-value-text, var(--boxcart-frontend-text));
text-align: center;
}
input.boxcart-standard-selector__value {
border: none;
background: transparent;
padding: 0;
width: auto;
min-width: 20px;
max-width: 60px;
flex: 0 1 auto;
outline: none;
box-shadow: none;
-moz-appearance: textfield;
-webkit-appearance: none;
appearance: none;
}
.boxcart-standard-selector__unit {
font-size: 12px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
text-transform: capitalize;
}
/* Add to basket button within quantity selector */
.boxcart-qty-selector__add-btn {
width: 100%;
padding: 10px 16px;
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
border: var(--boxcart-btn-primary-border, none);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
color: var(--boxcart-btn-primary-text, #fff);
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: pointer;
transition: background var(--boxcart-frontend-transition), border-color var(--boxcart-frontend-transition), color var(--boxcart-frontend-transition);
}
.boxcart-qty-selector__add-btn:hover {
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
color: var(--boxcart-btn-primary-hover-text, var(--boxcart-btn-primary-text, #fff));
border: var(--boxcart-btn-primary-hover-border, var(--boxcart-btn-primary-border, none));
}
.boxcart-qty-selector__add-btn:disabled {
background: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
color: var(--boxcart-btn-disabled-text, #999);
border: var(--boxcart-btn-disabled-border, none);
cursor: not-allowed;
}
/* Loading state for add button */
.boxcart-qty-selector__add-btn--loading {
position: relative;
color: transparent;
}
.boxcart-qty-selector__add-btn--loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: #fff;
border-radius: 50%;
animation: boxcart-spin 0.6s linear infinite;
}
@keyframes boxcart-spin {
to {
transform: rotate(360deg);
}
}
/* Generic add button (for quantity types) - always visible, uses button colour settings */
.boxcart-add-btn,
.boxcart-add-to-basket-qty {
width: 100%;
padding: 10px 16px;
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
border: var(--boxcart-btn-primary-border, none);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
color: var(--boxcart-btn-primary-text, #fff);
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: pointer;
transition: background var(--boxcart-frontend-transition), border-color var(--boxcart-frontend-transition), color var(--boxcart-frontend-transition);
margin-top: 8px;
/* Ensure button is always visible */
opacity: 1;
visibility: visible;
}
.boxcart-add-btn:hover,
.boxcart-add-to-basket-qty:hover {
background-color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
color: var(--boxcart-btn-primary-hover-text, var(--boxcart-btn-primary-text, #fff));
border: var(--boxcart-btn-primary-hover-border, var(--boxcart-btn-primary-border, none));
}
.boxcart-add-btn:disabled,
.boxcart-add-to-basket-qty:disabled {
background-color: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
background: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
color: var(--boxcart-btn-disabled-text, #999);
border: var(--boxcart-btn-disabled-border, none);
cursor: not-allowed;
opacity: 0.6;
}
/* Add button - wrapper specificity to ensure visibility and override theme styles */
.boxcart-products .boxcart-product-card button.boxcart-add-btn,
.boxcart-products .boxcart-product-card button.boxcart-add-to-basket-qty {
width: 100%;
padding: 10px 16px;
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
border: var(--boxcart-btn-primary-border, none);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-sm));
color: var(--boxcart-btn-primary-text, #fff);
font-size: 14px;
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: pointer;
opacity: 1;
visibility: visible;
display: block;
}
.boxcart-products .boxcart-product-card button.boxcart-add-btn:hover,
.boxcart-products .boxcart-product-card button.boxcart-add-to-basket-qty:hover {
background-color: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover));
color: var(--boxcart-btn-primary-hover-text, var(--boxcart-btn-primary-text, #fff));
border: var(--boxcart-btn-primary-hover-border, var(--boxcart-btn-primary-border, none));
}
.boxcart-products .boxcart-product-card button.boxcart-add-btn:disabled,
.boxcart-products .boxcart-product-card button.boxcart-add-to-basket-qty:disabled {
background-color: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
background: var(--boxcart-btn-disabled-bg, var(--boxcart-frontend-border));
color: var(--boxcart-btn-disabled-text, #999);
border: var(--boxcart-btn-disabled-border, none);
cursor: not-allowed;
}
/* In-basket state - button shows "Update Basket" after item has been added */
.boxcart-add-btn--in-basket,
.boxcart-add-to-basket-qty.boxcart-add-btn--in-basket {
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, #fff);
border: var(--boxcart-btn-primary-border, none);
}
.boxcart-products .boxcart-product-card button.boxcart-add-btn--in-basket,
.boxcart-products .boxcart-product-card button.boxcart-add-to-basket-qty.boxcart-add-btn--in-basket {
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, #fff);
border: var(--boxcart-btn-primary-border, none);
}
/* Table in-basket state */
.boxcart-table-add-btn--in-basket,
.boxcart-product-table-wrapper .boxcart-table-add-btn--in-basket,
.boxcart-stacked-list .boxcart-table-add-btn--in-basket {
background-color: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, #fff);
border: var(--boxcart-btn-primary-border, none);
}
/* Slot required message - shown below slot bar when user tries to add without selecting */
.boxcart-slot-required-message {
display: flex;
align-items: center;
gap: 10px;
margin-top: 12px;
margin-bottom: 20px;
padding: 12px 16px;
background: color-mix(in srgb, var(--boxcart-frontend-primary) 10%, white);
border: 1px solid var(--boxcart-frontend-primary);
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-text);
font-size: 14px;
font-weight: 500;
animation: boxcart-message-appear 0.3s ease-out;
}
.boxcart-slot-required-message svg {
flex-shrink: 0;
color: var(--boxcart-frontend-primary);
}
@keyframes boxcart-message-appear {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.boxcart-slot-required-message--hiding {
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
/* Add another button */
.boxcart-add-another {
width: 100%;
padding: 8px 12px;
background: transparent;
border: 1px dashed var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-sm);
color: var(--boxcart-frontend-primary);
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: all var(--boxcart-frontend-transition);
margin-top: 8px;
}
.boxcart-add-another:hover {
border-color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-primary-light);
}
/* Add more section divider */
.boxcart-divider {
height: 1px;
background: var(--boxcart-frontend-border);
margin: 12px 0;
}
/* Add more section */
.boxcart-add-more-section {
margin-top: 12px;
}
/* Product card expand/collapse for quantity options */
.boxcart-product-card__qty-toggle {
display: none;
}
.boxcart-product-card--has-qty-types .boxcart-product-card__qty-options {
display: none;
}
.boxcart-product-card--has-qty-types.boxcart-product-card--expanded .boxcart-product-card__qty-options {
display: block;
}
/* Sidecart item with quantity type */
.boxcart-sidecart__item-qty-label {
font-size: 12px;
color: var(--boxcart-frontend-text-muted);
margin-left: 4px;
}
/* Basket view item with quantity type */
.boxcart-basket-item__qty-display {
display: flex;
align-items: baseline;
gap: 4px;
}
.boxcart-basket-item__qty-value {
font-weight: 600;
}
.boxcart-basket-item__qty-unit {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
/* Basket page quantity type display */
.boxcart-basket__qty-display {
display: flex;
align-items: baseline;
gap: 4px;
padding: 8px 12px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
}
.boxcart-basket__qty-value {
font-size: 15px;
font-weight: 600;
color: var(--boxcart-frontend-text-dark);
}
.boxcart-basket__qty-unit {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
/* Sidecart quantity type display */
.boxcart-sidecart__quantity-display {
display: inline-flex;
align-items: baseline;
gap: 4px;
padding: 4px 8px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 13px;
color: var(--boxcart-frontend-text);
}
/* ==========================================================================
Theme Override — Quantity button background, color, border
Some themes (e.g. Elementor / Hello) reset `background-color: transparent`
and `color` on elements. These wrapper-specificity rules ensure
BoxCart quantity controls always reflect the admin colour settings.
========================================================================== */
.boxcart-products button.boxcart-quantity__btn,
.boxcart-products button.boxcart-quantity-btn,
.boxcart-products button.boxcart-step-selector__btn,
.boxcart-products button.boxcart-standard-selector__btn,
.boxcart-basket button.boxcart-quantity__btn,
.boxcart-basket button.boxcart-quantity-btn {
background-color: var(--boxcart-qty-button-bg, #f3f4f6);
color: var(--boxcart-qty-button-text, #374151);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-products button.boxcart-quantity__btn:hover:not(:disabled),
.boxcart-products button.boxcart-quantity-btn:hover:not(:disabled),
.boxcart-products button.boxcart-step-selector__btn:hover:not(:disabled),
.boxcart-products button.boxcart-standard-selector__btn:hover:not(:disabled),
.boxcart-basket button.boxcart-quantity__btn:hover:not(:disabled),
.boxcart-basket button.boxcart-quantity-btn:hover:not(:disabled) {
background-color: var(--boxcart-qty-button-hover-bg, #e5e7eb);
color: var(--boxcart-qty-button-text, #374151);
}
/* Disabled quantity buttons — wrapper specificity to beat theme resets */
.boxcart-products button.boxcart-quantity__btn:disabled,
.boxcart-products button.boxcart-quantity-btn:disabled,
.boxcart-products button.boxcart-step-selector__btn:disabled,
.boxcart-products button.boxcart-standard-selector__btn:disabled,
.boxcart-basket button.boxcart-quantity__btn:disabled,
.boxcart-basket button.boxcart-quantity-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: var(--boxcart-frontend-text-muted, #999);
background-color: var(--boxcart-frontend-background, #fff);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
}
/* Table / stacked view quantity buttons */
.boxcart-product-table-wrapper button.boxcart-table-qty__btn,
.boxcart-stacked-list button.boxcart-table-qty__btn {
background-color: var(--boxcart-qty-button-bg, #f3f4f6);
color: var(--boxcart-qty-button-text, #374151);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
}
.boxcart-product-table-wrapper button.boxcart-table-qty__btn:hover:not(:disabled),
.boxcart-stacked-list button.boxcart-table-qty__btn:hover:not(:disabled) {
background-color: var(--boxcart-qty-button-hover-bg, #e5e7eb);
color: var(--boxcart-qty-button-text, #374151);
}
.boxcart-product-table-wrapper button.boxcart-table-qty__btn:disabled,
.boxcart-stacked-list button.boxcart-table-qty__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: var(--boxcart-frontend-text-muted, #999);
background-color: var(--boxcart-frontend-background, #fff);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
}
/* Mobile adjustments */
@media (max-width: 480px) {
.boxcart-qty-tabs {
padding: 3px;
}
.boxcart-qty-tab {
padding: 6px 8px;
font-size: 11px;
}
.boxcart-step-selector__btn,
.boxcart-standard-selector__btn {
width: 32px;
height: 32px;
font-size: 16px;
}
.boxcart-step-selector__value,
.boxcart-standard-selector__value {
font-size: 14px;
}
.boxcart-step-selector__center,
.boxcart-standard-selector__center {
height: 32px;
}
.boxcart-product-card__basket-items {
padding: 8px 10px;
}
}
/* ============================================
Table View Styles
============================================ */
/* View Toggle - using wrapper for specificity */
.boxcart-products .boxcart-view-toggle {
display: flex;
gap: 4px;
background: var(--boxcart-frontend-background-alt);
border-radius: var(--boxcart-frontend-radius-md);
padding: 4px;
margin-left: auto;
}
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 45px;
border: none;
background: transparent;
background-color: transparent;
border-radius: var(--boxcart-frontend-radius-sm);
cursor: pointer;
color: var(--boxcart-frontend-text-muted);
transition: all var(--boxcart-frontend-transition);
outline: none;
box-shadow: none;
}
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn:hover,
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn:focus,
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn:focus-visible,
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn:active {
background: var(--boxcart-frontend-background);
background-color: var(--boxcart-frontend-background);
color: var(--boxcart-frontend-text);
box-shadow: var(--boxcart-frontend-shadow-sm);
border: none;
outline: none;
outline-width: 0;
outline-offset: 0;
}
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn.boxcart-view-toggle__btn--active,
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn.boxcart-view-toggle__btn--active:focus,
.boxcart-products .boxcart-view-toggle button.boxcart-view-toggle__btn.boxcart-view-toggle__btn--active:focus-visible {
background: var(--boxcart-frontend-background);
background-color: var(--boxcart-frontend-background);
color: var(--boxcart-frontend-text);
box-shadow: var(--boxcart-frontend-shadow-sm);
outline: none;
outline-width: 0;
outline-offset: 0;
}
.boxcart-view-toggle__btn svg {
width: 24px;
height: 24px;
}
/* Product Table Wrapper */
.boxcart-product-table-wrapper {
margin-top: var(--boxcart-frontend-spacing-lg);
border-radius: var(--boxcart-frontend-radius-xl);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 0;
margin-bottom: 0;
}
/* Product Table - using wrapper for high specificity */
.boxcart-product-table-wrapper table.boxcart-product-table {
width: 100%;
min-width: 600px; /* Prevent squishing on small screens - allows horizontal scroll */
table-layout: fixed; /* Prevent column width shifts based on content */
border-collapse: collapse;
background: var(--boxcart-frontend-background);
background-color: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-xl);
/* Note: overflow removed to allow wrapper's overflow-x:auto to enable horizontal scrolling */
box-shadow: var(--boxcart-frontend-shadow-sm);
margin-bottom: 0;
padding-bottom: 0;
}
/* Ensure no extra bottom padding on table body */
.boxcart-product-table-wrapper table.boxcart-product-table tbody {
padding-bottom: 0;
margin-bottom: 0;
}
/* Table header - high specificity to override theme */
.boxcart-product-table-wrapper table.boxcart-product-table thead,
.boxcart-product-table-wrapper table.boxcart-product-table thead tr {
background: transparent;
background-color: transparent;
border: none;
box-shadow: none;
}
.boxcart-product-table-wrapper table.boxcart-product-table thead tr th {
text-align: left;
padding: var(--boxcart-frontend-spacing-md);
background: transparent;
background-color: transparent;
font-size: 13px;
font-weight: 600;
color: var(--boxcart-frontend-text-muted);
border: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid var(--boxcart-frontend-background-alt);
box-shadow: none;
}
.boxcart-product-table-wrapper table.boxcart-product-table thead tr th:first-child {
padding-left: var(--boxcart-frontend-spacing-lg);
}
.boxcart-product-table-wrapper table.boxcart-product-table thead tr th:last-child {
padding-right: var(--boxcart-frontend-spacing-lg);
text-align: right;
}
/* Table body cells - high specificity */
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr td {
padding: var(--boxcart-frontend-spacing-md);
border: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid var(--boxcart-frontend-background-alt);
vertical-align: middle;
}
/* First column (favourite) padding handled by its own cell rule */
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr td:last-child {
padding-right: var(--boxcart-frontend-spacing-lg);
}
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr:last-child td {
border-bottom: none;
}
/* Default row colors - all rows same color when NOT striped */
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr,
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr > td,
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr > th {
background: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
background-color: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
}
/* Hover state for rows */
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr:hover,
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr:hover > td,
.boxcart-product-table-wrapper table.boxcart-product-table tbody tr:hover > th {
background: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
background-color: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
}
/* Striped rows variant - alternating colors: odd rows (1st, 3rd, etc.) are primary, even rows (2nd, 4th, etc.) are secondary */
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(odd),
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(odd) > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(odd) > th {
background: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
background-color: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
}
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(even),
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(even) > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:nth-child(even) > th {
background: var(--boxcart-table-row-secondary, var(--boxcart-frontend-background-alt));
background-color: var(--boxcart-table-row-secondary, var(--boxcart-frontend-background-alt));
}
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:hover,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:hover > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr:hover > th {
background: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
background-color: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
}
/* Explicit odd/even classes for filtered views - override nth-child when category filtering is active */
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd > th {
background: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
background-color: var(--boxcart-table-row-primary, var(--boxcart-frontend-background));
}
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even > th {
background: var(--boxcart-table-row-secondary, var(--boxcart-frontend-background-alt));
background-color: var(--boxcart-table-row-secondary, var(--boxcart-frontend-background-alt));
}
/* Hover state for explicit odd/even classes - must appear after and match specificity of explicit class rules above */
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd:hover,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd:hover > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--odd:hover > th,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even:hover,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even:hover > td,
.boxcart-product-table-wrapper table.boxcart-product-table.boxcart-product-table--striped tbody tr.boxcart-table-row--even:hover > th {
background: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
background-color: var(--boxcart-table-row-hover, var(--boxcart-frontend-primary-light));
}
/* Out of stock row */
.boxcart-product-table__row--out-of-stock {
opacity: 0.6;
}
/* Table Product Cell */
.boxcart-table-product {
display: flex;
align-items: center;
gap: var(--boxcart-frontend-spacing-md);
}
.boxcart-table-product__image {
width: 48px;
height: 48px;
border-radius: var(--boxcart-frontend-radius-md);
object-fit: cover;
background: var(--boxcart-frontend-background-alt);
flex-shrink: 0;
border: 1px solid var(--boxcart-frontend-border);
}
.boxcart-table-product__image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-table-product__name {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
font-weight: 600;
color: var(--boxcart-frontend-text);
}
.boxcart-table-product__category {
font-size: 11px;
color: var(--boxcart-frontend-text-muted);
margin-top: 2px;
}
.boxcart-table-product__badge--out-of-stock {
display: inline-block;
padding: 2px 6px;
background: var(--boxcart-frontend-error);
color: var(--boxcart-frontend-background);
font-size: 10px;
font-weight: 600;
border-radius: var(--boxcart-frontend-radius-sm);
white-space: nowrap;
flex-shrink: 0;
}
/* Table Price Cell */
.boxcart-table-price {
font-weight: 700;
color: var(--boxcart-frontend-primary);
white-space: nowrap;
}
.boxcart-table-price__unit {
font-weight: 400;
color: var(--boxcart-frontend-text-muted);
font-size: 13px;
}
/* Unit Buttons Scroll Container - wrapper for fade indicators */
.boxcart-unit-scroll-container {
position: relative;
display: flex;
flex: 1;
min-width: 0;
max-width: 100%;
}
/* Fade indicators for scrollable unit buttons */
.boxcart-unit-scroll-container::before,
.boxcart-unit-scroll-container::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 24px;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease;
z-index: 2;
}
.boxcart-unit-scroll-container::before {
left: 0;
background: linear-gradient(to right, var(--boxcart-frontend-background) 0%, transparent 100%);
}
.boxcart-unit-scroll-container::after {
right: 0;
background: linear-gradient(to left, var(--boxcart-frontend-background) 0%, transparent 100%);
}
/* Show fades based on scroll position - controlled via JS data attributes */
.boxcart-unit-scroll-container[data-scroll-left="true"]::before {
opacity: 1;
}
.boxcart-unit-scroll-container[data-scroll-right="true"]::after {
opacity: 1;
}
/* Unit Buttons - high specificity for theme overrides */
/* Scrollable on all screen sizes to handle many unit options */
.boxcart-unit-buttons {
display: flex;
gap: 4px;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
flex: 1;
min-width: 0;
scroll-behavior: smooth;
/* Drag-to-scroll cursor for desktop */
cursor: grab;
user-select: none;
}
.boxcart-unit-buttons.is-dragging {
cursor: grabbing;
scroll-behavior: auto;
}
.boxcart-unit-buttons::-webkit-scrollbar {
display: none;
}
.boxcart-unit-buttons .boxcart-unit-btn,
.boxcart-unit-buttons .boxcart-table-unit-btn {
flex-shrink: 0;
}
/* In table context - scroll container must constrain buttons within cell */
.boxcart-product-table__cell--unit .boxcart-unit-scroll-container {
display: block;
/* Force container to respect cell width: 200px cell - 16px padding (8px each side) */
width: 184px;
max-width: 184px;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.boxcart-product-table__cell--unit .boxcart-unit-buttons {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
gap: 4px;
/* Drag-to-scroll cursor for desktop */
cursor: grab;
user-select: none;
}
.boxcart-product-table__cell--unit .boxcart-unit-buttons.is-dragging {
cursor: grabbing;
scroll-behavior: auto; /* Disable smooth scroll while dragging */
}
.boxcart-product-table__cell--unit .boxcart-unit-buttons::-webkit-scrollbar {
display: none;
}
.boxcart-product-table__cell--unit .boxcart-unit-buttons .boxcart-table-unit-btn {
flex-shrink: 0;
/* Inherit grab cursor from parent for consistent UX */
cursor: inherit;
}
.boxcart-product-table-wrapper button.boxcart-unit-btn,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn,
[class*="boxcart-"] button.boxcart-unit-btn,
[class*="boxcart-"] button.boxcart-table-unit-btn {
padding: 4px 12px;
border: 1px solid var(--boxcart-qty-tab-border, var(--boxcart-frontend-border));
background: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
background-color: var(--boxcart-qty-tab-bar-bg, var(--boxcart-frontend-background));
border-radius: var(--boxcart-qty-tab-radius, var(--boxcart-frontend-radius-sm));
font-size: 11px;
font-weight: 600;
color: var(--boxcart-qty-tab-inactive-text, var(--boxcart-frontend-text-muted));
cursor: grab; /* Show grab cursor on buttons too */
transition: all var(--boxcart-frontend-transition);
text-transform: uppercase;
letter-spacing: 0.5px;
outline: none;
box-shadow: none;
}
/* Show grabbing cursor when dragging */
.boxcart-unit-buttons.is-dragging .boxcart-table-unit-btn,
.boxcart-unit-buttons.is-dragging .boxcart-unit-btn {
cursor: grabbing;
}
.boxcart-product-table-wrapper button.boxcart-unit-btn:hover:not(:disabled),
.boxcart-product-table-wrapper button.boxcart-table-unit-btn:hover:not(:disabled),
[class*="boxcart-"] button.boxcart-unit-btn:hover:not(:disabled),
[class*="boxcart-"] button.boxcart-table-unit-btn:hover:not(:disabled) {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-tab-hover-text, var(--boxcart-frontend-primary));
background: var(--boxcart-qty-tab-hover-bg, var(--boxcart-frontend-background));
background-color: var(--boxcart-qty-tab-hover-bg, var(--boxcart-frontend-background));
outline: none;
box-shadow: none;
}
.boxcart-product-table-wrapper button.boxcart-unit-btn:focus,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn:focus,
.boxcart-product-table-wrapper button.boxcart-unit-btn:focus-visible,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn:focus-visible,
.boxcart-product-table-wrapper button.boxcart-unit-btn:active,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn:active,
[class*="boxcart-"] button.boxcart-unit-btn:focus,
[class*="boxcart-"] button.boxcart-table-unit-btn:focus,
[class*="boxcart-"] button.boxcart-unit-btn:focus-visible,
[class*="boxcart-"] button.boxcart-table-unit-btn:focus-visible,
[class*="boxcart-"] button.boxcart-unit-btn:active,
[class*="boxcart-"] button.boxcart-table-unit-btn:active {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-frontend-primary);
background: var(--boxcart-frontend-background);
background-color: var(--boxcart-frontend-background);
outline: none;
box-shadow: none;
}
.boxcart-product-table-wrapper button.boxcart-unit-btn.boxcart-unit-btn--active,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn.boxcart-table-unit-btn--active,
.boxcart-product-table-wrapper button.boxcart-unit-btn.boxcart-unit-btn--active:hover,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:hover,
.boxcart-product-table-wrapper button.boxcart-unit-btn.boxcart-unit-btn--active:focus,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:focus,
.boxcart-product-table-wrapper button.boxcart-unit-btn.boxcart-unit-btn--active:active,
.boxcart-product-table-wrapper button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:active,
[class*="boxcart-"] button.boxcart-unit-btn.boxcart-unit-btn--active,
[class*="boxcart-"] button.boxcart-table-unit-btn.boxcart-table-unit-btn--active,
[class*="boxcart-"] button.boxcart-unit-btn.boxcart-unit-btn--active:hover,
[class*="boxcart-"] button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:hover,
[class*="boxcart-"] button.boxcart-unit-btn.boxcart-unit-btn--active:focus,
[class*="boxcart-"] button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:focus,
[class*="boxcart-"] button.boxcart-unit-btn.boxcart-unit-btn--active:active,
[class*="boxcart-"] button.boxcart-table-unit-btn.boxcart-table-unit-btn--active:active {
background: var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary));
background-color: var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary));
border-color: var(--boxcart-qty-tab-active-border, var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary)));
color: var(--boxcart-qty-tab-active-text, #ffffff);
}
.boxcart-unit-btn:disabled,
.boxcart-table-unit-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Unit Dropdown */
.boxcart-unit-select,
.boxcart-table-unit-dropdown {
padding: 8px 12px;
border: 1px solid var(--boxcart-frontend-border);
border-radius: var(--boxcart-frontend-radius-md);
font-size: 13px;
color: var(--boxcart-frontend-text);
background: var(--boxcart-frontend-background);
cursor: pointer;
min-width: 100px;
}
.boxcart-unit-select:focus,
.boxcart-table-unit-dropdown:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: 0 0 0 3px var(--boxcart-frontend-primary-light);
}
/* Single unit display - styled like active unit button */
.boxcart-unit-single {
display: inline-block;
padding: 4px 12px;
background: var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary));
border: 1px solid var(--boxcart-qty-tab-active-border, var(--boxcart-qty-tab-active-bg, var(--boxcart-frontend-primary)));
border-radius: var(--boxcart-frontend-radius-sm);
font-size: 11px;
font-weight: 600;
color: var(--boxcart-qty-tab-active-text, #ffffff);
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Table column widths - high specificity to override themes */
.boxcart-product-table-wrapper table.boxcart-product-table th.boxcart-product-table__cell--favourite,
.boxcart-product-table-wrapper table.boxcart-product-table td.boxcart-product-table__cell--favourite {
width: 40px;
min-width: 40px;
max-width: 40px;
padding: 12px;
text-align: center;
}
.boxcart-product-table-wrapper table.boxcart-product-table th.boxcart-product-table__cell--price,
.boxcart-product-table-wrapper table.boxcart-product-table td.boxcart-product-table__cell--price {
width: 240px;
min-width: 240px;
max-width: 240px;
white-space: nowrap;
overflow: hidden; /* Prevent content from pushing column wider */
}
.boxcart-product-table-wrapper table.boxcart-product-table th.boxcart-product-table__cell--unit,
.boxcart-product-table-wrapper table.boxcart-product-table td.boxcart-product-table__cell--unit {
width: 200px;
min-width: 200px;
max-width: 200px;
padding: 8px;
}
.boxcart-product-table-wrapper table.boxcart-product-table th.boxcart-product-table__cell--qty,
.boxcart-product-table-wrapper table.boxcart-product-table td.boxcart-product-table__cell--qty {
width: 110px;
min-width: 110px;
white-space: nowrap;
}
.boxcart-product-table-wrapper table.boxcart-product-table th.boxcart-product-table__cell--action,
.boxcart-product-table-wrapper table.boxcart-product-table td.boxcart-product-table__cell--action {
width: 180px;
min-width: 180px;
white-space: nowrap;
text-align: right;
padding-left: 8px;
}
/* Table Quantity Selector */
.boxcart-table-qty {
display: inline-flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
}
.boxcart-table-qty__btn {
width: 36px;
height: 36px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
background: var(--boxcart-qty-button-bg, #f3f4f6);
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
font-size: 18px;
font-weight: 500;
color: var(--boxcart-qty-button-text, #374151);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all var(--boxcart-frontend-transition);
/* Prevent browser default styling */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boxcart-table-qty__btn:hover:not(:disabled),
.boxcart-table-qty__btn:focus:not(:disabled),
.boxcart-table-qty__btn:active:not(:disabled) {
border-color: var(--boxcart-frontend-primary);
color: var(--boxcart-qty-button-text, #374151);
background: var(--boxcart-qty-button-hover-bg, #e5e7eb);
outline: none;
box-shadow: none;
}
/* Table qty button focus - wrapper specificity */
.boxcart-product-table-wrapper .boxcart-table-qty button.boxcart-table-qty__btn:hover:not(:disabled),
.boxcart-product-table-wrapper .boxcart-table-qty button.boxcart-table-qty__btn:focus:not(:disabled),
.boxcart-product-table-wrapper .boxcart-table-qty button.boxcart-table-qty__btn:active:not(:disabled) {
outline: none;
box-shadow: none;
}
.boxcart-table-qty__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
background: var(--boxcart-frontend-background);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
color: var(--boxcart-frontend-text-muted);
}
/* Disabled button - wrapper specificity to override theme defaults */
.boxcart-product-table-wrapper .boxcart-table-qty button.boxcart-table-qty__btn:disabled,
.boxcart-stacked-list .boxcart-table-qty button.boxcart-table-qty__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
background: var(--boxcart-frontend-background);
border-color: var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
color: var(--boxcart-frontend-text-muted);
outline: none;
box-shadow: none;
}
/* Ensure tooltip ancestors don't clip — Elementor widgets often set overflow:hidden */
.elementor-widget-container .boxcart-products,
.elementor-widget-container .boxcart-products .boxcart-products__grid,
.elementor-widget-container .boxcart-products .boxcart-product-card,
.elementor-widget-container .boxcart-products .boxcart-product-card__content,
.elementor-widget-container .boxcart-products .boxcart-qty-selector {
overflow: visible;
}
/* Quantity button tooltip (max quantity reached) */
.boxcart-table-qty__btn[data-tooltip],
.boxcart-step-selector__btn[data-tooltip],
.boxcart-standard-selector__btn[data-tooltip],
.boxcart-sidecart__quantity-btn[data-tooltip],
.boxcart-quantity-btn[data-tooltip] {
position: relative;
}
.boxcart-table-qty__btn[data-tooltip]::after,
.boxcart-step-selector__btn[data-tooltip]::after,
.boxcart-standard-selector__btn[data-tooltip]::after,
.boxcart-sidecart__quantity-btn[data-tooltip]::after,
.boxcart-quantity-btn[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
right: 0;
padding: 6px 10px;
background: #1E1E1E;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
border-radius: var(--boxcart-frontend-radius-sm, 4px);
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease, visibility 0.15s ease;
pointer-events: none;
z-index: 100;
}
.boxcart-table-qty__btn[data-tooltip]:hover::after,
.boxcart-step-selector__btn[data-tooltip]:hover::after,
.boxcart-standard-selector__btn[data-tooltip]:hover::after,
.boxcart-sidecart__quantity-btn[data-tooltip]:hover::after,
.boxcart-quantity-btn[data-tooltip]:hover::after {
opacity: 1;
visibility: visible;
}
.boxcart-table-qty__input {
width: auto;
min-width: 50px; /* Fits double digits comfortably */
max-width: 70px; /* Allows triple digits */
height: 36px;
padding: 0 8px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
text-align: center;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-qty-value-text, var(--boxcart-frontend-text));
flex-shrink: 0;
/* Match button styling */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Table qty input - wrapper specificity to override theme defaults */
.boxcart-product-table-wrapper .boxcart-table-qty input.boxcart-table-qty__input,
.boxcart-stacked-list .boxcart-table-qty input.boxcart-table-qty__input {
width: auto;
min-width: 50px; /* Fits double digits comfortably */
max-width: 70px; /* Allows triple digits */
height: 36px;
padding: 0 8px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
text-align: center;
font-size: 14px;
font-weight: 600;
color: var(--boxcart-qty-value-text, var(--boxcart-frontend-text));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
box-shadow: none;
}
.boxcart-table-qty__input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary);
box-shadow: none;
}
/* Table qty input focus - wrapper specificity */
.boxcart-product-table-wrapper .boxcart-table-qty input.boxcart-table-qty__input:focus {
outline: none;
box-shadow: none;
}
.boxcart-table-qty__input:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Table qty center wrapper — matches card selector design */
.boxcart-table-qty__center {
flex: 1;
min-width: 60px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0 8px;
border: 1px solid var(--boxcart-qty-button-border, var(--boxcart-frontend-border-light));
border-radius: var(--boxcart-qty-button-radius, var(--boxcart-frontend-radius-sm));
background: var(--boxcart-frontend-background);
}
.boxcart-table-qty__center .boxcart-table-qty__input {
border: none;
background: transparent;
padding: 0;
width: 100%;
min-width: 0;
max-width: none;
height: auto;
outline: none;
box-shadow: none;
flex-shrink: 1;
}
.boxcart-product-table-wrapper .boxcart-table-qty .boxcart-table-qty__center input.boxcart-table-qty__input,
.boxcart-stacked-list .boxcart-table-qty .boxcart-table-qty__center input.boxcart-table-qty__input {
border: none;
background: transparent;
padding: 0;
width: 100%;
min-width: 0;
max-width: none;
height: auto;
outline: none;
box-shadow: none;
}
.boxcart-table-qty__unit {
font-size: 12px;
font-weight: 500;
color: var(--boxcart-frontend-text-muted);
text-transform: capitalize;
flex-shrink: 0;
}
/* Table Favourite Column - styles for the button inside */
.boxcart-table-favourite {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
background: transparent;
border: none;
border-radius: var(--boxcart-frontend-radius-sm);
cursor: pointer;
color: var(--boxcart-frontend-text-muted);
transition: all var(--boxcart-frontend-transition);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boxcart-table-favourite:hover {
color: var(--boxcart-favourite-colour, #E25555);
}
.boxcart-table-favourite--active {
color: var(--boxcart-favourite-colour, #E25555);
}
.boxcart-table-favourite--active:hover {
color: var(--boxcart-favourite-colour, #E25555);
}
.boxcart-table-favourite__icon {
display: block;
width: 18px;
height: 18px;
flex-shrink: 0;
}
/* Table favourite - wrapper specificity */
.boxcart-product-table-wrapper table.boxcart-product-table button.boxcart-table-favourite {
background: transparent;
border: none;
outline: none;
box-shadow: none;
}
.boxcart-product-table-wrapper table.boxcart-product-table button.boxcart-table-favourite:hover,
.boxcart-product-table-wrapper table.boxcart-product-table button.boxcart-table-favourite:focus {
background: transparent;
outline: none;
box-shadow: none;
}
/* Table Actions */
.boxcart-table-actions {
display: flex;
align-items: center;
gap: var(--boxcart-frontend-spacing-sm);
justify-content: flex-end;
}
.boxcart-table-actions__info {
text-align: right;
}
.boxcart-table-total {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
white-space: nowrap;
}
.boxcart-table-total strong {
color: var(--boxcart-frontend-primary);
font-weight: 700;
}
.boxcart-table-in-basket {
display: flex;
align-items: flex-start;
gap: 4px;
font-size: 12px;
color: var(--boxcart-qty-price-accent, var(--boxcart-frontend-success));
}
.boxcart-table-in-basket svg {
width: 14px;
height: 14px;
flex-shrink: 0;
margin-top: 2px;
}
.boxcart-table-in-basket__details {
display: flex;
flex-direction: column;
gap: 1px;
line-height: 1.3;
}
.boxcart-table-in-basket__qty {
font-weight: 500;
color: var(--boxcart-qty-in-basket-text, var(--boxcart-frontend-text));
font-size: 11px;
}
.boxcart-table-in-basket__price {
font-weight: 600;
color: var(--boxcart-qty-price-accent, var(--boxcart-frontend-success));
}
/* Inline Basket Indicator (below price in table) */
.boxcart-table-basket-indicator {
display: flex;
align-items: center;
gap: 4px;
margin-top: 4px;
padding: 4px 8px;
background: var(--boxcart-qty-in-basket-bg, var(--boxcart-frontend-primary-light, rgba(45, 125, 95, 0.08)));
border: 1px solid var(--boxcart-qty-in-basket-border, var(--boxcart-frontend-primary-light, rgba(45, 125, 95, 0.15)));
border-radius: var(--boxcart-qty-in-basket-radius, var(--boxcart-frontend-radius-sm, 4px));
font-size: 11px;
line-height: 1.3;
overflow: hidden;
min-width: 0;
}
.boxcart-table-basket-indicator__label {
color: var(--boxcart-qty-price-accent, var(--boxcart-frontend-success, #2D7D5F));
font-weight: 500;
}
.boxcart-table-basket-indicator__summary {
color: var(--boxcart-qty-in-basket-text, var(--boxcart-frontend-text));
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.boxcart-table-basket-indicator__value {
color: var(--boxcart-qty-price-accent, var(--boxcart-frontend-success, #2D7D5F));
font-weight: 700;
margin-left: auto;
}
/* Empty state (no items in basket for this unit) - white bg with border to stand out on grey rows */
.boxcart-table-basket-indicator:not(.boxcart-table-basket-indicator--has-items) {
background: var(--boxcart-frontend-background, #ffffff);
border: 1px solid var(--boxcart-frontend-border, #e0e0e0);
}
.boxcart-table-basket-indicator:not(.boxcart-table-basket-indicator--has-items) .boxcart-table-basket-indicator__label {
color: var(--boxcart-frontend-text-muted);
}
.boxcart-table-basket-indicator:not(.boxcart-table-basket-indicator--has-items) .boxcart-table-basket-indicator__summary {
color: var(--boxcart-frontend-text-muted);
}
.boxcart-table-basket-indicator:not(.boxcart-table-basket-indicator--has-items) .boxcart-table-basket-indicator__value {
color: var(--boxcart-frontend-text-muted);
font-weight: 500;
}
/* Mobile variant */
.boxcart-table-basket-indicator--mobile {
margin-top: 0;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 13px;
width: 100%;
box-sizing: border-box;
}
/* Add Button */
.boxcart-table-add-btn {
padding: 8px 16px;
border: var(--boxcart-btn-primary-border, none);
border-radius: var(--boxcart-btn-radius, var(--boxcart-frontend-radius-md));
background: var(--boxcart-btn-primary-bg, var(--boxcart-frontend-primary));
color: var(--boxcart-btn-primary-text, var(--boxcart-frontend-background));
font-size: 13px;
font-weight: var(--boxcart-btn-font-weight, 600);
cursor: pointer;
transition: background var(--boxcart-frontend-transition), border-color var(--boxcart-frontend-transition), color var(--boxcart-frontend-transition);
white-space: nowrap;
min-width: 90px;
text-align: center;
box-sizing: border-box;
}
.boxcart-table-add-btn:hover:not(:disabled) {
background: var(--boxcart-btn-primary-bg-hover, var(--boxcart-frontend-primary-hover, #256b50));
color: var(--boxcart-btn-primary-hover-text, var(--boxcart-btn-primary-text, var(--boxcart-frontend-background)));
border: var(--boxcart-btn-primary-hover-border, var(--boxcart-btn-primary-border, none));
}
.boxcart-table-add-btn:disabled {
background: var(--boxcart-btn-disabled-bg, #e5e5e5);
color: var(--boxcart-btn-disabled-text, #999);
border: var(--boxcart-btn-disabled-border, none);
opacity: 0.5;
cursor: not-allowed;
}
.boxcart-table-add-btn--update,
.boxcart-product-table-wrapper .boxcart-table-add-btn--update,
.boxcart-stacked-list .boxcart-table-add-btn--update {
background-color: var(--boxcart-frontend-success) !important;
}
.boxcart-table-add-btn--update:hover:not(:disabled),
.boxcart-product-table-wrapper .boxcart-table-add-btn--update:hover:not(:disabled),
.boxcart-stacked-list .boxcart-table-add-btn--update:hover:not(:disabled) {
background-color: var(--boxcart-frontend-success-dark, #2a6b4f) !important;
}
/* ============================================
Mobile Stacked View
============================================ */
.boxcart-stacked-list {
display: none;
flex-direction: column;
gap: 12px;
margin-top: var(--boxcart-frontend-spacing-lg);
padding: 0;
width: 100%;
}
/* Mobile card uses the same class as PHP template */
.boxcart-product-table__mobile-card {
position: relative;
background: var(--boxcart-frontend-background);
border-radius: var(--boxcart-frontend-radius-lg);
padding: 12px;
box-shadow: var(--boxcart-frontend-shadow-sm);
}
.boxcart-product-table__mobile-card--out-of-stock {
opacity: 0.6;
}
.boxcart-stacked-item__header {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.boxcart-stacked-item__favourite {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: none;
border-radius: 50%;
background: var(--boxcart-favourite-bg, rgba(255, 255, 255, 0.9));
box-shadow: var(--boxcart-favourite-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
cursor: pointer;
color: var(--boxcart-frontend-text-muted);
transition: all var(--boxcart-frontend-transition);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boxcart-stacked-item__favourite:hover {
color: var(--boxcart-favourite-colour, #E25555);
}
.boxcart-stacked-item__favourite--active {
color: var(--boxcart-favourite-colour, #E25555);
}
.boxcart-stacked-item__favourite--active .boxcart-stacked-item__favourite-icon {
fill: currentColor;
}
.boxcart-stacked-item__favourite-icon {
display: block;
width: 18px;
height: 18px;
flex-shrink: 0;
}
.boxcart-stacked-item__image {
width: 60px;
height: 60px;
border-radius: var(--boxcart-frontend-radius-md);
object-fit: cover;
background: var(--boxcart-frontend-background-alt);
flex-shrink: 0;
}
.boxcart-stacked-item__image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-stacked-item__info {
flex: 1;
min-width: 0;
}
.boxcart-stacked-item__name {
font-weight: 600;
color: var(--boxcart-frontend-text);
margin-bottom: 4px;
}
.boxcart-stacked-item__price {
font-weight: 700;
color: var(--boxcart-frontend-primary);
}
.boxcart-stacked-item__price-unit {
font-weight: 400;
color: var(--boxcart-frontend-text-muted);
font-size: 13px;
}
.boxcart-stacked-item__badge--out-of-stock {
display: inline-block;
padding: 2px 6px;
background: var(--boxcart-frontend-error);
color: var(--boxcart-frontend-background);
font-size: 10px;
font-weight: 600;
border-radius: var(--boxcart-frontend-radius-sm);
margin-top: 4px;
}
.boxcart-stacked-item__controls {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: nowrap;
}
.boxcart-stacked-item__unit-select {
flex: 1;
min-width: 100px;
}
.boxcart-stacked-item__unit-select .boxcart-unit-select {
width: 100%;
}
.boxcart-stacked-item__qty {
display: flex;
align-items: center;
gap: 4px;
}
/* Mobile controls row - unit scroll container and qty in same row */
.boxcart-stacked-item__controls .boxcart-unit-scroll-container {
flex: 1;
min-width: 0;
}
.boxcart-stacked-item__controls .boxcart-unit-buttons {
flex: 1;
min-width: 0;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
gap: 4px;
scroll-behavior: smooth;
}
.boxcart-stacked-item__controls .boxcart-unit-buttons::-webkit-scrollbar {
display: none;
}
.boxcart-stacked-item__controls .boxcart-unit-buttons .boxcart-table-unit-btn {
flex-shrink: 0;
}
.boxcart-stacked-item__controls .boxcart-table-qty {
flex-shrink: 0;
margin-left: auto;
}
.boxcart-stacked-item__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 10px;
}
.boxcart-stacked-item__footer .boxcart-table-qty {
flex-shrink: 0;
}
.boxcart-stacked-item__footer .boxcart-table-add-btn {
flex: 1;
padding: 10px 20px;
}
.boxcart-stacked-item__footer-left {
flex: 1;
}
.boxcart-stacked-item__total {
font-size: 13px;
color: var(--boxcart-frontend-text-muted);
}
.boxcart-stacked-item__total strong {
color: var(--boxcart-frontend-primary);
}
/* Responsive - Hide table, show stacked when container is narrow */
/* Using container query so sidecart open/close affects the breakpoint */
@container boxcart-products (max-width: 920px) {
/* On narrow container, hide the desktop table when table view is active */
.boxcart-product-table-wrapper {
display: none !important;
}
/*
* Mobile stacked list visibility:
* - JS sets style="" (empty) when table view is active -> show as flex
* - JS sets style="display: none" when card view is active -> hide
* - Initial inline style from PHP also controls visibility
* Only override to flex when NOT explicitly hidden by inline style
*/
.boxcart-stacked-list:not([style*="display: none"]):not([style*="display:none"]) {
display: flex !important;
}
.boxcart-view-toggle {
margin-left: 0;
}
.boxcart-products__filters {
flex-wrap: wrap;
}
/* Larger touch targets for narrow/mobile views */
.boxcart-table-qty__btn {
width: 40px;
height: 40px;
}
.boxcart-table-qty__center {
height: 40px;
}
.boxcart-table-qty__input {
width: auto;
min-width: 40px;
max-width: 70px;
height: 40px;
flex: 1;
}
/* Qty input - wrapper specificity */
.boxcart-product-table-wrapper .boxcart-table-qty input.boxcart-table-qty__input,
.boxcart-stacked-list .boxcart-table-qty input.boxcart-table-qty__input {
width: auto;
min-width: 40px;
max-width: 70px;
height: 40px;
}
/* Allow qty selector to shrink on mobile */
.boxcart-stacked-item__footer .boxcart-table-qty {
flex-shrink: 1;
min-width: 0;
}
/* Add button styling */
.boxcart-table-add-btn {
padding: 10px 20px;
}
}
/* ==========================================================================
Very Small Screens (320px-420px) - Force Single Column
========================================================================== */
@container boxcart-products (max-width: 420px) {
/* Force single column on very small container regardless of mobile column setting */
.boxcart-products__grid--mobile-cols-2.boxcart-products__grid--cols-4,
.boxcart-products__grid--mobile-cols-2.boxcart-products__grid--cols-3,
.boxcart-products__grid--mobile-cols-2.boxcart-products__grid--cols-2,
.boxcart-products__grid--mobile-cols-2.boxcart-products__grid--cols-1 {
grid-template-columns: 1fr;
}
}
/* ==========================================================================
Payment Method Selection
========================================================================== */
/* Payment section in sidebar */
.boxcart-checkout__payment-section {
padding: 16px 0;
}
.boxcart-checkout__payment-section .boxcart-checkout__subsection-title {
margin: 0 0 12px 0;
line-height: 1;
display: flex;
align-items: center;
}
/* Payment methods radio card list */
.boxcart-payment-methods {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 12px;
}
.boxcart-payment-method {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
border: 2px solid var(--boxcart-frontend-border, #DCDCDE);
border-radius: var(--boxcart-frontend-radius-md, 6px);
cursor: pointer;
transition: border-color 0.15s ease, background-color 0.15s ease;
font-size: 14px;
background: var(--boxcart-frontend-background, #FFFFFF);
}
.boxcart-payment-method:hover {
border-color: var(--boxcart-frontend-primary, #2D7D5F);
background-color: var(--boxcart-frontend-primary-light, #E8F5F0);
}
.boxcart-payment-method--selected {
border-color: var(--boxcart-frontend-primary, #2D7D5F);
background-color: var(--boxcart-frontend-primary-light, #E8F5F0);
}
.boxcart-payment-method input[type="radio"] {
accent-color: var(--boxcart-frontend-primary, #2D7D5F);
width: 18px;
height: 18px;
margin: 0;
flex-shrink: 0;
}
.boxcart-payment-method__label {
font-weight: 500;
color: var(--boxcart-frontend-text, #2C3338);
}
/* Payment detail panels */
.boxcart-payment-detail {
padding: 14px;
background: var(--boxcart-frontend-background-alt, #F6F7F7);
border-radius: var(--boxcart-frontend-radius-md, 6px);
margin-top: 8px;
border: 1px solid var(--boxcart-frontend-border, #DCDCDE);
}
.boxcart-payment-detail__instructions {
margin: 0;
font-size: 13px;
color: var(--boxcart-frontend-text-light, #50575E);
line-height: 1.5;
}
.boxcart-payment-detail__bank-details {
margin-top: 10px;
padding: 10px;
background: var(--boxcart-frontend-background, #FFFFFF);
border-radius: var(--boxcart-frontend-radius-sm, 4px);
border: 1px solid var(--boxcart-frontend-border, #DCDCDE);
}
.boxcart-payment-detail__row {
display: flex;
justify-content: space-between;
padding: 3px 0;
font-size: 13px;
}
.boxcart-payment-detail__label {
color: var(--boxcart-frontend-text-muted, #787C82);
}
.boxcart-payment-detail__value {
font-weight: 500;
color: var(--boxcart-frontend-text, #2C3338);
}
.boxcart-payment-detail__errors {
margin-top: 8px;
padding: 8px 12px;
background: var(--boxcart-frontend-error-light, #FDEDED);
border: 1px solid var(--boxcart-frontend-error-border, #f5c6cb);
border-radius: var(--boxcart-frontend-radius-sm, 4px);
color: var(--boxcart-frontend-error, #C44B4B);
font-size: 13px;
}
/* Stripe Payment Element container */
#boxcart-stripe-payment-element {
min-height: 100px;
}
/* ==========================================================================
Order Confirmation Payment
========================================================================== */
.boxcart-order-confirmation__payment {
margin-top: 20px;
padding: 20px;
background: var(--boxcart-frontend-background-alt, #F6F7F7);
border-radius: var(--boxcart-frontend-radius, 8px);
border: 1px solid var(--boxcart-frontend-border, #DCDCDE);
}
.boxcart-order-confirmation__payment-method {
margin: 0 0 8px 0;
font-size: 15px;
}
.boxcart-order-confirmation__payment-message {
margin: 0;
font-size: 14px;
color: var(--boxcart-frontend-text-light, #50575E);
line-height: 1.5;
}
.boxcart-order-confirmation__payment-message--success {
color: var(--boxcart-frontend-success-accent, #3D8B6E);
font-weight: 500;
}
.boxcart-order-confirmation__bank-details {
margin-top: 12px;
padding: 12px;
background: var(--boxcart-frontend-background, #FFFFFF);
border-radius: var(--boxcart-frontend-radius-md, 6px);
border: 1px solid var(--boxcart-frontend-border, #DCDCDE);
}
.boxcart-order-confirmation__bank-row {
display: flex;
justify-content: space-between;
padding: 4px 0;
font-size: 14px;
}
.boxcart-order-confirmation__bank-label {
color: var(--boxcart-frontend-text-muted, #787C82);
}
/* ==========================================================================
Customer Account Payment Info
========================================================================== */
.boxcart-account__order-payment {
margin-top: 16px;
padding: 16px;
background: var(--boxcart-frontend-background-alt, #F6F7F7);
border-radius: var(--boxcart-frontend-radius, 8px);
border: 1px solid var(--boxcart-frontend-border, #DCDCDE);
}
.boxcart-account__payment-row {
display: flex;
justify-content: space-between;
padding: 4px 0;
font-size: 14px;
}
.boxcart-account__payment-label {
color: var(--boxcart-frontend-text-muted, #787C82);
}
.boxcart-account__payment-status {
display: inline-block;
padding: 2px 8px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.3px;
border-radius: 3px;
color: #fff;
}
.boxcart-account__payment-status--pending {
background-color: #f0ad4e;
}
.boxcart-account__payment-status--awaiting_payment {
background-color: #ff9800;
}
.boxcart-account__payment-status--processing {
background-color: #5bc0de;
}
.boxcart-account__payment-status--paid {
background-color: #4caf50;
}
.boxcart-account__payment-status--failed {
background-color: #d9534f;
}
.boxcart-account__payment-status--refunded {
background-color: #9c27b0;
}
.boxcart-account__payment-status--cancelled {
background-color: #d9534f;
}
/* ============================================
Order Modal — Messages
============================================ */
.boxcart-order-modal__messages-thread {
max-height: 250px;
overflow-y: auto;
padding: 8px 0;
margin-bottom: 12px;
}
.boxcart-order-modal__messages {
margin-top: 16px;
}
.boxcart-order-message {
margin-bottom: 10px;
max-width: 85%;
}
.boxcart-order-message:last-child {
margin-bottom: 0;
}
.boxcart-order-message--admin {
margin-right: auto;
}
.boxcart-order-message--customer {
margin-left: auto;
}
.boxcart-order-message__header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 3px;
font-size: 11px;
color: #999;
}
.boxcart-order-message__sender {
font-weight: 600;
color: #666;
}
.boxcart-order-message__body {
padding: 8px 12px;
border-radius: 12px;
font-size: 13px;
line-height: 1.5;
white-space: pre-wrap;
word-wrap: break-word;
}
.boxcart-order-message--admin .boxcart-order-message__body {
background-color: #f0f0f0;
color: #333;
border-top-left-radius: 4px;
}
.boxcart-order-message--customer .boxcart-order-message__body {
background-color: var(--boxcart-frontend-primary-light, #e8f5e9);
color: #1a1a1a;
border-top-right-radius: 4px;
}
.boxcart-order-message__empty {
color: #999;
font-size: 13px;
font-style: italic;
text-align: center;
padding: 12px 0;
margin: 0;
}
.boxcart-order-modal__messages-compose {
display: flex;
gap: 8px;
align-items: flex-end;
padding-top: 8px;
border-top: 1px solid #eee;
}
.boxcart-order-modal__messages-input {
flex: 1;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 16px;
font-family: inherit;
resize: none;
min-height: 36px;
line-height: 1.4;
}
.boxcart-order-modal__messages-input:focus {
outline: none;
border-color: var(--boxcart-frontend-primary, #2D7D5F);
}
.boxcart-order-modal__messages-send {
flex-shrink: 0;
padding: 4px 0;
font-size: 13px;
font-weight: 600;
font-family: inherit;
color: var(--boxcart-frontend-primary, #2D7D5F);
background: none;
border: none;
cursor: pointer;
min-height: 36px;
line-height: 1;
display: inline-flex;
align-items: flex-end;
}
.boxcart-order-modal__messages-send:hover {
color: var(--boxcart-frontend-primary-hover, #246850);
}
.boxcart-order-modal__messages-send:disabled {
color: var(--boxcart-frontend-text-muted, #787C82);
cursor: default;
}
/* ==========================================================================
Order Message Indicator (order tables / cards)
========================================================================== */
.boxcart-order-message-indicator {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 5px;
color: var(--boxcart-frontend-text-muted, #787C82);
vertical-align: middle;
position: relative;
top: -1px;
}
.boxcart-order-message-indicator svg {
display: block;
}
.boxcart-order-message-indicator--unread {
color: var(--boxcart-frontend-primary, #2D7D5F);
}
.boxcart-order-message-indicator[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
padding: 6px 10px;
background: #1E1E1E;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
border-radius: var(--boxcart-frontend-radius-sm, 4px);
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease, visibility 0.15s ease;
pointer-events: none;
z-index: 100;
}
.boxcart-order-message-indicator[data-tooltip]:hover::after {
opacity: 1;
visibility: visible;
}
/* ==========================================================================
Test Mode Indicator
========================================================================== */
.boxcart-test-mode-badge {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: #f59e0b;
color: #fff;
font-family: var(--boxcart-frontend-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
font-size: 13px;
font-weight: 600;
line-height: 1;
border: none;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 2px 12px rgba(245, 158, 11, 0.4);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.boxcart-test-mode-badge:hover {
transform: translateY(-2px);
box-shadow: 0 4px 20px rgba(245, 158, 11, 0.5);
}
.boxcart-test-mode-badge svg {
flex-shrink: 0;
}
/* Test Mode Modal (extends base .boxcart-modal) */
.boxcart-test-mode-overlay {
position: fixed;
inset: 0;
background: var(--boxcart-modal-overlay-bg, rgba(0, 0, 0, 0.5));
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.boxcart-test-mode-modal {
max-width: 520px;
}
.boxcart-test-mode__intro {
margin: 0 0 20px;
font-size: 14px;
line-height: 1.6;
color: var(--boxcart-frontend-text-secondary, #666);
}
.boxcart-test-mode__table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-bottom: 16px;
}
.boxcart-test-mode__table th {
text-align: left;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--boxcart-frontend-text-secondary, #666);
padding: 8px 12px;
border-bottom: 2px solid var(--boxcart-frontend-border, #e5e7eb);
}
.boxcart-test-mode__table td {
padding: 10px 12px;
border-bottom: 1px solid var(--boxcart-frontend-border, #e5e7eb);
color: var(--boxcart-frontend-text-dark, #1a1a1a);
}
.boxcart-test-mode__table tbody tr:last-child td {
border-bottom: none;
}
.boxcart-test-mode__table code {
display: inline-block;
padding: 4px 8px;
background: var(--boxcart-frontend-surface, #f3f4f6);
border-radius: var(--boxcart-frontend-radius-sm, 4px);
font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;
font-size: 13px;
letter-spacing: 0.03em;
transition: background 0.15s ease;
}
.boxcart-test-mode__table code:hover {
background: #fef3c7;
}
.boxcart-test-mode__hint {
margin: 0;
font-size: 12px;
color: var(--boxcart-frontend-text-tertiary, #999);
text-align: center;
}
@media (max-width: 480px) {
.boxcart-test-mode-badge {
bottom: 12px;
left: 12px;
font-size: 12px;
padding: 7px 12px;
}
}
/* ==========================================================================
Account sign-in page — small refinements
========================================================================== */
/* Add breathing room between a top-of-page notice (e.g. password-updated
success, or wrong-credentials error) and the login form/card below it. */
.boxcart-account--auth > .boxcart-notice {
margin-bottom: 1rem;
}
/* The footer line on the login form ("Don't have an account yet?...") sits
below the lost-password link. Center it, soften the size, and give it a
little breathing room from the link directly above. */
p.boxcart-account__no-account {
width: 100%;
display: block;
margin: 0.5rem 0 0;
padding-top: 0.5rem;
text-align: center;
font-size: 0.8rem;
color: var(--boxcart-frontend-text-muted, #6c757d);
line-height: 1.5;
}
/* ==========================================================================
Order modal — text sizing
Themes often apply aggressive h3/h4 styles via body-scoped rules, which
can leak into the order-view modal even when we declare an 18px title.
These rules use a deeper compound selector to win the cascade fight.
========================================================================== */
.boxcart-modal.boxcart-order-modal .boxcart-modal__body,
.boxcart-modal.boxcart-edit-modal .boxcart-modal__body,
.boxcart-modal.boxcart-password-modal .boxcart-modal__body,
.boxcart-modal.boxcart-reorder-modal .boxcart-modal__body,
.boxcart-modal.boxcart-signup-modal .boxcart-modal__body {
font-size: 14px;
line-height: 1.5;
}
.boxcart-modal.boxcart-order-modal h3.boxcart-modal__title,
.boxcart-modal.boxcart-edit-modal h3.boxcart-modal__title,
.boxcart-modal.boxcart-password-modal h3.boxcart-modal__title,
.boxcart-modal.boxcart-reorder-modal h3.boxcart-modal__title,
.boxcart-modal.boxcart-signup-modal h2.boxcart-modal__title,
.boxcart-modal.boxcart-signup-modal h3.boxcart-modal__title {
font-size: 18px;
line-height: 1.3;
font-weight: 600;
}
.boxcart-modal.boxcart-order-modal h4.boxcart-order-modal__section-title {
font-size: 12px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 0 0 12px 0;
}
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__location {
font-size: 16px;
font-weight: 600;
line-height: 1.3;
color: var(--boxcart-frontend-text, #1e1e1e);
margin: 0 0 8px;
}
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__datetime,
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__instructions,
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__items,
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__footer,
.boxcart-modal.boxcart-order-modal .boxcart-order-modal__meta {
font-size: 14px;
line-height: 1.5;
}
.boxcart-modal.boxcart-order-modal .boxcart-status-badge {
font-size: 12px;
line-height: 1.4;
}
.boxcart-sidecart{--boxcart-sidecart-width:350px;--boxcart-sidecart-bg:var(--boxcart-frontend-background, #ffffff);--boxcart-sidecart-header-bg:var(--boxcart-frontend-background, #ffffff);--boxcart-sidecart-border:var(--boxcart-frontend-border, #DCDCDE);--boxcart-sidecart-text:var(--boxcart-frontend-text, #2C3338);--boxcart-sidecart-text-muted:#787C82;--boxcart-sidecart-shadow:0 0 40px rgba(0, 0, 0, 0.15);--boxcart-sidecart-z-index:999999;--boxcart-sidecart-transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}.boxcart-sidecart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;z-index:calc(var(--boxcart-sidecart-z-index) - 1);transition:opacity var(--boxcart-sidecart-transition),visibility var(--boxcart-sidecart-transition)}.boxcart-sidecart-overlay--visible{opacity:1;visibility:visible;touch-action:none;overscroll-behavior:none}.boxcart-sidecart{position:fixed;top:0;bottom:0;width:var(--boxcart-sidecart-width);max-width:100vw;background:var(--boxcart-sidecart-bg);box-shadow:var(--boxcart-sidecart-shadow);z-index:var(--boxcart-sidecart-z-index);display:flex;flex-direction:column;transition:transform var(--boxcart-sidecart-transition);overflow:hidden}.boxcart-sidecart--right{right:0;transform:translateX(100%)}.boxcart-sidecart--left{left:0;transform:translateX(-100%)}.boxcart-sidecart--open{transform:translateX(0)}@media (prefers-reduced-motion:reduce){.boxcart-sidecart,.boxcart-sidecart-overlay,.boxcart-sidecart-push-wrapper{transition:none}}.boxcart-sidecart-overlay--hidden{display:none!important}.boxcart-sidecart-push-wrapper{transition:margin var(--boxcart-sidecart-transition);overflow-x:hidden}.boxcart-sidecart-push-wrapper--active.boxcart-sidecart-push-wrapper--right{margin-right:var(--boxcart-sidecart-width)}.boxcart-sidecart-push-wrapper--active.boxcart-sidecart-push-wrapper--left{margin-left:var(--boxcart-sidecart-width)}.boxcart-sidecart__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--boxcart-sidecart-border);background:var(--boxcart-sidecart-header-bg);flex-shrink:0}.boxcart-sidecart__title{font-size:18px;font-weight:600;color:var(--boxcart-sidecart-text);margin:0;line-height:1.3}.boxcart-sidecart__item-count{font-weight:400;opacity:.7;font-size:16px}.boxcart-sidecart__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:0 0!important;color:var(--boxcart-sidecart-close-color,var(--boxcart-frontend-primary,#2d7d5f))!important;cursor:pointer;border-radius:6px;transition:background-color .15s ease,color .15s ease}.boxcart-sidecart__close:hover{background:rgba(0,0,0,.05)!important;color:var(--boxcart-sidecart-close-color,var(--boxcart-frontend-primary,#2d7d5f))!important}.boxcart-sidecart__close:focus{outline:2px solid var(--boxcart-frontend-primary,#2D7D5F);outline-offset:2px;background:0 0!important;color:var(--boxcart-sidecart-close-color,var(--boxcart-frontend-primary,#2d7d5f))!important}.boxcart-sidecart__body{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}.boxcart-sidecart__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--boxcart-sidecart-text-muted);gap:12px}.boxcart-sidecart__spinner{width:24px;height:24px;border:2px solid var(--boxcart-sidecart-border);border-top-color:var(--boxcart-frontend-primary,#2d7d5f);border-radius:50%;animation:boxcart-spin .8s linear infinite}@keyframes boxcart-spin{to{transform:rotate(360deg)}}.boxcart-sidecart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--boxcart-sidecart-text-muted)}.boxcart-sidecart__empty svg,.boxcart-sidecart__empty-icon svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.boxcart-sidecart__empty-icon{display:flex;align-items:center;justify-content:center}.boxcart-sidecart__empty p{margin:0;font-size:15px}.boxcart-sidecart__items{list-style:none!important;margin:0!important;padding:0!important}.boxcart-sidecart__items::after,.boxcart-sidecart__items::before{display:none!important}.boxcart-sidecart__item{display:flex!important;gap:12px;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--boxcart-sidecart-border);list-style:none!important}.boxcart-sidecart__item::before,.boxcart-sidecart__item::marker{display:none!important;content:none!important}.boxcart-sidecart__item:last-child{border-bottom:none}.boxcart-sidecart__item-image{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--boxcart-frontend-background-alt,#f6f7f7)}.boxcart-sidecart__item-image img{width:100%;height:100%;object-fit:cover}.boxcart-sidecart__item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.boxcart-sidecart__item-name{font-size:14px;font-weight:500;color:var(--boxcart-sidecart-text);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boxcart-sidecart__item-price{font-size:14px;font-weight:600;color:var(--boxcart-sidecart-price-color,var(--boxcart-frontend-primary,#2d7d5f))}.boxcart-sidecart__item-unit{font-weight:400;font-size:12px;color:var(--boxcart-frontend-text-muted)}.boxcart-sidecart__item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.boxcart-sidecart__quantity{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.boxcart-sidecart__quantity-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--boxcart-qty-button-border,var(--boxcart-sidecart-border));background:var(--boxcart-qty-button-bg,var(--boxcart-sidecart-bg));background-color:var(--boxcart-qty-button-bg,var(--boxcart-sidecart-bg));color:var(--boxcart-qty-button-text,var(--boxcart-sidecart-text));font-size:16px;font-weight:500;border-radius:var(--boxcart-qty-button-radius,var(--boxcart-frontend-radius-sm));cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.boxcart-sidecart__quantity-btn:hover:not(:disabled){background:var(--boxcart-qty-button-hover-bg,var(--boxcart-frontend-background-alt,#f6f7f7));background-color:var(--boxcart-qty-button-hover-bg,var(--boxcart-frontend-background-alt,#f6f7f7));border-color:var(--boxcart-qty-button-border,#c3c4c7);color:var(--boxcart-qty-button-text,var(--boxcart-sidecart-text))}.boxcart-sidecart__quantity-btn:focus{outline:2px solid var(--boxcart-frontend-primary,#2D7D5F);outline-offset:1px;background:var(--boxcart-sidecart-bg)}.boxcart-sidecart__quantity-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--boxcart-frontend-text-muted,#999);background:var(--boxcart-frontend-background,#fff);background-color:var(--boxcart-frontend-background,#fff);border-color:var(--boxcart-qty-button-border,var(--boxcart-sidecart-border))}.boxcart-sidecart__quantity-value{flex:1;min-width:40px;height:28px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid var(--boxcart-qty-button-border,var(--boxcart-sidecart-border));border-radius:var(--boxcart-qty-button-radius,var(--boxcart-frontend-radius-sm,4px));background:var(--boxcart-frontend-background,#fff);font-size:14px;font-weight:600;text-align:center;color:var(--boxcart-qty-value-text,var(--boxcart-sidecart-text))}input.boxcart-sidecart__quantity-value{outline:0;width:0;min-width:0}.boxcart-sidecart__remove{padding:4px 8px;border:none;background:0 0!important;color:var(--boxcart-sidecart-remove-color,var(--boxcart-frontend-primary,#2d7d5f))!important;font-size:12px;cursor:pointer;border-radius:4px;transition:background-color .15s ease,color .15s ease}.boxcart-sidecart__remove:hover{background:rgba(0,0,0,.05)!important;color:var(--boxcart-sidecart-remove-color,var(--boxcart-frontend-primary,#2d7d5f))!important}.boxcart-sidecart__remove:focus{outline:2px solid var(--boxcart-frontend-primary,#2D7D5F);outline-offset:1px;background:0 0!important;color:var(--boxcart-sidecart-remove-color,var(--boxcart-frontend-primary,#2d7d5f))!important}.boxcart-sidecart__footer{flex-shrink:0;padding:16px 20px;border-top:1px solid var(--boxcart-sidecart-border);background:var(--boxcart-sidecart-header-bg)}.boxcart-sidecart__subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.boxcart-sidecart__subtotal-label{font-size:15px;font-weight:500;color:var(--boxcart-sidecart-text)}.boxcart-sidecart__subtotal-value{font-size:18px;font-weight:700;color:var(--boxcart-sidecart-text)}.boxcart-sidecart__buttons{display:flex;flex-direction:column;gap:8px}.boxcart-sidecart__btn{display:block;width:100%;padding:12px 16px;border:var(--boxcart-btn-primary-border,none);border-radius:var(--boxcart-btn-radius,6px);font-size:15px;font-weight:var(--boxcart-btn-font-weight,600);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.boxcart-sidecart__btn:focus{outline:2px solid var(--boxcart-frontend-primary,#2D7D5F);outline-offset:2px}.boxcart-sidecart .boxcart-sidecart__btn--primary{background:var(--boxcart-btn-primary-bg,var(--boxcart-frontend-primary,#2d7d5f));color:var(--boxcart-btn-primary-text,#fff)}.boxcart-sidecart .boxcart-sidecart__btn--primary:hover{background:var(--boxcart-btn-primary-bg-hover,var(--boxcart-frontend-primary-hover,#246850));color:var(--boxcart-btn-primary-hover-text,var(--boxcart-btn-primary-text,#fff));border:var(--boxcart-btn-primary-hover-border,var(--boxcart-btn-primary-border,none))}.boxcart-sidecart .boxcart-sidecart__btn--primary:focus{background:var(--boxcart-btn-primary-bg,var(--boxcart-frontend-primary,#2d7d5f));color:var(--boxcart-btn-primary-text,#fff)}.boxcart-sidecart .boxcart-sidecart__btn--primary:visited,.boxcart-sidecart .boxcart-sidecart__btn--primary:visited:hover{color:var(--boxcart-btn-primary-text,#fff)}.boxcart-sidecart .boxcart-sidecart__btn--secondary{background:0 0;border:1px solid var(--boxcart-sidecart-border);color:var(--boxcart-sidecart-text)}.boxcart-sidecart .boxcart-sidecart__btn--secondary:hover{background:var(--boxcart-btn-secondary-bg-hover,var(--boxcart-frontend-background-alt,#f6f7f7));color:var(--boxcart-sidecart-text);border:1px solid var(--boxcart-sidecart-border)}.boxcart-sidecart .boxcart-sidecart__btn--secondary:focus{background:0 0;color:var(--boxcart-sidecart-text)}.boxcart-sidecart .boxcart-sidecart__btn--secondary:visited,.boxcart-sidecart .boxcart-sidecart__btn--secondary:visited:hover{color:var(--boxcart-sidecart-text)}.boxcart-sidecart__continue-shopping{display:block;width:100%;background:0 0;border:none;color:var(--boxcart-sidecart-continue-color,#2d7d5f);font-size:14px;font-weight:500;padding:12px 16px;text-align:center;cursor:pointer;transition:color .2s ease}.boxcart-sidecart__continue-shopping:hover{background:0 0!important;color:var(--boxcart-sidecart-continue-hover,#1a5a42)!important;text-decoration:underline}.boxcart-sidecart__continue-shopping:focus{background:0 0!important;color:var(--boxcart-sidecart-continue-color,#2d7d5f)!important;outline:2px solid var(--boxcart-sidecart-continue-color,#2D7D5F);outline-offset:2px}.boxcart-sidecart__footer--no-subtotal .boxcart-sidecart__subtotal{display:none}@media (max-width:600px){.boxcart-sidecart{width:100%;max-width:100%}.boxcart-sidecart--left,.boxcart-sidecart--right{left:0;right:0;transform:translateX(100%)}.boxcart-sidecart--left{transform:translateX(-100%)}.boxcart-sidecart--open{transform:translateX(0)}}@media (min-width:601px){.boxcart-sidecart--right{left:auto}.boxcart-sidecart--left{right:auto}}.boxcart-sidecart--hide-images .boxcart-sidecart__item-image{display:none}.boxcart-sidecart--hide-prices .boxcart-sidecart__item-price{display:none}.boxcart-sidecart--hide-quantity-controls .boxcart-sidecart__quantity-btn{display:none}.boxcart-mobile-bar{--mobile-bar-height:60px;--mobile-bar-expanded-max:70vh;--mobile-bar-bg:var(--boxcart-frontend-background, #ffffff);--mobile-bar-text:var(--boxcart-frontend-text, #2C3338);--mobile-bar-border:var(--boxcart-frontend-border, #DCDCDE);--mobile-bar-primary:var(--boxcart-frontend-primary, #2D7D5F);--mobile-bar-shadow:0 -4px 20px rgba(0, 0, 0, 0.15);position:fixed;bottom:0;left:0;right:0;z-index:999998;background:var(--mobile-bar-bg);box-shadow:var(--mobile-bar-shadow);padding-bottom:env(safe-area-inset-bottom,0);display:none}.boxcart-mobile-bar button:active,.boxcart-mobile-bar button:focus,.boxcart-mobile-bar button:hover{background-color:transparent}@media (max-width:600px){.boxcart-mobile-bar--visible{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999998!important}}@media (min-width:601px){.boxcart-mobile-bar{display:none!important}}.boxcart-mobile-bar__collapsed{display:flex;align-items:center;height:var(--mobile-bar-height);padding:0 16px;gap:12px}.boxcart-mobile-bar__toggle{flex:1;display:flex;align-items:center;gap:10px;padding:0;border:none!important;background:0 0!important;color:var(--mobile-bar-text)!important;cursor:pointer;text-align:left;min-width:0;-webkit-tap-highlight-color:transparent}.boxcart-mobile-bar__toggle:active,.boxcart-mobile-bar__toggle:focus,.boxcart-mobile-bar__toggle:hover{background:0 0!important;color:var(--mobile-bar-text)!important}.boxcart-mobile-bar__icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--boxcart-frontend-background-alt,rgba(0,0,0,.05));border-radius:50%;color:var(--mobile-bar-primary)}.boxcart-mobile-bar__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:var(--mobile-bar-primary);color:var(--mobile-bar-button-text,#fff);font-size:11px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center}.boxcart-mobile-bar__badge:empty{display:none}.boxcart-mobile-bar__summary{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.boxcart-mobile-bar__count-text{font-size:14px;font-weight:600;color:var(--mobile-bar-text);white-space:nowrap}.boxcart-mobile-bar__total{font-size:13px;color:var(--mobile-bar-primary);font-weight:600}.boxcart-mobile-bar__total:empty{display:none}.boxcart-mobile-bar__slot{font-size:12px;color:var(--boxcart-sidecart-text-muted,#787c82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;flex:1;min-width:0}.boxcart-mobile-bar__slot:empty{display:none}.boxcart-mobile-bar__expand-icon{display:flex;align-items:center;justify-content:center;color:var(--boxcart-sidecart-text-muted,#787c82);transition:transform .2s ease}.boxcart-mobile-bar--expanded .boxcart-mobile-bar__expand-icon{transform:rotate(180deg)}.boxcart-mobile-bar__action{padding:10px 16px;background:var(--boxcart-btn-primary-bg,var(--mobile-bar-primary));color:var(--boxcart-btn-primary-text,var(--mobile-bar-button-text,#fff));border:var(--boxcart-btn-primary-border,none);font-size:14px;font-weight:var(--boxcart-btn-font-weight,600);text-decoration:none;border-radius:var(--boxcart-btn-radius,6px);white-space:nowrap;-webkit-tap-highlight-color:transparent}.boxcart-mobile-bar__action:active,.boxcart-mobile-bar__action:focus,.boxcart-mobile-bar__action:hover,.boxcart-mobile-bar__action:visited{background:var(--boxcart-btn-primary-bg-hover,var(--mobile-bar-primary));color:var(--boxcart-btn-primary-hover-text,var(--mobile-bar-button-text,#fff));border:var(--boxcart-btn-primary-hover-border,var(--boxcart-btn-primary-border,none));text-decoration:none}.boxcart-mobile-bar__expanded{display:none;flex-direction:column;max-height:var(--mobile-bar-expanded-max);overflow:hidden}.boxcart-mobile-bar--expanded .boxcart-mobile-bar__collapsed{display:none}.boxcart-mobile-bar--expanded .boxcart-mobile-bar__expanded{display:flex}.boxcart-mobile-bar__handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab}.boxcart-mobile-bar__handle-bar{width:40px;height:4px;background:var(--mobile-bar-border);border-radius:2px}.boxcart-mobile-bar__header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--mobile-bar-border)}.boxcart-mobile-bar__header-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.boxcart-mobile-bar__title{font-size:16px;font-weight:600;color:var(--mobile-bar-text);margin:0}.boxcart-mobile-bar__header-slot{font-size:13px;color:var(--boxcart-sidecart-text-muted,#787c82);display:flex;align-items:center;gap:6px}.boxcart-mobile-bar__header-slot:empty{display:none}.boxcart-mobile-bar__header-slot svg{flex-shrink:0}.boxcart-mobile-bar__item-count{font-weight:400;opacity:.7}.boxcart-mobile-bar__collapse{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:0 0;color:var(--mobile-bar-primary);cursor:pointer;border-radius:4px}.boxcart-mobile-bar__collapse:hover{background:rgba(0,0,0,.05)}.boxcart-mobile-bar__items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;max-height:calc(var(--mobile-bar-expanded-max) - 180px)}.boxcart-mobile-bar__item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--mobile-bar-border)}.boxcart-mobile-bar__item:last-child{border-bottom:none}.boxcart-mobile-bar__item-image{width:48px;height:48px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--boxcart-frontend-background-alt,#f6f7f7)}.boxcart-mobile-bar__item-image img{width:100%;height:100%;object-fit:cover}.boxcart-mobile-bar__item-info{flex:1;min-width:0}.boxcart-mobile-bar__item-name{font-size:13px;font-weight:500;color:var(--mobile-bar-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boxcart-mobile-bar__item-qty{font-size:12px;color:var(--boxcart-sidecart-text-muted,#787c82)}.boxcart-mobile-bar__item-unit{font-size:11px;color:var(--boxcart-sidecart-text-muted,#787c82);margin-left:4px}.boxcart-mobile-bar__item-price{font-size:13px;font-weight:600;color:var(--mobile-bar-primary)}.boxcart-mobile-bar__footer{padding:12px 16px;border-top:1px solid var(--mobile-bar-border);background:var(--mobile-bar-bg)}.boxcart-mobile-bar__subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.boxcart-mobile-bar__subtotal-label{font-size:14px;font-weight:500;color:var(--mobile-bar-text)}.boxcart-mobile-bar__subtotal-value{font-size:16px;font-weight:700;color:var(--mobile-bar-text)}.boxcart-mobile-bar__buttons{display:flex;gap:8px}.boxcart-mobile-bar__btn{flex:1;padding:12px 16px;font-size:14px;-webkit-tap-highlight-color:transparent;font-weight:var(--boxcart-btn-font-weight,600);text-align:center;text-decoration:none;border-radius:var(--boxcart-btn-radius,6px);cursor:pointer;border:none}.boxcart-mobile-bar .boxcart-mobile-bar__btn--primary{background:var(--boxcart-btn-primary-bg,var(--mobile-bar-primary));color:var(--boxcart-btn-primary-text,var(--mobile-bar-button-text,#fff));border:var(--boxcart-btn-primary-border,none)}.boxcart-mobile-bar .boxcart-mobile-bar__btn--primary:active,.boxcart-mobile-bar .boxcart-mobile-bar__btn--primary:focus,.boxcart-mobile-bar .boxcart-mobile-bar__btn--primary:hover{background:var(--boxcart-btn-primary-bg-hover,var(--mobile-bar-primary));color:var(--boxcart-btn-primary-hover-text,var(--mobile-bar-button-text,#fff));border:var(--boxcart-btn-primary-hover-border,var(--boxcart-btn-primary-border,none))}.boxcart-mobile-bar .boxcart-mobile-bar__btn--primary:visited{color:var(--boxcart-btn-primary-text,var(--mobile-bar-button-text,#fff))}.boxcart-mobile-bar .boxcart-mobile-bar__btn--secondary{background:0 0;border:1px solid var(--mobile-bar-border);color:var(--mobile-bar-text)}.boxcart-mobile-bar .boxcart-mobile-bar__btn--secondary:active,.boxcart-mobile-bar .boxcart-mobile-bar__btn--secondary:focus,.boxcart-mobile-bar .boxcart-mobile-bar__btn--secondary:hover{background:var(--boxcart-btn-secondary-bg-hover,var(--boxcart-frontend-background-alt,#f6f7f7));color:var(--mobile-bar-text);border:1px solid var(--mobile-bar-border)}.boxcart-mobile-bar .boxcart-mobile-bar__btn--secondary:visited{color:var(--mobile-bar-text)}.boxcart-mobile-bar__empty{padding:24px 16px;text-align:center;color:var(--boxcart-sidecart-text-muted,#787c82);font-size:14px}.boxcart-mobile-bar__loading{display:flex;align-items:center;justify-content:center;padding:32px 16px}.boxcart-mobile-bar--hide-when-empty:not(.boxcart-mobile-bar--has-items){visibility:hidden;pointer-events:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.boxcart-mobile-bar{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){.boxcart-mobile-bar{transition:none}}@media (max-width:600px){body.boxcart-has-mobile-bar{padding-bottom:calc(var(--mobile-bar-height,60px) + env(safe-area-inset-bottom,0px))}}/*! This file is auto-generated */
@font-face{ font-display:swap;font-family:dashicons;src:url("/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800");src:url("/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800#iefix") format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),url("/wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800") format("truetype");font-weight:400;font-style:normal }.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in}.dashicons-admin-appearance:before{content:"\f100"}.dashicons-admin-collapse:before{content:"\f148"}.dashicons-admin-comments:before{content:"\f101"}.dashicons-admin-customizer:before{content:"\f540"}.dashicons-admin-generic:before{content:"\f111"}.dashicons-admin-home:before{content:"\f102"}.dashicons-admin-links:before{content:"\f103"}.dashicons-admin-media:before{content:"\f104"}.dashicons-admin-multisite:before{content:"\f541"}.dashicons-admin-network:before{content:"\f112"}.dashicons-admin-page:before{content:"\f105"}.dashicons-admin-plugins:before{content:"\f106"}.dashicons-admin-post:before{content:"\f109"}.dashicons-admin-settings:before{content:"\f108"}.dashicons-admin-site-alt:before{content:"\f11d"}.dashicons-admin-site-alt2:before{content:"\f11e"}.dashicons-admin-site-alt3:before{content:"\f11f"}.dashicons-admin-site:before{content:"\f319"}.dashicons-admin-tools:before{content:"\f107"}.dashicons-admin-users:before{content:"\f110"}.dashicons-airplane:before{content:"\f15f"}.dashicons-album:before{content:"\f514"}.dashicons-align-center:before{content:"\f134"}.dashicons-align-full-width:before{content:"\f114"}.dashicons-align-left:before{content:"\f135"}.dashicons-align-none:before{content:"\f138"}.dashicons-align-pull-left:before{content:"\f10a"}.dashicons-align-pull-right:before{content:"\f10b"}.dashicons-align-right:before{content:"\f136"}.dashicons-align-wide:before{content:"\f11b"}.dashicons-amazon:before{content:"\f162"}.dashicons-analytics:before{content:"\f183"}.dashicons-archive:before{content:"\f480"}.dashicons-arrow-down-alt:before{content:"\f346"}.dashicons-arrow-down-alt2:before{content:"\f347"}.dashicons-arrow-down:before{content:"\f140"}.dashicons-arrow-left-alt:before{content:"\f340"}.dashicons-arrow-left-alt2:before{content:"\f341"}.dashicons-arrow-left:before{content:"\f141"}.dashicons-arrow-right-alt:before{content:"\f344"}.dashicons-arrow-right-alt2:before{content:"\f345"}.dashicons-arrow-right:before{content:"\f139"}.dashicons-arrow-up-alt:before{content:"\f342"}.dashicons-arrow-up-alt2:before{content:"\f343"}.dashicons-arrow-up-duplicate:before{content:"\f143"}.dashicons-arrow-up:before{content:"\f142"}.dashicons-art:before{content:"\f309"}.dashicons-awards:before{content:"\f313"}.dashicons-backup:before{content:"\f321"}.dashicons-bank:before{content:"\f16a"}.dashicons-beer:before{content:"\f16c"}.dashicons-bell:before{content:"\f16d"}.dashicons-block-default:before{content:"\f12b"}.dashicons-book-alt:before{content:"\f331"}.dashicons-book:before{content:"\f330"}.dashicons-buddicons-activity:before{content:"\f452"}.dashicons-buddicons-bbpress-logo:before{content:"\f477"}.dashicons-buddicons-buddypress-logo:before{content:"\f448"}.dashicons-buddicons-community:before{content:"\f453"}.dashicons-buddicons-forums:before{content:"\f449"}.dashicons-buddicons-friends:before{content:"\f454"}.dashicons-buddicons-groups:before{content:"\f456"}.dashicons-buddicons-pm:before{content:"\f457"}.dashicons-buddicons-replies:before{content:"\f451"}.dashicons-buddicons-topics:before{content:"\f450"}.dashicons-buddicons-tracking:before{content:"\f455"}.dashicons-building:before{content:"\f512"}.dashicons-businessman:before{content:"\f338"}.dashicons-businessperson:before{content:"\f12e"}.dashicons-businesswoman:before{content:"\f12f"}.dashicons-button:before{content:"\f11a"}.dashicons-calculator:before{content:"\f16e"}.dashicons-calendar-alt:before{content:"\f508"}.dashicons-calendar:before{content:"\f145"}.dashicons-camera-alt:before{content:"\f129"}.dashicons-camera:before{content:"\f306"}.dashicons-car:before{content:"\f16b"}.dashicons-carrot:before{content:"\f511"}.dashicons-cart:before{content:"\f174"}.dashicons-category:before{content:"\f318"}.dashicons-chart-area:before{content:"\f239"}.dashicons-chart-bar:before{content:"\f185"}.dashicons-chart-line:before{content:"\f238"}.dashicons-chart-pie:before{content:"\f184"}.dashicons-clipboard:before{content:"\f481"}.dashicons-clock:before{content:"\f469"}.dashicons-cloud-saved:before{content:"\f137"}.dashicons-cloud-upload:before{content:"\f13b"}.dashicons-cloud:before{content:"\f176"}.dashicons-code-standards:before{content:"\f13a"}.dashicons-coffee:before{content:"\f16f"}.dashicons-color-picker:before{content:"\f131"}.dashicons-columns:before{content:"\f13c"}.dashicons-controls-back:before{content:"\f518"}.dashicons-controls-forward:before{content:"\f519"}.dashicons-controls-pause:before{content:"\f523"}.dashicons-controls-play:before{content:"\f522"}.dashicons-controls-repeat:before{content:"\f515"}.dashicons-controls-skipback:before{content:"\f516"}.dashicons-controls-skipforward:before{content:"\f517"}.dashicons-controls-volumeoff:before{content:"\f520"}.dashicons-controls-volumeon:before{content:"\f521"}.dashicons-cover-image:before{content:"\f13d"}.dashicons-dashboard:before{content:"\f226"}.dashicons-database-add:before{content:"\f170"}.dashicons-database-export:before{content:"\f17a"}.dashicons-database-import:before{content:"\f17b"}.dashicons-database-remove:before{content:"\f17c"}.dashicons-database-view:before{content:"\f17d"}.dashicons-database:before{content:"\f17e"}.dashicons-desktop:before{content:"\f472"}.dashicons-dismiss:before{content:"\f153"}.dashicons-download:before{content:"\f316"}.dashicons-drumstick:before{content:"\f17f"}.dashicons-edit-large:before{content:"\f327"}.dashicons-edit-page:before{content:"\f186"}.dashicons-edit:before{content:"\f464"}.dashicons-editor-aligncenter:before{content:"\f207"}.dashicons-editor-alignleft:before{content:"\f206"}.dashicons-editor-alignright:before{content:"\f208"}.dashicons-editor-bold:before{content:"\f200"}.dashicons-editor-break:before{content:"\f474"}.dashicons-editor-code-duplicate:before{content:"\f494"}.dashicons-editor-code:before{content:"\f475"}.dashicons-editor-contract:before{content:"\f506"}.dashicons-editor-customchar:before{content:"\f220"}.dashicons-editor-expand:before{content:"\f211"}.dashicons-editor-help:before{content:"\f223"}.dashicons-editor-indent:before{content:"\f222"}.dashicons-editor-insertmore:before{content:"\f209"}.dashicons-editor-italic:before{content:"\f201"}.dashicons-editor-justify:before{content:"\f214"}.dashicons-editor-kitchensink:before{content:"\f212"}.dashicons-editor-ltr:before{content:"\f10c"}.dashicons-editor-ol-rtl:before{content:"\f12c"}.dashicons-editor-ol:before{content:"\f204"}.dashicons-editor-outdent:before{content:"\f221"}.dashicons-editor-paragraph:before{content:"\f476"}.dashicons-editor-paste-text:before{content:"\f217"}.dashicons-editor-paste-word:before{content:"\f216"}.dashicons-editor-quote:before{content:"\f205"}.dashicons-editor-removeformatting:before{content:"\f218"}.dashicons-editor-rtl:before{content:"\f320"}.dashicons-editor-spellcheck:before{content:"\f210"}.dashicons-editor-strikethrough:before{content:"\f224"}.dashicons-editor-table:before{content:"\f535"}.dashicons-editor-textcolor:before{content:"\f215"}.dashicons-editor-ul:before{content:"\f203"}.dashicons-editor-underline:before{content:"\f213"}.dashicons-editor-unlink:before{content:"\f225"}.dashicons-editor-video:before{content:"\f219"}.dashicons-ellipsis:before{content:"\f11c"}.dashicons-email-alt:before{content:"\f466"}.dashicons-email-alt2:before{content:"\f467"}.dashicons-email:before{content:"\f465"}.dashicons-embed-audio:before{content:"\f13e"}.dashicons-embed-generic:before{content:"\f13f"}.dashicons-embed-photo:before{content:"\f144"}.dashicons-embed-post:before{content:"\f146"}.dashicons-embed-video:before{content:"\f149"}.dashicons-excerpt-view:before{content:"\f164"}.dashicons-exit:before{content:"\f14a"}.dashicons-external:before{content:"\f504"}.dashicons-facebook-alt:before{content:"\f305"}.dashicons-facebook:before{content:"\f304"}.dashicons-feedback:before{content:"\f175"}.dashicons-filter:before{content:"\f536"}.dashicons-flag:before{content:"\f227"}.dashicons-food:before{content:"\f187"}.dashicons-format-aside:before{content:"\f123"}.dashicons-format-audio:before{content:"\f127"}.dashicons-format-chat:before{content:"\f125"}.dashicons-format-gallery:before{content:"\f161"}.dashicons-format-image:before{content:"\f128"}.dashicons-format-quote:before{content:"\f122"}.dashicons-format-status:before{content:"\f130"}.dashicons-format-video:before{content:"\f126"}.dashicons-forms:before{content:"\f314"}.dashicons-fullscreen-alt:before{content:"\f188"}.dashicons-fullscreen-exit-alt:before{content:"\f189"}.dashicons-games:before{content:"\f18a"}.dashicons-google:before{content:"\f18b"}.dashicons-googleplus:before{content:"\f462"}.dashicons-grid-view:before{content:"\f509"}.dashicons-groups:before{content:"\f307"}.dashicons-hammer:before{content:"\f308"}.dashicons-heading:before{content:"\f10e"}.dashicons-heart:before{content:"\f487"}.dashicons-hidden:before{content:"\f530"}.dashicons-hourglass:before{content:"\f18c"}.dashicons-html:before{content:"\f14b"}.dashicons-id-alt:before{content:"\f337"}.dashicons-id:before{content:"\f336"}.dashicons-image-crop:before{content:"\f165"}.dashicons-image-filter:before{content:"\f533"}.dashicons-image-flip-horizontal:before{content:"\f169"}.dashicons-image-flip-vertical:before{content:"\f168"}.dashicons-image-rotate-left:before{content:"\f166"}.dashicons-image-rotate-right:before{content:"\f167"}.dashicons-image-rotate:before{content:"\f531"}.dashicons-images-alt:before{content:"\f232"}.dashicons-images-alt2:before{content:"\f233"}.dashicons-index-card:before{content:"\f510"}.dashicons-info-outline:before{content:"\f14c"}.dashicons-info:before{content:"\f348"}.dashicons-insert-after:before{content:"\f14d"}.dashicons-insert-before:before{content:"\f14e"}.dashicons-insert:before{content:"\f10f"}.dashicons-instagram:before{content:"\f12d"}.dashicons-laptop:before{content:"\f547"}.dashicons-layout:before{content:"\f538"}.dashicons-leftright:before{content:"\f229"}.dashicons-lightbulb:before{content:"\f339"}.dashicons-linkedin:before{content:"\f18d"}.dashicons-list-view:before{content:"\f163"}.dashicons-location-alt:before{content:"\f231"}.dashicons-location:before{content:"\f230"}.dashicons-lock-duplicate:before{content:"\f315"}.dashicons-lock:before{content:"\f160"}.dashicons-marker:before{content:"\f159"}.dashicons-media-archive:before{content:"\f501"}.dashicons-media-audio:before{content:"\f500"}.dashicons-media-code:before{content:"\f499"}.dashicons-media-default:before{content:"\f498"}.dashicons-media-document:before{content:"\f497"}.dashicons-media-interactive:before{content:"\f496"}.dashicons-media-spreadsheet:before{content:"\f495"}.dashicons-media-text:before{content:"\f491"}.dashicons-media-video:before{content:"\f490"}.dashicons-megaphone:before{content:"\f488"}.dashicons-menu-alt:before{content:"\f228"}.dashicons-menu-alt2:before{content:"\f329"}.dashicons-menu-alt3:before{content:"\f349"}.dashicons-menu:before{content:"\f333"}.dashicons-microphone:before{content:"\f482"}.dashicons-migrate:before{content:"\f310"}.dashicons-minus:before{content:"\f460"}.dashicons-money-alt:before{content:"\f18e"}.dashicons-money:before{content:"\f526"}.dashicons-move:before{content:"\f545"}.dashicons-nametag:before{content:"\f484"}.dashicons-networking:before{content:"\f325"}.dashicons-no-alt:before{content:"\f335"}.dashicons-no:before{content:"\f158"}.dashicons-open-folder:before{content:"\f18f"}.dashicons-palmtree:before{content:"\f527"}.dashicons-paperclip:before{content:"\f546"}.dashicons-pdf:before{content:"\f190"}.dashicons-performance:before{content:"\f311"}.dashicons-pets:before{content:"\f191"}.dashicons-phone:before{content:"\f525"}.dashicons-pinterest:before{content:"\f192"}.dashicons-playlist-audio:before{content:"\f492"}.dashicons-playlist-video:before{content:"\f493"}.dashicons-plugins-checked:before{content:"\f485"}.dashicons-plus-alt:before{content:"\f502"}.dashicons-plus-alt2:before{content:"\f543"}.dashicons-plus:before{content:"\f132"}.dashicons-podio:before{content:"\f19c"}.dashicons-portfolio:before{content:"\f322"}.dashicons-post-status:before{content:"\f173"}.dashicons-pressthis:before{content:"\f157"}.dashicons-printer:before{content:"\f193"}.dashicons-privacy:before{content:"\f194"}.dashicons-products:before{content:"\f312"}.dashicons-randomize:before{content:"\f503"}.dashicons-reddit:before{content:"\f195"}.dashicons-redo:before{content:"\f172"}.dashicons-remove:before{content:"\f14f"}.dashicons-rest-api:before{content:"\f124"}.dashicons-rss:before{content:"\f303"}.dashicons-saved:before{content:"\f15e"}.dashicons-schedule:before{content:"\f489"}.dashicons-screenoptions:before{content:"\f180"}.dashicons-search:before{content:"\f179"}.dashicons-share-alt:before{content:"\f240"}.dashicons-share-alt2:before{content:"\f242"}.dashicons-share:before{content:"\f237"}.dashicons-shield-alt:before{content:"\f334"}.dashicons-shield:before{content:"\f332"}.dashicons-shortcode:before{content:"\f150"}.dashicons-slides:before{content:"\f181"}.dashicons-smartphone:before{content:"\f470"}.dashicons-smiley:before{content:"\f328"}.dashicons-sort:before{content:"\f156"}.dashicons-sos:before{content:"\f468"}.dashicons-spotify:before{content:"\f196"}.dashicons-star-empty:before{content:"\f154"}.dashicons-star-filled:before{content:"\f155"}.dashicons-star-half:before{content:"\f459"}.dashicons-sticky:before{content:"\f537"}.dashicons-store:before{content:"\f513"}.dashicons-superhero-alt:before{content:"\f197"}.dashicons-superhero:before{content:"\f198"}.dashicons-table-col-after:before{content:"\f151"}.dashicons-table-col-before:before{content:"\f152"}.dashicons-table-col-delete:before{content:"\f15a"}.dashicons-table-row-after:before{content:"\f15b"}.dashicons-table-row-before:before{content:"\f15c"}.dashicons-table-row-delete:before{content:"\f15d"}.dashicons-tablet:before{content:"\f471"}.dashicons-tag:before{content:"\f323"}.dashicons-tagcloud:before{content:"\f479"}.dashicons-testimonial:before{content:"\f473"}.dashicons-text-page:before{content:"\f121"}.dashicons-text:before{content:"\f478"}.dashicons-thumbs-down:before{content:"\f542"}.dashicons-thumbs-up:before{content:"\f529"}.dashicons-tickets-alt:before{content:"\f524"}.dashicons-tickets:before{content:"\f486"}.dashicons-tide:before{content:"\f10d"}.dashicons-translation:before{content:"\f326"}.dashicons-trash:before{content:"\f182"}.dashicons-twitch:before{content:"\f199"}.dashicons-twitter-alt:before{content:"\f302"}.dashicons-twitter:before{content:"\f301"}.dashicons-undo:before{content:"\f171"}.dashicons-universal-access-alt:before{content:"\f507"}.dashicons-universal-access:before{content:"\f483"}.dashicons-unlock:before{content:"\f528"}.dashicons-update-alt:before{content:"\f113"}.dashicons-update:before{content:"\f463"}.dashicons-upload:before{content:"\f317"}.dashicons-vault:before{content:"\f178"}.dashicons-video-alt:before{content:"\f234"}.dashicons-video-alt2:before{content:"\f235"}.dashicons-video-alt3:before{content:"\f236"}.dashicons-visibility:before{content:"\f177"}.dashicons-warning:before{content:"\f534"}.dashicons-welcome-add-page:before{content:"\f133"}.dashicons-welcome-comments:before{content:"\f117"}.dashicons-welcome-learn-more:before{content:"\f118"}.dashicons-welcome-view-site:before{content:"\f115"}.dashicons-welcome-widgets-menus:before{content:"\f116"}.dashicons-welcome-write-blog:before{content:"\f119"}.dashicons-whatsapp:before{content:"\f19a"}.dashicons-wordpress-alt:before{content:"\f324"}.dashicons-wordpress:before{content:"\f120"}.dashicons-xing:before{content:"\f19d"}.dashicons-yes-alt:before{content:"\f12a"}.dashicons-yes:before{content:"\f147"}.dashicons-youtube:before{content:"\f19b"}.dashicons-editor-distractionfree:before{content:"\f211"}.dashicons-exerpt-view:before{content:"\f164"}.dashicons-format-links:before{content:"\f103"}.dashicons-format-standard:before{content:"\f109"}.dashicons-post-trash:before{content:"\f182"}.dashicons-share1:before{content:"\f237"}.dashicons-welcome-edit-page:before{content:"\f119"}.wc-stripe-payment-button-preview{align-items:center;background-color:#000;border-radius:5px;display:flex;height:40px;justify-content:center}.wc-stripe-payment-button-preview img{height:22px}.wc-stripe-payment-button-preview:hover{cursor:pointer;filter:opacity(.7)}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview{background-color:#ffd814}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img{height:100%;width:100%}.wc-stripe-payment-button-preview.wc-stripe-link-preview{background-color:#00d66f}.wc-stripe-payment-button-preview.wc-stripe-link-preview img{height:40px}button.stripe-gateway-stripelink-modal-trigger{background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=);background-color:transparent!important;border:none;cursor:pointer;display:none;height:40px;position:absolute;right:5px;width:64px}button.stripe-gateway-stripelink-modal-trigger:hover{background-color:#fff0;border-color:#fff0}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span:not(.wc-stripe-test-mode-badge){align-items:center;display:flex;float:right;justify-content:center}.wcstripe-payment-element+.wc-block-components-payment-methods__save-card-info{margin-top:1.4em}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element{padding-top:0}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element .content:empty{display:none}#radio-control-wc-payment-method-options-stripe__label>span>span{border:none}.wc-stripe-redirect-notice{align-items:center;border:0;color:#2b2d2f;display:flex;font-family:Source Sans Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-weight:400;gap:12px;letter-spacing:normal;line-height:25px;margin:0;min-inline-size:0;padding:24px 9px 8px;text-decoration:none;text-shadow:none;text-transform:none;transition:none;-webkit-font-smoothing:auto}.wc-stripe-redirect-notice__icon{flex-shrink:0;height:3em;width:3em}.wc-stripe-redirect-notice__text{margin:0;padding:0}body.wc-stripe-hide-save-checkbox .wc-block-components-payment-methods__save-card-info{display:none!important}.wc-stripe-test-mode-badge{background-color:#fff2d7;border-radius:4px;color:#4d3716;display:none;font-size:12px;font-weight:400;line-height:16px;margin-left:8px;padding:4px 6px}.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge,.wc-block-checkout__payment-method .wc-block-components-radio-control__option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge{display:inline-block}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons{display:flex!important;flex-direction:column!important;gap:12px!important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{font-size:0!important;line-height:0!important;margin:0!important;padding:0!important;width:100%!important}.wc-block-components-express-payment-continue-rule--cart{height:20px;margin:24px 0!important}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}@supports not (-webkit-appearance:-apple-pay-button){#express-payment-method-stripe_express_checkout_element_applePay:has(#express-checkout-button-preview-applePay){display:none}}#express-checkout-button-preview-googlePay .gpay-card-info-container{min-width:auto}.wc-stripe-copy-test-number{align-items:center;background-color:transparent!important;border:none!important;border-radius:0;box-shadow:none!important;color:inherit!important;cursor:pointer;display:inline-flex;font-family:inherit!important;font-size:inherit;font-weight:400;line-height:inherit;padding:2px 1px!important;vertical-align:baseline}.wc-stripe-copy-test-number span{margin-right:4px}.wc-stripe-copy-test-number i{background-color:currentColor;display:block;height:1.2em;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;order:1;width:1.2em}.wc-stripe-copy-test-number:hover{background-color:#fff0;opacity:.7}.wc-stripe-copy-test-number:active i{transform:scale(.9)}.wc-stripe-copy-test-number:focus{box-shadow:none!important;outline:none}.wc-stripe-copy-test-number:focus-visible{outline:2px solid currentColor;outline-offset:2px}.wc-stripe-copy-test-number.state--success i{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=)}