/* ==========================================================================
   LILTE - brand colour overrides  
   ========================================================================== */


/* ==========================================================================
   1. Palette
   ========================================================================== */

:root {
  --lilte-purple:        #444094;
  --lilte-purple-dark:   #35316F;
  --lilte-lavender:      #C9B8EC;
  --lilte-lavender-soft: #EFEAFA;

  --lilte-pink-soft:     #F9CFE0;
  --lilte-pink:          #FE99BC;
  --lilte-pink-deep:     #C24A6E;
  --lilte-yellow:        #FFE861;
  --lilte-yellow-soft:   #FCEB97;
  --lilte-yellow-deep:   #EFC94C;
  --lilte-peach:         #FEB296;
  --lilte-sage:          #A4BCAA;
  --lilte-sage-deep:     #5E7F68;

  --lilte-bg:            #F7F1EB;
  --lilte-surface:       #FFFFFF;
  --lilte-surface-alt:   #FCF7F1;

  --lilte-heading:       #2E2A5E;
  --lilte-body:          #5A5670;
  --lilte-muted:         #8B88A8;
  --lilte-placeholder:   #A5A1B8;

  --lilte-line:          #E7DFD6;
  --lilte-line-soft:     #F1EAE2;

  /* Corner radius - nothing on this site should be sharp-cornered */
  --lilte-radius-sm:     8px;
  --lilte-radius:        12px;
  --lilte-radius-lg:     20px;
  --lilte-radius-pill:   30px;
}


/* ==========================================================================
   2. Theme variables
   !important is required: the WordPress Customizer injects these inline
   in <head>, so load order alone cannot beat them.
   ========================================================================== */

:root,
html,
body {
  --theme-color:        #444094 !important;
  --theme-color-50:     rgba(68, 64, 148, 0.5) !important;
  --theme-color-25:     rgba(68, 64, 148, 0.25) !important;
  --theme-color-10:     rgba(68, 64, 148, 0.1) !important;

  --hover-color:        #5D58A8 !important;

  --button-color:       #444094 !important;
  --button-color-75:    rgba(68, 64, 148, 0.75) !important;

  --gray-dark:          #2E2A5E !important;
  --gray-dark-80:       rgba(46, 42, 94, 0.8) !important;
  --gray-dark-75:       rgba(46, 42, 94, 0.75) !important;
  --gray-dark-50:       rgba(46, 42, 94, 0.5) !important;
  --gray-dark-30:       rgba(46, 42, 94, 0.3) !important;
  --gray-dark-25:       rgba(46, 42, 94, 0.25) !important;
  --gray-dark-15:       rgba(46, 42, 94, 0.15) !important;
  --gray-dark-10:       rgba(46, 42, 94, 0.1) !important;

  --text-color:         #5A5670 !important;
  --text-color-75:      rgba(90, 86, 112, 0.75) !important;
  --text-color-25:      rgba(90, 86, 112, 0.25) !important;

  --border-color:       #E7DFD6 !important;
  --border-color-50:    rgba(231, 223, 214, 0.5) !important;
  --border-color-10:    rgba(231, 223, 214, 0.15) !important;
}


/* ==========================================================================
   3. Backgrounds
   ========================================================================== */

body,
.bwp-main,
#bwp-wrapper {
  background-color: var(--lilte-bg) !important;
  color: var(--lilte-body) !important;
}

.bwp-top-bar .display,
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu,
.search-overlay--inner,
.search-overlay .search-from .result-search-products,
.wp-dropdown-my-account,
.cart-details,
.show-password-input,
.form-login-register .box-content .sign__in--content,
.bwp-header .header-mobile .header-mobile-fixed,
.buny-topcart.popup .mini-cart .cart-popup .ajaxcart__footer,
.buny-topcart.popup .mini-cart .cart-popup .ajaxcart__footer .total-cart,
.buny-topcart.popup .mini-cart .cart-popup .remove-cart,
.minus,
.plus,
.products-list.grid .product-wapper .products-thumb .product-button .woosw-btn,
.products-list.grid .product-wapper .products-thumb .product-button .product_type_grouped,
.products-list.grid .product-wapper .products-thumb .product-button .add_to_cart_button,
.products-list.grid .product-wapper .products-thumb .product-button .product_type_external,
.products-list.grid .product-wapper .products-thumb .product-button .read_more,
.products-list.grid .product-wapper .products-thumb .product-button .added_to_cart,
.products-list.grid .product-wapper .products-thumb .product-button .product_type_variable {
  background-color: var(--lilte-surface) !important;
}

@media (max-width: 1199px) {
  .bwp-header.sticky .header-mobile > .container {
    background: #f7f1eb !important;
  }
}

.bwp-header {
  background: #f7f1eb !important;
}

body:not(.page-template-homepage) .bwp-header {
  border-bottom: 1px solid var(--lilte-line) !important;
}

body:not(.page-template-homepage) .bwp-footer {
  border-top: 1px solid var(--lilte-lavender) !important;
}

.bwp-footer {
  background-color: var(--lilte-lavender-soft) !important;
}

.bwp-header .header-search-form .result-search-products .item-search,
.bwp-header .header-search-form .search-from .select_category ul li,
.bwp-header .header-search-form .search-from2 .select_category ul li,
.search-box.search-dropdown .search-box .result-search-products .item-search,
.categories-vertical-menu .bwp-vertical-navigation > div ul.menu li.level-0 ul.sub-menu {
  background-color: var(--lilte-surface-alt) !important;
}

*::-webkit-scrollbar-track {
  background-color: var(--lilte-lavender-soft) !important;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--lilte-lavender) !important;
}


/* ==========================================================================
   4. Buttons
   ========================================================================== */

.bwp-button,
.btn-default,
.btn-primary,
button.button,
input[type="submit"],
input[type="submit"].dokan-btn-theme,
a.dokan-btn-theme,
.dokan-btn-theme,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.wc-block-components-button,
.wp-block-button__link {
  background-color: var(--lilte-purple) !important;
  border-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
  border-radius: var(--lilte-radius-pill) !important;
}

/* Hover keeps dark text: white on #C9B8EC is only 1.9:1 contrast. */
.bwp-button:hover,
.btn-default:hover,
.btn-primary:hover,
button.button:hover,
input[type="submit"]:hover,
input[type="submit"].dokan-btn-theme:hover,
a.dokan-btn-theme:hover,
.dokan-btn-theme:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:hover,
.wp-block-button__link:hover {
  background-color: var(--lilte-lavender) !important;
  border-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

.bwp-button:active,
.woocommerce .button:active,
.single_add_to_cart_button:active {
  background-color: var(--lilte-purple-dark) !important;
  border-color: var(--lilte-purple-dark) !important;
  color: #FFFFFF !important;
}

.woosw-btn,
.woosc-btn,
.button.alt.wc-forward,
.woocommerce a.button.wc-backward,
.mini-cart .cart-popup .buttons .button:first-child {
  background-color: transparent !important;
  border: 1.5px solid var(--lilte-pink) !important;
  color: #993556 !important;
  border-radius: var(--lilte-radius-pill) !important;
}

.woosw-btn:hover,
.woosc-btn:hover,
.button.alt.wc-forward:hover,
.woocommerce a.button.wc-backward:hover,
.mini-cart .cart-popup .buttons .button:first-child:hover {
  background-color: var(--lilte-pink) !important;
  border-color: var(--lilte-pink) !important;
  color: #FFFFFF !important;
}

.woocommerce .button:disabled,
.woocommerce .button.disabled,
button:disabled,
input[type="submit"]:disabled,
.single_add_to_cart_button.disabled {
  background-color: #EDEAF3 !important;
  border-color: #EDEAF3 !important;
  color: #B4B0C4 !important;
  opacity: 1 !important;
}

.mini-cart .cart-popup .buttons .button {
  border-color: var(--lilte-lavender) !important;
}


/* ==========================================================================
   5. Links and headings
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.product-title,
.entry-title,
.widget-title,
.woocommerce-loop-product__title {
  color: var(--lilte-heading) !important;
}

a {
  color: var(--lilte-purple);
}

/* No global a:hover override here on purpose.
   --hover-color above already makes the theme resolve a:hover to #5D58A8.
   A blanket a:hover !important would also repaint pill links (category
   tags, tag cloud, pagination) that rely on white text over a filled
   background. Those are handled explicitly below. */

.content-image-single .post-categories a:hover,
.content-single-prallax_image .content-image-single .post-categories a:hover,
.category-posts .cate-post-content .post-categories a:hover,
.author .post-categories a:hover,
.search .post-categories a:hover,
.post-related .post-categories a:hover,
.post-single .post-content-entry .tags-links a:hover,
.bwp-sidebar > .widget.widget_tag_cloud .tagcloud a:hover,
.tagcloud a:hover,
.page-links a:hover,
.btn-outline-inverse:hover,
.btn-cart a:hover,
.btn-outline-inverse:focus,
.btn-cart a:focus,
.btn-outline-inverse:active,
.btn-cart a:active,
.bwp-top-bar .display li a:hover span,
.bwp-top-bar .display li a.active span,
.dokan-dashboard .pagination-wrap ul.pagination > li a:hover,
#wcmp-store-conatiner .wcmp-pagination li a:hover,
#dokan-seller-listing-wrap .store-footer a:hover .dokan-btn-theme,
.woocommerce-cart .woocommerce-cart-form .actions .bottom-cart h2 a:hover {
  background-color: var(--lilte-purple) !important;
  border-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}

.bwp-navigation ul.menu > li.level-0 > a {
  color: var(--lilte-heading) !important;
}

.bwp-navigation ul.menu > li.level-0 > a:hover,
.bwp-navigation ul.menu > li.level-0.current-menu-item > a {
  color: var(--lilte-purple) !important;
}

.bwp-header .header-page-link a,
.bwp-header .header-page-link .search-toggle,
.buny-topcart > a {
   
}

.bwp-header .header-page-link a:hover,
.bwp-header .header-page-link .search-toggle:hover {
  color: var(--lilte-purple) !important;
}

.buny-topcart .cart-count,
.wishlist-count,
.woosw-menu-item .woosw-count {
  background-color: var(--lilte-pink) !important;
  color: #FFFFFF !important;
}

.breadcrumb a:hover,
.breadcrumb-noheading .breadcrumb a:hover {
  color: var(--lilte-purple) !important;
}

.breadcrumb .current {
  color: var(--lilte-muted) !important;
}


/* ==========================================================================
   6. Forms
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea,
.select2-container--default .select2-selection--single,
.wc-block-components-text-input input {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  color: var(--lilte-heading) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--lilte-placeholder) !important;
  opacity: 1 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: var(--lilte-purple) !important;
  box-shadow: 0 0 0 3px rgba(68, 64, 148, 0.12) !important;
  outline: none !important;
}

.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea,
input.wc-block-components-text-input__input--has-error {
  border-color: var(--lilte-pink-deep) !important;
}

.woocommerce-invalid label,
.wc-block-components-validation-error {
  color: var(--lilte-pink-deep) !important;
}

.woocommerce-validated input {
  border-color: var(--lilte-sage) !important;
}

label,
.form-row label {
  color: var(--lilte-purple) !important;
}

.form-row .required,
.required {
  color: var(--lilte-pink-deep) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--lilte-lavender-soft) !important;
  color: var(--lilte-purple) !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--lilte-purple);
}

input[type="file"],
.wpcf7-drag-n-drop-file,
.dropzone {
  background-color: var(--lilte-surface) !important;
  border: 1.5px dashed var(--lilte-lavender) !important;
  border-radius: var(--lilte-radius) !important;
  color: var(--lilte-body) !important;
}


/* ==========================================================================
   7. WooCommerce: badge, price, notices
   ========================================================================== */

.onsale,
.hot,
span.onsale {
  background-color: var(--lilte-pink) !important;
  color: #FFFFFF !important;
  border-radius: var(--lilte-radius-lg) !important;
}

.price,
.price ins,
.woocommerce-Price-amount,
.amount {
  color: var(--lilte-purple) !important;
}

.price del,
.price del .woocommerce-Price-amount {
  color: var(--lilte-muted) !important;
}

.star-rating,
.star-rating:before,
.star-rating span:before,
.comment-form-rating .stars a {
  color: var(--lilte-yellow-deep) !important;
}

.woocommerce-message,
.alert-success,
.wc-block-components-notice-banner.is-success {
  background-color: #EDF3EE !important;
  border-color: var(--lilte-sage) !important;
  color: var(--lilte-sage-deep) !important;
}

.woocommerce-message:before,
.alert-success:before {
  color: var(--lilte-sage-deep) !important;
}

.woocommerce-info,
.wc-block-components-notice-banner.is-info {
  background-color: var(--lilte-lavender-soft) !important;
  border-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

.woocommerce-info:before {
  color: var(--lilte-purple) !important;
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
  background-color: #FCEDF2 !important;
  border-color: var(--lilte-pink-deep) !important;
  color: var(--lilte-pink-deep) !important;
}

.woocommerce-error:before {
  color: var(--lilte-pink-deep) !important;
}

.woocommerce-error .wc-forward,
.alert-success .wc-forward,
.woocommerce-message .wc-forward,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
  background-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}

.woocommerce-error .wc-forward:hover,
.alert-success .wc-forward:hover,
.woocommerce-message .wc-forward:hover {
  background-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

.stock.in-stock {
  color: var(--lilte-sage-deep) !important;
}

.stock.out-of-stock {
  color: var(--lilte-pink-deep) !important;
}


/* ==========================================================================
   8. WooCommerce: cart, checkout, filter, pagination
   ========================================================================== */

table.shop_table,
table.shop_table th,
table.shop_table td,
.cart_totals table.shop_table th,
.cart_totals table.shop_table td,
.woocommerce-checkout-review-order table th,
.woocommerce-checkout-review-order table td {
  border-color: var(--lilte-line) !important;
  color: var(--lilte-body) !important;
}

table.shop_table thead th,
.cart_totals h2,
.woocommerce-checkout h3 {
  color: var(--lilte-heading) !important;
}

.cart_totals,
.woocommerce-checkout-review-order,
#order_review {
  background-color: var(--lilte-surface) !important;
  border-radius: var(--lilte-radius) !important;
}

.quantity,
.quantity input.qty {
  border-color: var(--lilte-line) !important;
  background-color: var(--lilte-surface) !important;
  color: var(--lilte-heading) !important;
}

.quantity .plus:hover,
.quantity .minus:hover,
.plus:hover,
.minus:hover {
  background-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-range {
  background-color: var(--lilte-purple) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--lilte-purple) !important;
  border-color: #FFFFFF !important;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: var(--lilte-lavender-soft) !important;
}

.woocommerce .widget_price_filter #respond input#submit,
.woocommerce .widget_price_filter a.button,
.woocommerce .widget_price_filter button.button,
.woocommerce .widget_price_filter input.button {
  border-radius: var(--lilte-radius-pill) !important;
}

.woocommerce-tabs ul.tabs li a {
  color: var(--lilte-muted) !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
  color: var(--lilte-purple) !important;
  border-color: var(--lilte-purple) !important;
}

.woocommerce-tabs ul.tabs {
  border-color: var(--lilte-line) !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.bwp-pagination a,
.page-numbers a,
.page-numbers span {
  color: var(--lilte-body) !important;
  border-color: var(--lilte-line) !important;
  border-radius: 50% !important;
}

.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover,
.page-numbers.current,
.page-numbers a:hover {
  background-color: var(--lilte-purple) !important;
  border-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}

.bwp-filter-ajax .filter_clear_all {
  color: var(--lilte-pink-deep) !important;
}

.bwp-filter-ajax .filter_clear_all:hover {
  background-color: var(--lilte-pink-deep) !important;
  color: #FFFFFF !important;
}

.product-wapper,
.products-list.grid .product-wapper {
  background-color: var(--lilte-surface) !important;
  border-radius: var(--lilte-radius) !important;
}

.product-list-home img,
.products-thumb img {
  border-radius: var(--lilte-radius) !important;
}


/* ==========================================================================
   8b. WooCommerce: order received (thank you) page
   This page uses .woocommerce-notice--success, not .woocommerce-message,
   so the rules in section 7 do not reach it.
   ========================================================================== */

.woocommerce-order .woocommerce-notice,
.woocommerce-order .woocommerce-notice--success,
.woocommerce-thankyou-order-received,
p.woocommerce-thankyou-order-received {
  background-color: #EDF3EE !important;
  border: 1px solid var(--lilte-sage) !important;
  border-radius: var(--lilte-radius) !important;
  color: var(--lilte-sage-deep) !important;
  padding: 24px 26px !important;
  margin-bottom: 26px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

ul.woocommerce-order-overview,
.woocommerce-order-overview.woocommerce-thankyou-order-details {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  padding: 18px 22px !important;
  margin: 0 0 34px 0 !important;
  list-style: none !important;
}

ul.woocommerce-order-overview li {
  border-right: 1px solid var(--lilte-line) !important;
  color: var(--lilte-muted) !important;
  text-transform: none !important;
}

ul.woocommerce-order-overview li:last-child {
  border-right: 0 !important;
}

ul.woocommerce-order-overview li strong,
ul.woocommerce-order-overview li .woocommerce-Price-amount {
  color: var(--lilte-heading) !important;
}

.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-customer-details h2 {
  color: var(--lilte-heading) !important;
}

.woocommerce-table--order-details,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td,
table.shop_table.order_details,
table.shop_table.order_details th,
table.shop_table.order_details td {
  border-color: var(--lilte-line) !important;
  color: var(--lilte-body) !important;
}

.woocommerce-table--order-details,
table.shop_table.order_details {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.woocommerce-table--order-details thead th,
table.shop_table.order_details thead th {
  background-color: var(--lilte-lavender-soft) !important;
  color: var(--lilte-heading) !important;
  border-bottom: 1px solid var(--lilte-line) !important;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td,
table.shop_table.order_details tfoot th,
table.shop_table.order_details tfoot td {
  color: var(--lilte-heading) !important;
  background-color: var(--lilte-surface-alt) !important;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
  font-weight: 700 !important;
}

.woocommerce-table--order-details td.product-name a,
.woocommerce-table--order-details .product-name a {
  color: var(--lilte-heading) !important;
}

.woocommerce-table--order-details td img,
table.shop_table.order_details td img {
  max-width: 84px !important;
  height: auto !important;
  border-radius: var(--lilte-radius-sm) !important;
  border: 1px solid var(--lilte-line) !important;
}

.wc-item-meta,
.wc-item-meta li,
.wc-item-meta strong,
.woocommerce-table--order-details .variation {
  color: var(--lilte-muted) !important;
  font-size: 13px !important;
}

.woocommerce-customer-details address,
.woocommerce-customer-details .woocommerce-column address {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  color: var(--lilte-body) !important;
  padding: 18px 20px !important;
}

.woocommerce-order-downloads,
.woocommerce-order-downloads table {
  border-color: var(--lilte-line) !important;
}

/* Any remaining dashed WooCommerce boxes */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-notice {
  border-style: solid !important;
}


/* ==========================================================================
   8c. WooCommerce: My Account
   ========================================================================== */

.woocommerce-MyAccount-navigation {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  padding: 6px 20px !important;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--lilte-line-soft) !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li span {
  color: var(--lilte-body) !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--lilte-purple) !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a.active,
.woocommerce-MyAccount-navigation ul li span.active {
  color: var(--lilte-purple) !important;
  font-weight: 600 !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  border-top: 1px solid var(--lilte-line) !important;
  border-bottom: 0 !important;
  margin-top: 6px !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--lilte-pink-deep) !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: var(--lilte-heading) !important;
}

/* Orders list and single order tables */
.shop_table.my_account_orders,
.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.shop_table.my_account_orders th,
.shop_table.my_account_orders td,
.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
  border-color: var(--lilte-line) !important;
  color: var(--lilte-body) !important;
}

.shop_table.my_account_orders thead th,
.woocommerce-orders-table thead th,
.woocommerce-MyAccount-content table.shop_table thead th {
  background-color: var(--lilte-lavender-soft) !important;
  color: var(--lilte-heading) !important;
}

/* "View" action, unstyled by the theme, so it reads as selected text */
.woocommerce-button,
a.woocommerce-button,
.woocommerce-button.view,
a.woocommerce-button.view,
.woocommerce-orders-table__cell-order-actions a {
  display: inline-block !important;
  background-color: var(--lilte-purple) !important;
  border: 1px solid var(--lilte-purple) !important;
  border-radius: var(--lilte-radius-pill) !important;
  color: #FFFFFF !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

.woocommerce-button:hover,
a.woocommerce-button:hover,
.woocommerce-orders-table__cell-order-actions a:hover {
  background-color: var(--lilte-lavender) !important;
  border-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

/* Order status line */
.order-info {
  color: var(--lilte-body) !important;
}

.order-info mark,
mark.order-status {
  background-color: var(--lilte-yellow-soft) !important;
  color: #6B4E00 !important;
  border-radius: 14px !important;
  padding: 3px 12px !important;
  font-weight: 600 !important;
}

/* Thumbnails were stretched: no object-fit was set */
.shop_table.my_account_orders td img,
.woocommerce-orders-table td img,
.woocommerce-MyAccount-content table.shop_table td img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: var(--lilte-radius-sm) !important;
  border: 1px solid var(--lilte-line) !important;
}

.woocommerce-account.my-account .woocommerce-MyAccount-content .woocommerce-Address address {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  color: var(--lilte-body) !important;
}


/* ==========================================================================
   8d. Catalog, product card and form fixes
   ========================================================================== */

/* Banner headings sat straight on a busy photo.
   A tinted veil restores contrast without hiding the artwork. */
.bwp-main .page-title:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: rgba(252, 245, 235, 0.55) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.bwp-main .page-title .content-title-heading,
.bwp-main .page-title h1,
.bwp-main .page-title .breadcrumb {
  position: relative !important;
  z-index: 2 !important;
}

.bwp-main .page-title h1 {
  color: var(--lilte-heading) !important;
}

/* Active menu item was low-contrast lavender on cream */
.bwp-header .bwp-navigation ul.menu > li.level-0.current-menu-item > a,
.bwp-header .bwp-navigation ul.menu > li.level-0.current_page_item > a,
.bwp-header .bwp-navigation ul.menu > li.level-0.current-menu-ancestor > a {
  color: var(--lilte-purple) !important;
}

/* Header counters used two different pinks */
.bwp-header .header-page-link .wishlist-box .count-wishlist,
.bwp-header .header-mobile .header-mobile-fixed .wishlist-box a .count-wishlist,
.count-wishlist,
.cart-count,
.buny-topcart .count {
  background-color: var(--lilte-pink) !important;
  color: #FFFFFF !important;
}

/* Product card: category and title read as one two-line heading */
.products-list.grid .product-wapper .products-content .cat-products,
.products-list.grid .product-wapper .products-content .cat-products a {
  color: var(--lilte-muted) !important;
  font-size: 12px !important;
  letter-spacing: 0.4px !important;
}

.products-list.grid .product-wapper .products-content h3.product-title a {
  color: var(--lilte-heading) !important;
  font-weight: 600 !important;
}

.products-list.grid .product-wapper .products-content h3.product-title a:hover {
  color: var(--lilte-purple) !important;
}

/* Price filter action was tiny next to the sidebar width */
.woocommerce .widget_price_filter #respond input#submit,
.woocommerce .widget_price_filter a.button,
.woocommerce .widget_price_filter button.button,
.woocommerce .widget_price_filter input.button {
  padding: 10px 24px !important;
  font-size: 13px !important;
  text-transform: none !important;
}

/* Contact form: the message box was around 350px tall */
.wpcf7 textarea,
.wpcf7-form textarea,
textarea.wpcf7-textarea {
  height: 150px !important;
  min-height: 150px !important;
}

/* Required marker: bright red, and sitting inside the field */
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7-form .required,
span.required,
.form-row .required,
abbr.required {
  color: var(--lilte-pink-deep) !important;
  text-decoration: none !important;
  border: 0 !important;
}


/* ==========================================================================
   8e. Ajax filter module, active-filter chips, subcategory carousel
   ========================================================================== */

/* Filter widget headings */
.bwp-woocommerce-filter-product .bwp-block-title h2,
.bwp-woocommerce-filter-product .bwp-filter .widget-title,
.bwp-woocommerce-filter-product .bwp-filter h3,
.bwp-filter-price h3,
.bwp-filter-color h3 {
  color: var(--lilte-heading) !important;
  font-size: 15px !important;
}

.bwp-woocommerce-filter-product .bwp-filter,
.bwp-woocommerce-filter-product .bwp-filter-ajax {
  border-bottom: 1px solid var(--lilte-line-soft) !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

.bwp-woocommerce-filter-product .bwp-filter:last-child,
.bwp-woocommerce-filter-product .bwp-filter-ajax:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* <facet-remove> is a custom element, so browsers give it no styling at all
   and it renders as bare text next to the heading. */
facet-remove,
.facet-remove-price {
  display: inline-block !important;
  float: right !important;
  cursor: pointer !important;
  color: var(--lilte-pink-deep) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 2px 10px !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius-pill) !important;
  background-color: var(--lilte-surface) !important;
}

facet-remove:hover,
.facet-remove-price:hover {
  background-color: var(--lilte-pink-deep) !important;
  border-color: var(--lilte-pink-deep) !important;
  color: #FFFFFF !important;
}

/* Category list inside the ajax filter */
.filter_taxonomy_product .item-taxonomy a,
.filter_category_product .item-category a {
  color: var(--lilte-body) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 6px 0 !important;
}

.filter_taxonomy_product .item-taxonomy a:hover,
.filter_category_product .item-category a:hover,
.filter_taxonomy_product .item-taxonomy.active a {
  color: var(--lilte-purple) !important;
}

.filter_taxonomy_product .item-taxonomy label.name,
.filter_category_product .item-category label.name {
  cursor: pointer !important;
}

.filter_taxonomy_product label.count,
.filter_category_product label.count,
.widget_product_categories .count {
  color: var(--lilte-muted) !important;
  font-size: 12px !important;
}

/* Colour swatches */
.bwp-filter-color ul#pa_color li.filter_color > span,
.bwp-filter-color ul li.filter_color > span {
  border: 2px solid var(--lilte-line) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.bwp-filter-color ul li.filter_color.active > span {
  border-color: var(--lilte-purple) !important;
  box-shadow: 0 0 0 2px var(--lilte-surface) inset !important;
}

.bwp-filter-color ul li.filter_color label.count {
  color: var(--lilte-body) !important;
}

.bwp-filter-color ul li.filter_color.active label.count {
  color: var(--lilte-purple) !important;
  font-weight: 600 !important;
}

/* Counter next to a filter heading */
.count-chosen {
  background-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  display: inline-block !important;
  margin-left: 6px !important;
}

/* Price range readout */
.bwp-filter-price .price-input,
.bwp-filter-price .price-input .text-price-filter,
.price_slider_amount .price_label {
  color: var(--lilte-body) !important;
}

.bwp-filter-price .price-input .woocommerce-Price-amount,
.price_slider_amount .price_label .from,
.price_slider_amount .price_label .to {
  color: var(--lilte-heading) !important;
  font-weight: 600 !important;
}

/* Active filter chips above the grid */
.woocommerce-filter-title > span {
  display: inline-block !important;
  background-color: var(--lilte-lavender-soft) !important;
  color: var(--lilte-purple) !important;
  border-radius: var(--lilte-radius-pill) !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  margin: 0 6px 6px 0 !important;
}

.woocommerce-filter-title > span.text-price {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
}

.woocommerce-filter-title .filter_clear_all {
  border-radius: var(--lilte-radius-pill) !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  border: 1px solid var(--lilte-pink-deep) !important;
  background-color: transparent !important;
}

/* Subcategory carousel sits on the banner photo */
.bwp-main .page-title .woocommerce-product-subcategorie-content {
  position: relative !important;
  z-index: 2 !important;
}

.bwp-main .page-title ul.woocommerce-product-subcategories li .woocommerce-loop-category {
  background-color: rgba(255, 255, 255, 0.82) !important;
  border-radius: var(--lilte-radius-pill) !important;
  padding: 8px 16px !important;
  margin: 0 6px !important;
}

.bwp-main .page-title.dark ul.woocommerce-product-subcategories li h2 a {
  color: var(--lilte-heading) !important;
  font-size: 13px !important;
}

.bwp-main .page-title.dark ul.woocommerce-product-subcategories li h2 a:hover {
  color: var(--lilte-purple) !important;
}

/* Grid / list switcher: active state had no fill */
.bwp-top-bar .display li a.active,
.bwp-top-bar .display li a:hover {
  background-color: var(--lilte-purple) !important;
}

.bwp-top-bar .display li a.active span,
.bwp-top-bar .display li a:hover span {
  background-color: #FFFFFF !important;
}


/* ==========================================================================
   9. Hardcoded colour fixes
   23 theme rules use #bd2020 directly; variables do not reach them.
   ========================================================================== */

.woocommerce-cart-form table.shop_table .button:hover,
.cart_totals table.shop_table > tbody > tr > td .shipping-calculator-form .button:hover,
.category-posts .cate-post-content .blog-content-modern .cat-links a:hover,
.author .blog-content-modern .cat-links a:hover,
.search .blog-content-modern .cat-links a:hover,
.post-related .blog-content-modern .cat-links a:hover,
.comments-area .comment-navigation > div a:hover,
.post-single .post-content .post-excerpt .post-password-form input[type="submit"]:hover,
.bwp-client.slider .slick-arrow:hover,
.bwp-lookbook .item-lookbook:hover .number-lookbook,
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn:hover,
.woocommerce .widget_price_filter #respond input#submit:hover,
.woocommerce .widget_price_filter a.button:hover,
.woocommerce .widget_price_filter button.button:hover,
.woocommerce .widget_price_filter input.button:hover,
.contents-detail .bwp-single-product.clean .slick-arrow:hover,
.single-product .bwp-single-info .product_meta #report_abuse_form #report-abuse table tbody tr input[type="submit"]:hover,
.quickview-container .bwp-single-info .product_meta #report_abuse_form #report-abuse table tbody tr input[type="submit"]:hover,
.vendor_dashboard.logged-in .form-row input[type="submit"]:hover,
.vendor_dashboard.logged-in input[type="submit"]:hover,
.shop_settings.logged-in input[type="submit"]:hover,
.dokan-stores #dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer a:hover,
.dokan-store .dokan-store-sidebar .dokan-store-contact .dokan-btn-theme:hover,
#dokan-store-listing-filter-wrap .dokan-btn-theme:hover,
#wcmp-store-conatiner input[type="submit"]:hover {
  background-color: var(--lilte-purple-dark) !important;
  border-color: var(--lilte-purple-dark) !important;
  color: #FFFFFF !important;
}

.post-single .edit-link a {
  color: var(--lilte-purple) !important;
  background-color: transparent !important;
}

.text-danger,
.btn-outline-danger {
  color: var(--lilte-pink-deep) !important;
}

.btn-danger,
.btn-outline-danger:hover {
  background-color: var(--lilte-pink-deep) !important;
  border-color: var(--lilte-pink-deep) !important;
  color: #FFFFFF !important;
}

.text-warning,
.btn-outline-warning,
.box-service .box-content .large-text.yellow {
  color: var(--lilte-yellow-deep) !important;
}

.btn-warning,
.btn-outline-warning:hover {
  background-color: var(--lilte-yellow) !important;
  border-color: var(--lilte-yellow) !important;
  color: #6B4E00 !important;
}

.text-success,
.btn-outline-success {
  color: var(--lilte-sage-deep) !important;
}

.btn-success,
.btn-outline-success:hover {
  background-color: var(--lilte-sage-deep) !important;
  border-color: var(--lilte-sage-deep) !important;
  color: #FFFFFF !important;
}

.entry-vote.vote-perfect .entry-vote-inner {
  background-color: var(--lilte-sage) !important;
}

.entry-vote.vote-good .entry-vote-inner {
  background-color: var(--lilte-yellow) !important;
}

body i.slick-arrow,
.slick-arrow {
  color: var(--lilte-purple) !important;
}

body i.slick-arrow:hover,
.slick-arrow:hover {
  background-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}


/* ==========================================================================
   10. Bug fixes
   ========================================================================== */

/* custom-dev-style.css had #4a4094; the brandbook value is #444094. */
.header-custom-design-btn {
  border-color: var(--lilte-purple) !important;
  background-color: var(--lilte-purple) !important;
  color: #FFFFFF !important;
}

.header-custom-design-btn:hover {
  background-color: var(--lilte-lavender) !important;
  border-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

#chaty-widget-0 .chaty-i-trigger .chaty-channel button circle,
#chaty-widget-0 .chaty-i-trigger .chaty-channel button ellipse {
  fill: var(--lilte-purple) !important;
}

.content-image-single .content-info:after {
  background: var(--lilte-lavender) !important;
}

::selection {
  background-color: var(--lilte-lavender) !important;
  color: var(--lilte-purple) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--lilte-purple) !important;
  outline-offset: 2px !important;
}


/* ==========================================================================
   11. Rounded corners
   The logo, the wave dividers and the buttons are all round, so square
   panels and images read as foreign. Radius tokens live in section 1.

   Deliberately NOT rounded: body, header, footer, page-title banner and
   any other full-bleed band - a radius there leaves stray corners against
   the viewport edge. Table cells stay square; the table itself is clipped
   by its own radius plus overflow: hidden.
   ========================================================================== */

/* Product images */
.products-list.grid .product-wapper .products-thumb,
.products-list.grid .product-wapper .products-thumb img,
.products-list .product-wapper .products-thumb a img,
.product-wapper .products-thumb .product-thumb-hover img {
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
}

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery .flex-viewport,
.single-product .images img,
.quickview-container .images img {
  border-radius: var(--lilte-radius-lg) !important;
  overflow: hidden !important;
}

.woocommerce-product-gallery .flex-control-nav li img,
.woocommerce-product-gallery__wrapper .thumbnail img,
.slick-slide .thumbnail img {
  border-radius: var(--lilte-radius-sm) !important;
}

/* Blog and portfolio thumbnails */
.entry-thumb,
.entry-thumb img,
.entry-thumb a img,
.post-thumb img,
.bwp-recent-post .item img,
.blog-content-grid .entry-post .entry-thumb {
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
}

/* Elementor images (banner cards, news cards, about section) */
.elementor-widget-image img,
.elementor-image img,
.elementor-widget-image-box .elementor-image-box-img img {
  border-radius: var(--lilte-radius) !important;
}

/* Sidebar widgets */
.bwp-sidebar > .widget {
  background-color: var(--lilte-surface) !important;
  border: 1px solid var(--lilte-line) !important;
  border-radius: var(--lilte-radius) !important;
  padding: 20px !important;
}

/* Popups, dropdowns and overlays */
.mini-cart .cart-popup,
.buny-topcart.popup .mini-cart .cart-popup,
.wp-dropdown-my-account,
.cart-details,
.search-overlay--inner,
.bwp-header .header-search-form .result-search-products,
.search-box.search-dropdown .search-box .result-search-products,
.bwp-header .header-search-form .search-from .select_category ul,
.bwp-header .header-search-form .search-from2 .select_category ul,
.quickview-container .quickview-inner,
.woosc-area .woosc-inner,
.form-login-register .box-content .sign__in--content {
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
}

/* Product tabs panel */
.woocommerce-tabs .panel,
.woocommerce-tabs .woocommerce-Tabs-panel {
  background-color: var(--lilte-surface) !important;
  border-radius: var(--lilte-radius) !important;
  padding: 22px !important;
}

/* Images inside post content and comments */
.post-single .post-content img,
.post-content-entry img,
.comments-area .comment-content img,
.woocommerce-tabs .panel img {
  border-radius: var(--lilte-radius-sm) !important;
}

/* Select2 and native dropdown panels */
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--single,
.pwb-dropdown-menu,
.woocommerce-ordering .pwb-dropdown-menu {
  border-radius: var(--lilte-radius) !important;
  overflow: hidden !important;
}

/* Grid / list view switcher in the shop toolbar */
.bwp-top-bar .display,
.bwp-top-bar .display li a {
  border-radius: var(--lilte-radius) !important;
}

