/* temp */

.option.color span,
.product-filter-by-color ul li a > span:not(.color-name) {
  border-radius: 50% !important;
  /* background: red !important; */
}

/* temp */

.ts-product-attribute > div.color > a > span:first-child, .product-filter-by-color ul li a img, .product-filter-by-material ul li a img, .ts-product-attribute a img {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
}



.ts-product-attribute > div.option:not(.color) a:before {
  content: "";
  width: 0;
  height: 0;
  border: 0px;
}

.ts-product-attribute > div.option:not(.color) a {
  padding: 5px;
  border: solid 1px #000;
  width: 55px;
  height: 32px;
  margin: auto;
  text-align: center;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: black;
}

.ts-product-attribute > div.option:not(.color) a:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* WooCommerce Variations: Style for out-of-stock / unavailable options */
/* Target disabled options in select dropdown */
.variations select option:disabled {
  color: #ccc !important;
  text-decoration: line-through;
}

/* Target variation swatches that are out of stock (if using custom swatches plugin) */
.ts-product-attribute .option.out-of-stock,
.ts-product-attribute .option.disabled {
  opacity: 0.3;
  pointer-events: none;
  position: relative;
}

.ts-product-attribute .option.out-of-stock a::after,
.ts-product-attribute .option.disabled a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
  transform: translateY(-50%) rotate(-45deg);
}

/* WooCommerce Filter Sidebar: Smooth transitions */
#ts-filter-widget-area {
  transition: all 1s ease;
  transition-property: opacity, transform, max-height;
}

#main-content {
  transition: all 1s ease;
}

.widget-container.product-filter-by-material
  ul
  li
  a
  > .material-name:first-child:last-child {
  padding: 0 !important;
  padding-right: 20px !important;
  margin: 0 0 10px 0 !important;
}

.ts-floating-sidebar.style-sidebar .ts-sidebar-content {
  width: calc(20% - 30px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 25px;
}
#main-content.show-filter-sidebar {
  padding-left: calc(20% + 15px);
}

.ts-product-attribute > div.option:not(.color).selected a:after {
  content: "";
  width: 0;
  height: 0;
}

.ts-product-attribute > div.option.selected a {
  font-weight: 600;
  opacity: 1 !important;
  /* box-shadow: inset 0 0 2px 1px #0000002b; */
}

.wpb_single_image.w-full img,
.wpb_single_image.w-full * {
  width: 100% !important;
}

.wpb_column.vc_column_container:has(.wpb_single_image.w-full img) {
  padding: 0 !important;
}                

@media only screen and (min-width: 1400px) {
  .drile-banner-style-2 .vc_inner .ts-button-wrapper {
    bottom: 0;
    left: 130px;
  }
}

footer strong {
  color: white;
}

.ts-product-attribute > div.option {
  margin: 4px 5px;
}

.ts-compare-table-wrapper > div > * {
  border-color: #00000000 !important;
}

.ts-compare-table-wrapper .product-thumbnail img {
  border-radius: 25px;
}

.ts-compare-table-wrapper {
  border-width: 0px;
}

.reset_variations {
  color: black !important;
}

a {
  text-decoration: unset;
}

/* .product-name,
.color-name,
.material-name,
.cat-item,
.heading-title,
.filter-widget-area-button a,
.orderby-current,
.product_title,
.woocommerce-product-details__short-description,
.single_add_to_cart_button,
.product-content,
.woocommerce ul.cart_list h3.product-name a,
.wc-block-components-product-name,
.tabs .tab-item {
  text-transform: lowercase !important;
}

.product-name::first-letter,
.color-name::first-letter,
.material-name::first-letter,
.cat-item::first-letter,
.heading-title::first-letter,
.filter-widget-area-button a::first-letter,
.orderby-current::first-letter,
.product_title::first-letter,
.woocommerce-product-details__short-description::first-letter,
.single_add_to_cart_button::first-letter,
.product-content::first-letter,
.woocommerce ul.cart_list h3.product-name a::first-letter,
.wc-block-components-product-name::first-letter,
.tabs .tab-item::first-letter {
  text-transform: uppercase !important;
}

.woocommerce-product-attributes-item__label,
.woocommerce .cross-sells > h2,
.woocommerce .up-sells > h2,
.woocommerce .related > h2,
a.button,
button,
input[type^="submit"],
a.button-readmore,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit,
.shopping-cart p.buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button,
.more-less-buttons a,
.woocommerce .woocommerce-ordering .orderby-current,
.woocommerce-account .woocommerce-MyAccount-navigation li,
input[type="submit"].dokan-btn,
a.dokan-btn,
.dokan-btn,
#ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a,
.sr7-content:has(.sr7-btn),
.ts-stick-compare-button,
.ts-wishlist-table-wrapper .heading-row,
.ts-compare-table-wrapper > div .heading {
  text-transform: capitalize !important;
} */

a.button,
button,
input[type^="submit"],
.ts-button,
a.button-readmore,
.ts-banner-button a,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit,
.shopping-cart p.buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button,
.more-less-buttons a,
.woocommerce .woocommerce-ordering .orderby-current,
.woocommerce-account .woocommerce-MyAccount-navigation li,
input[type="submit"].dokan-btn,
a.dokan-btn,
.dokan-btn,
#ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a,
.woocommerce .woocommerce-tabs table.shop_attributes th,
.woocommerce .cross-sells > h2,
.woocommerce .up-sells > h2,
.woocommerce .related > h2,
.breadcrumb-title-wrapper .breadcrumb-title > .page-title,
.widget-container .widget-title {
  text-transform: none !important;
}

.woocommerce-ordering li a[data-orderby="date"] {
  display: none !important;
}

#box_now_delivery_iframe,
#box_now_delivery_overlay {
  width: 101% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

.single-product .button-in.compare {
  display: none !important;
}

.product-type-gift-card .images-thumbnails {
  display: flex;
  flex-direction: column;
}

.product-type-gift-card .images-thumbnails .images {
  order: 1;
}

.product-type-gift-card .images-thumbnails .ywgc-main-form-preview-container {
  order: 2;
}

/* Dark overlay for home-wide-banner */
.home-wide-banner {
  position: relative !important;
}

.home-wide-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 36%);
  z-index: 1;
  width: 100%;
  height: 100%;
}

.home-wide-banner > * {
  position: relative;
  z-index: 2;
}


.button-in.wishlist{
  float: none !important;
  a{
    border-radius: 25px;
  }
}

#to-top {
   right: 30px;
    bottom: 100px;
}


.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}


@font-face {
  font-display: swap;
}