/*
Theme Name: Teza Shop
Text Domain: teza
Version: 1.0.237
Requires at least: 7.0.0
Tested up to: 7.0.0
Description: Teza Shop FSE Custom Theme
*/


:root{
  --main-textColor:#2F2B30;
  --main-color:#621E83;
  --off-devider: #FFB31C;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
/* .container:has(.ic-product-filter-wrapper){
  z-index: 4;
} */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
.post-type-archive-product .wp-site-blocks > * ,
.single-product .wp-site-blocks > *,
.blog .wp-site-blocks > *,
.tax-product_cat .wp-site-blocks > *,
.single-post .wp-site-blocks > *,
.home .wp-site-blocks > *{
  margin-block-start: 0;
}
.post-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 640px) {
  .post-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .post-container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .post-container {
    max-width: 800px;
  }
}
@media (min-width: 1280px) {
  .post-container {
    max-width: 800px;
  }
}
@media (min-width: 1536px) {
  .post-container {
    max-width: 800px;
  }
}

* {
  box-sizing: border-box;
}
html{
  overflow-x: hidden;}
body {
  margin: 0;
  color: var(--main-textColor);
  font-size: 15px;
  line-height: 22.5px;
  padding: 0;
}


p{
  margin-bottom: 24px;
  margin-top: 10px;
}
img {
  display: block;
}
h2,h3,h4,h5,h6{
  color: var(--main-color);
  line-height: 1.6;
  margin: 0;
}
h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}


[hidden] {
    display: none !important;
}
.narrowed-container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.viraLandingServiceBox {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px 24px;
  box-shadow: 0 12px 40px 0 rgba(16, 80, 113, 0.07);
}
.viraLandingServiceBox h1, .viraLandingServiceBox h2, .viraLandingServiceBox h3, .viraLandingServiceBox h4, .viraLandingServiceBox h5 {
  color: #212121;
}
.viraLandingServiceBox p {
  color: #868686;
}
.viraLandingServiceBox .ic-icon-display {
  background-color: #fff;
  box-shadow: 0 6px 10px 0 rgba(118, 118, 118, 0.05);
  padding: 12px;
  border-radius: 12px;
}

.img-card-container {
  background-color: #FAFAFA;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 12px 40px 0 rgba(16, 80, 113, 0.07);
  padding-top: 24px;
  padding-bottom: 24px;
}

.img-card-wrapper h1, .img-card-wrapper h2, .img-card-wrapper h3, .img-card-wrapper h4, .img-card-wrapper h5 {
  color: #2B2B2B;
}
.img-card-wrapper p {
  color: #646464;
}

.img-card-img-wrapper {
  background-color: #868686;
  border-radius: 100%;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-card-img-wrapper-1 {
  background-color: rgba(60, 191, 235, 0.1);
}

.footerSectionWrapper :where(.wp-block-columns) {
  margin-bottom: 0 !important;
}
.footerSectionWrapper p {
  color: #727272;
}
a{
  text-decoration: none;
  transition: all .4s;
}
section, header {
  width: 100%;
}
  ul , ol{
    padding: 0;
    margin: 10px 0;
    li{
      padding: 4px 0;
    }
  }
  ul{
    list-style-type: none;
  }

.entry-content.woocommerce-Tabs-panel--description , .blogPostContent , .contractor-benefits-card , .entry-content.archiveSectionWrapper{
  ul , ol{
    li{
      padding-left: 24px;
    }
  }
  ol{
    list-style: none;
    counter-reset: my-counter;  
    li{
      counter-increment: my-counter; 
      position: relative;
      &::before{
        content: counter(my-counter); 
        border: 1px solid var(--main-color);
        border-radius: 50%;
        width: 17px;
        height: 17px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        color: var(--main-color);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
      }
    }
  }
  ul li {
    position: relative;
  }
  ul{
    list-style-type: none;
    li{
      &::before {
        position: absolute;
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMTguOTU5Yy00Ljk0MiAwLTguOTU4LTQuMDE3LTguOTU4LTguOTU5UzUuMDU4IDEuMDQyIDEwIDEuMDQyIDE4Ljk1OCA1LjA1OSAxOC45NTggMTBjMCA0Ljk0Mi00LjAxNiA4Ljk1OS04Ljk1OCA4Ljk1OW0wLTE2LjY2N0M1Ljc1IDIuMjkyIDIuMjkyIDUuNzUgMi4yOTIgMTBTNS43NSAxNy43MSAxMCAxNy43MXM3LjcwOC0zLjQ2IDcuNzA4LTcuNzFTMTQuMjUgMi4yOTIgMTAgMi4yOTIiIGZpbGw9IiM2MjFlODMiLz48cGF0aCBkPSJNOC44MTcgMTIuOTg0YS42Mi42MiAwIDAgMS0uNDQyLS4xODRsLTIuMzU4LTIuMzU4YS42My42MyAwIDAgMSAwLS44ODMuNjMuNjMgMCAwIDEgLjg4MyAwbDEuOTE3IDEuOTE2TDEzLjEgNy4xOTJhLjYzLjYzIDAgMCAxIC44ODMgMCAuNjMuNjMgMCAwIDEgMCAuODgzTDkuMjU4IDEyLjhhLjYyLjYyIDAgMCAxLS40NDEuMTg0IiBmaWxsPSIjNjIxZTgzIi8+PC9zdmc+");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        left: 0;
        margin: auto;
        top: 0;
        bottom: 0;
      }
    }
  }
}

.wc-block-mini-cart__button .wc-block-mini-cart__icon{
  height: 32px !important;
  width: 32px !important;
}
.wc-block-mini-cart__button{
  padding: 0 !important;
}
.wc-block-mini-cart__badge {
  background: rgb(98, 30, 131) !important;
  color: #fff !important;
}
/* Menu styles */
.isOverflowVisible{
  overflow: visible;
}
.mainNavigation li::before{
  display: none;
}
.mainNavigation li a{
  font-size: 15px;
  color: #29282A !important;
  font-weight: 600;
}
.mainNavigation li.current-menu-item a{
  color: #621e83 !important;
}
.mainNavigation li ul li a{
  font-size: 14px;
  font-weight: 500;
}
/* Mobile Menu Styles */


/* footer design */
.footerSectionWrapper{
  .col{
    .heading{
      font-size: 15px !important;
      border-bottom: 2px solid var(--off-devider);
      width: max-content;
      margin-bottom: 8px;
    }
    ul{
      padding: 0;
      margin: 0;
      li{
        &::before{
          display: none;
        }
        padding: 0;
        margin-bottom: 8px;
        a{
          color: #fff;
           text-decoration: none;
           font-size: 14px;
           transition: all .4s;
        }
        &:hover{
          a{
            color: var(--off-devider);
          }
        }
        color: #fff;
      }
    }
  }
}
.single_add_to_cart_button {
  background-color: #621E83 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 16px;
  border-radius: 4px;
  gap: 8px;
  line-height: 26px;
}
.single_add_to_cart_button::before{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M16.803%2010.833H4.516l-.784-6.666h7.935V2.5H3.535L3.5%202.207A2.5%202.5%200%200%200%201.018%200H0v1.667h1.018a.833.833%200%200%201%20.828.735l1.32%2011.224a2.5%202.5%200%200%200%202.482%202.207h11.019v-1.666H5.648a.834.834%200%200%201-.827-.737l-.11-.93h13.486l.75-4.167h-1.693zM5.833%2020a1.667%201.667%200%201%200%200-3.333%201.667%201.667%200%200%200%200%203.333m8.334%200a1.667%201.667%200%201%200%200-3.333%201.667%201.667%200%200%200%200%203.333%22%2F%3E%3Cpath%20d%3D%22M17.5%202.5V0h-1.667v2.5h-2.5v1.667h2.5v2.5H17.5v-2.5H20V2.5z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  width: 20px;
  height: 20px;
}
.single_add_to_cart_button.loading::before{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%201a11%2011%200%201%200%2011%2011A11%2011%200%200%200%2012%201m0%2019a8%208%200%201%201%208-8%208%208%200%200%201-8%208%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M12%204a8%208%200%200%201%207.89%206.7%201.53%201.53%200%200%200%201.49%201.3%201.5%201.5%200%200%200%201.48-1.75%2011%2011%200%200%200-21.72%200A1.5%201.5%200%200%200%202.62%2012a1.53%201.53%200%200%200%201.49-1.3A8%208%200%200%201%2012%204%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20dur%3D%220.75s%22%20values%3D%220%2012%2012%3B360%2012%2012%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.single_add_to_cart_button.added::before{
  content: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20.614%205.649a1%201%200%200%201%20.084%201.422L10.184%2018.74a1%201%200%200%201-1.428.058l-6.084-5.727a1.01%201.01%200%200%201-.09-1.36%201.01%201.01%200%200%201%201.455-.126l4.72%204.246a1%201%200%200%200%201.412-.074L19.212%205.73a1%201%200%200%201%201.402-.082z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.woocommerce-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  
  /* PREVENT LINE BREAKS */
  white-space: nowrap; 
  
  /* Force scrollbar behavior */
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* Smooth momentum scrolling on mobile */
  
  padding-bottom: 12px !important;
  margin-bottom: -4px !important;
  margin-top: 12px !important;
  
  /* Firefox Scrollbar styling */
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f3f4f6;

  /* VISUAL INDICATOR: 
     Creates a fading gradient on the right edge to show there is more content. */
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
}

/* Chrome, Edge, Safari, Opera Scrollbar styling */
.woocommerce-breadcrumb::-webkit-scrollbar {
  height: 6px;
  display: block !important;
}

.woocommerce-breadcrumb::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 20px;
}

.woocommerce-breadcrumb::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 20px;
}

.woocommerce-breadcrumb::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af;
}

/* Apply to all children (links, spans, plain text) to ensure nothing breaks */
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span,
.woocommerce-breadcrumb {
  text-decoration: none;
  flex-shrink: 0;
  white-space: nowrap; /* Forces all inner items to stay on one line */
}

.single-product .taxonomy-product_tag.wp-block-post-terms a , .single-product .taxonomy-product_tag.wp-block-post-terms a:visited{
  color: #363338;
  font-weight: 600;
  background-color: #f3f1f4;
  padding: 4px;
  display: inline-block;
  font-size: 13px;
  border-radius: 4px;
}

.taxonomy-product_tag{
      display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}

.single-product .singleTagBadge.wp-block-post-terms a , .single-product .taxonomy-product_tag.wp-block-post-terms a:visited{
  text-decoration: none;
  background-color: #F4E8FA;
  color: #621E83;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: max-content;
}
.woo-variation-swatches .variable-items-wrapper {
  padding: 8px 0;
  gap: 6px;
}
.woocommerce table.variations tr td, .woocommerce table.variations tr th {
  padding-bottom: 8px;
  line-height: 14px !important;
  font-size: 14px;
  color: #3E3D40;
  font-weight: 700;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
  width: 48%;
  margin: 0;
  padding: 12px;
  color: #6F6D73;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  height: auto;
  box-shadow: none;
}
@media(min-width: 480px){
  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    width: 31%;
  }
}
@media(min-width: 768px){
  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    width: 23%;
  }
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
  color: #621E83;
  border-color: #621E83;
}
.variable-item.image-variable-item{
  width: 80px !important;
  height: 50px !important;
  border: 2px solid #E8E8E8 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}
.variable-item.image-variable-item.image-variable-item-black img{
    object-fit: cover !important;
    border-radius: 4px !important;
}
.variable-item.image-variable-item.image-variable-item-black.selected{
    border-color: #621E83 !important;
}
.variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents::before {
  width: 20px !important;
  height: 20px !important;
  right: -10px !important;
  top: -10px !important;
  background-color: #621E83 !important;
  border-radius: 100% !important;
}
.woocommerce-variation-price{
  font-style: normal;
  font-weight: 700;
  color: #621e83;
}
.woocommerce-variation-price::before{
  content: 'Final Price: ';

}
.mytheme-delivery-estimation{
  color: #C73D24;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

/* ==========================================================================
   Desktop Styles (Your exact original styles untouched)
   ========================================================================== */
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs {
  display: flex;
  justify-content: center;
}
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li {
  width: 25%;
  text-align: center;
  transition: all 0.25s;
}
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active {
  color: #29282A;
  border-color: #621E83;
}
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover {
  border-color: #621E83;
}
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a {
  padding: 12px;
}

/* ==========================================================================
   Mobile-Only Styles (Horizontal Scrolling & Visual Indicator)
   ========================================================================== */
@media (max-width: 768px) {
  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs {
    justify-content: flex-start; /* Align tabs to start scrolling from left */
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* Momentum scrolling on iOS */
    padding-bottom: 8px !important;
    
    /* Visual Fade-Out Indicator on the right */
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);

    /* Firefox Scrollbar Styling */
    scrollbar-width: thin;
    scrollbar-color: #d1d5db #f3f4f6;
  }

  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li {
    width: auto !important; /* Overrides the desktop 25% width so tabs fit content */
    flex-shrink: 0;         /* Prevents tabs from squashing */
    text-align: left;
    white-space: nowrap;    /* Prevents words like "Additional information" from breaking */
  }

  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a {
    display: block;
    white-space: nowrap;    /* Double assurance to prevent line breaking */
  }

  /* Custom Webkit Scrollbars for Mobile Chrome, Safari, and Edge */
  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs::-webkit-scrollbar {
    height: 5px;
    display: block !important;
  }

  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 10px;
  }

  html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 10px;
  }
}

/* ==========================================================================
   Mobile-Only Styles for Payment Methods (Horizontal Scroll & Visual Indicator)
   ========================================================================== */
@media (max-width: 768px) {
  .singlePaymentMethods {
    /* Override Gutenberg wrap settings */
    display: flex !important;
    flex-wrap: nowrap !important; 
    justify-content: flex-start !important;
    gap: 8px !important; /* Spacing between payment logos */
    
    /* Force horizontal scroll */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch; /* Momentum scrolling on iOS */
    
    /* Padding to make sure borders/shadows don't get clipped by the scrollbar */
    padding-bottom: 8px !important; 
    
    /* Visual Fade-Out Indicator on the right */
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);

    /* Firefox Scrollbar Styling */
    scrollbar-width: thin;
    scrollbar-color: #d1d5db #f3f4f6;
  }

  /* Prevent payment logos from shrinking or wrapping */
  .singlePaymentMethods .wp-block-image {
    flex-shrink: 0 !important; 
    margin-bottom: 0 !important; /* Clear Gutenberg default margins */
  }

  /* Custom Webkit Scrollbars for Mobile Chrome, Safari, and Edge */
  .singlePaymentMethods::-webkit-scrollbar {
    height: 5px;
    display: block !important;
  }

  .singlePaymentMethods::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 10px;
  }

  .singlePaymentMethods::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 10px;
  }
}
@media(max-width:480px){
  .customSizeBox p{
    margin-bottom: 4px;
  }
  .singleShopFeatures{
    /* grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 100%), (100% - (12px * (3 - 1))) /3), 1fr)); */
    grid-template-columns:  repeat(auto-fit,minmax(100px,1fr));
    gap: 5px;
  }
  .singlePaymentMethods{
    justify-content: space-between;
  }
}
@media(max-width:768px){
  .mainNavigation{
    display: none !important;
  }
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price {
  display: none;
}

.fkcart-primary-button , #fkcart-checkout-button{
  border-radius: 4px !important;
}
#fkcart-checkout-button{
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 16px !important;
}
.fkcart-shortcode-icon-wrap{
  color: #621E83;
}
.wp-block-woocommerce-add-to-cart-form .variations_button, .wp-block-woocommerce-add-to-cart-form form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper form.cart div.wc-block-components-quantity-selector.quantity {
  width: 100%;
  margin-right: 80%;
}
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name="add-to-cart"] {
  width: 49%;
}
@media(max-width:768px){
  .woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name="add-to-cart"] {
    width: 100%;
  }
}
button[name="buy-now"]{
  background-color: #E66402 !important;
  border: none;
  color: #fff;
}
button[name="buy-now"]::before{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.544%208.754c0-.583-.047-1.166-.14-1.736h-7.96v3.294h4.56a3.97%203.97%200%200%201-1.688%202.605v2.14h2.72c1.594-1.486%202.508-3.686%202.508-6.303%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M8.444%2017.127c2.274%200%204.197-.761%205.592-2.07l-2.72-2.14c-.762.523-1.735.82-2.872.82-2.204%200-4.068-1.51-4.736-3.532H.906v2.212c1.43%202.89%204.35%204.71%207.538%204.71%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M3.708%2010.205a5.24%205.24%200%200%201%200-3.283v-2.2H.906a8.6%208.6%200%200%200%200%207.683z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M8.444%203.39a4.5%204.5%200%200%201%203.236%201.285l2.415-2.45A8.08%208.08%200%200%200%208.445%200C5.254%200%202.335%201.832.905%204.722l2.802%202.212C4.376%204.901%206.24%203.39%208.444%203.39%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.woosw-btn-has-icon , .woosc-btn-has-icon {
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #621E83;
  margin-bottom: 24px;
}
.woosw-btn-has-icon .woosw-btn-icon.woosw-icon-8 , .woosc-btn-has-icon .woosw-btn-icon.woosw-icon-8{
  font-size: 18px;
}
@media(max-width:768px){
  .woosw-item--actions{
    display: none;
  }
}
.woosc-sidebar-item-action{
  display: none;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
  background-color: #621E83;
}
/* Pagination Styles */
.wp-block-query-pagination span , .wp-block-query-pagination a{
  border-radius: 4px;
  border: 1px solid #EFEDF0;
  color: #242226;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wp-block-query-pagination a.page-numbers{
  transition: all 0.2s;
}
.wp-block-query-pagination a.page-numbers:hover{
  background-color: #fdf8ff;
}
.wp-block-query-pagination .current{
  background-color: #621E83;
  border-color: #621E83;
  color: #fff;
}
.post-type-archive-product .wc-block-components-product-price{
  font-size: 13px;
  font-weight: 500;
  color: #6B6773;
  margin-bottom: 8px !important;
}
.post-type-archive-product .wc-block-components-product-price>span{
  font-size: 16px;
  color: #242226;
  font-weight: 700;
}
.woocommerce-button.wp-element-button.button.view , .wp-block-read-more{
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: none !important;
  color: #621e83 !important;
  padding: 0 !important;
}
.woocommerce-button.wp-element-button.button.view::after , .wp-block-read-more::after{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.62%203.953%2013.667%208%209.62%2012.047M2.333%208h11.22%22%20stroke%3D%22%23621e83%22%20stroke-width%3D%221.7%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
}
.woocommerce-ordering{
  display: flex;
  align-items: center;
  gap: 8px;
}
.woocommerce-ordering label{
  color: #3E3D40;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
}
.woocommerce-ordering select{
  border: 1px solid #E1DDE8;
  background: none;
  padding: 12px;
  border-radius: 4px;
  color: #3E3D40;
  font-weight: 500;
  font-size: 14px;
}
.woocommerce-ordering option{
  font-weight: normal;
  color: #3E3D40;
}
.wc-block-product{
  border: 1px solid #F4EDF7;
  border-radius: 8px;
  padding: 8px !important;
  position: relative;
  overflow: hidden;
  .wp-block-post-title a{
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
}
.wc-block-product .taxonomy-product_tag.wp-block-post-terms a, .wc-block-product .taxonomy-product_tag.wp-block-post-terms a:visited {
  color: #87858C;
  font-size: 14px;
  font-weight: 700;
}
.wc-block-product .taxonomy-product_tag.wp-block-post-terms a:not(:first-child) {
  display: none;
}
.wc-block-product .taxonomy-product_tag.wp-block-post-terms span {
  display: none;
}
.wc-block-product .woosc-btn , .wc-block-product .woosw-btn{
  background-color: #E6E6E6;
  position: absolute;
  padding: 8px;
  border-radius: 4px;
  right: -40px;
  transition: all 0.4s ease-in-out;
}
.wc-block-product:hover .woosc-btn , .wc-block-product:hover .woosw-btn{
  right: 20px;
}
.wc-block-product:hover .woosc-btn{
  transition-delay: 0.15s;
}
.wc-block-product .woosw-btn {
  top: 20px;
}
.wc-block-product .woosc-btn {
  top: 64px;
  transition-delay: 0.15s;
}
.wc-block-product .woosw-btn-icon , .wc-block-product .woosc-btn-icon{
  color: #404040;
  font-size: 20px;
}
.wc-block-product .woosw-btn-icon~span , .wc-block-product .woosc-btn-icon~span{
  display: none;
}



.customeCol {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  @media (max-width:600px){
    .innerCustomeCol{
      border:none !important;
    }
  }
}

.floatBox {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
    margin-top: auto;
  left: 0;
  right: 0;
  @media(max-width:600px){
    top: unset;
    bottom: -60px;
  }
}

.wp-block-ic-section-wrapper{
  .btn-minimal {
    padding: 0;
  }
}
.supportBox{
  .my-custom-button{
    width: 100%;
  }
}
.exploreBox , .supportBox{
  @media (max-width:600px){
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.gform_title{
  @media (max-width:600px){
    font-size: 20px;
  }
}
.fullBtn{
  .my-custom-button{
    width: 100%;
  }
}
/* Product Columns Responsive */
.filterMobileHook{
  display: none;
}
.filterOpened{
  display: flex !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: scroll;
  background-color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  z-index: 9;
}
.filterOpened .ic-product-filter-wrapper{
  width: 100% !important;
}
.ic-filter-close-button , .ic-filter-close{
  display: none;
}
@media (max-width: 960px) {
  .ic-filter-close{
    display: flex;
  }
  .ic-filter-close-button{
      display: block;
  }
  ul.wc-block-product-template > li {
    width: 50% !important;
  }
  .wp-block-column:has(.ic-product-filter-wrapper){
    display: none;
  }
  .wp-block-column:has(.wp-block-woocommerce-product-collection){
    width: 100% !important;
    flex-grow: 1 !important;
  }
  .filterMobileHook{
    margin-left: 8px !important;
    padding: 9px !important;
    background-color: #f3edf5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }
}
@media (max-width: 620px) {
  .wc-block-product-results-count{
    display: none !important;
  }
  .wp-block-group:has(.wc-block-catalog-sorting){
    width: 100%;
    justify-content: space-between;
  }
  p:has(+ .ic-view-switcher-wrapper) {
    display: none;
  }
}
@media (max-width: 550px) {
  ul.wc-block-product-template > li {
    width: 100% !important;
  }
}

/* .shopFilterSectionWrapper .container{
  z-index: 5;
} */
.woocommerce-ordering label{
  @media(max-width:600px){
    display: none;
  }
}

/* Shop Page Product Category Nav Styles */
.wp-block-woocommerce-product-categories{
  
}
.wp-block-woocommerce-product-categories ul{
  display: flex;
  gap: 8px;
}
.wp-block-woocommerce-product-categories ul li{
  padding: 0 !important;
}
.archiveProductNav{
  display: flex;
  gap: 8px;
}
.wp-block-woocommerce-product-categories ul li a , .archiveProductCurrent , .archiveProductBack{
  background-color: var(--main-color);
  color: #fff;
  padding: 12px 20px;
  border-radius: 4px;
  display: block;
  border: 1px solid var(--main-color);
  min-width: max-content;
}
.archiveProductBack{
  display: flex;
  align-items: center;
  gap: 4px;
}
.wp-block-woocommerce-product-categories ul li a , .archiveProductBack{
  background-color: #fff;
  color: var(--main-color);
}
.wp-block-woocommerce-product-categories ul li ul{
  display: none;
}
.archiveCAtegoriesWrapper {
  overflow-x: auto;
}
.single-product.outofstock .quantity{
  display: none !important;
}
.variations_form>div{
  width: 100%;
}
.variations_form tbody{
  display: table;
  width: 100%;
}
:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image.wc-block-components-product-image--aspect-ratio-auto img{
  object-fit: cover !important;
}
.woocommerce-Tabs-panel > h2:first-child{
  display: none;
}
/* ==========================================================================
   1. Tab Structure & Container Alignments
   ========================================================================== */

/* Stack the default side-by-side WooCommerce columns */
#customer_login.col2-set {
    display: block !important;
    float: none !important;
    width: 100% !important;
    border: 1px solid #F4EDF7;
    padding: 24px;
    border-radius: 12px;
}

#customer_login .u-column1, 
#customer_login .u-column2 {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Hide original form titles (Login / Register) inside panels */
#customer_login .u-column1 h2,
#customer_login .u-column2 h2 {
    display: none !important;
}

/* Tab Header Navigation Buttons */
.custom-account-tabs-nav {
    display: flex;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 30px;
}

.custom-account-tabs-nav .tab-btn {
    flex: 1;
    background: none !important;
    border: none !important;
    padding: 15px 10px !important;
    font-size: clamp(14px,1vw,18px) !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-align: center;
    color: #888 !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
}

.custom-account-tabs-nav .tab-btn:hover {
    color: #111 !important;
}

.custom-account-tabs-nav .tab-btn.active {
    color: var(--main-color) !important;
    border-bottom-color: var(--main-color) !important; /* Matches your theme text/primary color */
}

/* Tab Switching Visibility */
.tab-inactive {
    display: none !important;
}

.tab-active {
    display: block !important;
    animation: wooCustomFadeIn 0.35s ease-in-out;
}

@keyframes wooCustomFadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}


/* ==========================================================================
   2. Your Custom Registration Field Order (Flexbox rules merged)
   ========================================================================== */

.woocommerce-form-register, .woocommerce-form-login, form.login, form.register {
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 24px !important;
}

/* Order 1: First Name & Last Name (Side-by-Side Wrapper) */
.reg-custom-names-row {
    order: 1 !important;
}

/* Order 2: Default Email Field */
.woocommerce-form-register p.woocommerce-form-row:has(input[type="email"]),
.woocommerce-form-register p:has(#reg_email) {
    order: 2 !important;
}

/* Order 3: Phone Number */
.reg-custom-phone {
    order: 3 !important;
}

/* Order 4: Default Password Field */
.woocommerce-form-register p.woocommerce-form-row:has(input[type="password"]):not(.reg-custom-confirm-password),
.woocommerce-form-register p:has(#reg_password) {
    order: 4 !important;
}

/* Order 5: Confirm Password */
.reg-custom-confirm-password {
    order: 5 !important;
}

/* Order 6: Contractor Radio Buttons */
.reg-custom-contractor {
    order: 6 !important;
}

/* Order 7: Which best describes you? */
.reg-custom-describe {
    order: 7 !important;
}

/* Order 8: Terms & Privacy Checkbox */
.reg-custom-terms {
    order: 8 !important;
    span{
      color: #737275;
      font-weight: 500;
    }
    a{
      color: var(--main-color);
      text-decoration: underline;
      font-weight: 500;
    }
}

/* Order 9: WooCommerce Privacy Policy Text */
.woocommerce-form-register .woocommerce-privacy-policy-text {
    order: 9 !important;
}

/* Order 10: Register Button Wrapper */
.woocommerce-form-register p.form-row:last-child,
.woocommerce-form-register .woocommerce-FormRow:has(button[name="register"]) {
    order: 10 !important;
}


/* ==========================================================================
   3. Custom Field Structural Alignment
   ========================================================================== */

/* Side-by-side Layout for Names */
.reg-custom-names-row {
    display: flex;
    gap: 20px;
    width: 100%;
    @media (max-width:786px){
      flex-direction: column;
      p{
        width: 100% !important;
      }
    }
}
.reg-custom-names-row p {
    flex: 1;
    margin-bottom: 0;
}

/* Align Option Groups horizontally like in your image */
.radio-group, .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 5px;
}
.radio-group label, .checkbox-group label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: normal;
}
.field-label-title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
/* ==========================================================================
   4. modify icons
========================================================================== */
/* General styling for inputs to make room for icons */
.woocommerce-form-register input.input-text,
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="tel"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-login input.input-text,
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="tel"],
.woocommerce-form-login input[type="text"] {
    background-repeat: no-repeat !important;
    background-position: 12px center !important; /* Positions icon on the left */
    background-size: 18px 18px !important;       /* Adjust icon size */
    padding-left: 40px !important;    /* Pushes text to the right of the icon */
}
.woocommerce-form-register label, .woocommerce-form-login label, .field-label-title{
  font-weight: 500;
  font-size: 14px;
  color: #19191A;
  margin-bottom: 6px !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
  margin-bottom: 0 !important;
}
/* 1. Email Icon */
#reg_email {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.334%2013.666H4.667c-2%200-3.333-1-3.333-3.333V5.666c0-2.333%201.333-3.333%203.333-3.333h6.667c2%200%203.333%201%203.333%203.333v4.667c0%202.333-1.333%203.333-3.333%203.333%22%20stroke%3D%22%237e7c80%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.333%206%209.246%207.667c-.686.546-1.813.546-2.5%200L4.667%206%22%20stroke%3D%22%237e7c80%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
}

/* 2. Password & Confirm Password Icons */
#reg_password, 
#reg_password_confirm,
#password {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%237e7c80%22%3E%3Cpath%20d%3D%22M12.667%205.616v-.95a4.666%204.666%200%201%200-9.333%200v.95a3.33%203.33%200%200%200-2%203.05v4A3.337%203.337%200%200%200%204.667%2016h6.667a3.337%203.337%200%200%200%203.333-3.333v-4a3.33%203.33%200%200%200-2-3.051m-8-.95a3.333%203.333%200%200%201%206.667%200v.667H4.667zm8.667%208a2%202%200%200%201-2%202H4.667a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h6.667a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20d%3D%22M8%209.333a.667.667%200%200%200-.667.667v1.333a.667.667%200%201%200%201.334%200V10A.667.667%200%200%200%208%209.333%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/* 3. First Name & Last Name Icons */
#reg_billing_first_name, 
#reg_billing_last_name,
#username {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%208a3.333%203.333%200%201%200%200-6.667A3.333%203.333%200%200%200%208%208m5.727%206.667C13.727%2012.087%2011.16%2010%208%2010s-5.727%202.087-5.727%204.667%22%20stroke%3D%22%237e7c80%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
}

/* 4. Phone Icon */
#reg_billing_phone {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.647%2012.22c0%20.24-.053.486-.167.726a2.8%202.8%200%200%201-.453.68c-.327.36-.687.62-1.093.787q-.6.252-1.3.253-1.022.002-2.174-.486a11.7%2011.7%200%200%201-2.293-1.32%2019%2019%200%200%201-2.187-1.867%2019%2019%200%200%201-1.86-2.18c-.546-.76-.986-1.52-1.307-2.273q-.48-1.14-.48-2.18c0-.454.08-.887.24-1.287q.239-.612.767-1.113c.427-.42.894-.627%201.387-.627.187%200%20.373.04.54.12.173.08.326.2.446.373l1.547%202.18q.179.248.267.467c.06.14.093.28.093.407q0%20.242-.14.473a2.3%202.3%200%200%201-.373.473l-.507.527a.36.36%200%200%200-.106.267c0%20.053.006.1.02.153.02.053.04.093.053.133q.18.332.62.854c.3.346.62.7.966%201.053.36.353.707.68%201.06.98.347.293.634.493.86.613l.12.054a.5.5%200%200%200%20.167.026c.114%200%20.2-.04.274-.113l.506-.5q.25-.252.48-.373a.9.9%200%200%201%20.474-.14q.188-.002.406.086.219.09.467.26l2.207%201.567q.258.178.366.427c.067.166.107.333.107.52Z%22%20stroke%3D%22%237e7c80%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E') !important;
}
.woocommerce-form-login__submit , .woocommerce-form-register__submit{
  background-color: var(--main-color);
  display: block;
  width: 100%;
  padding: 16px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
}
/* Special handling for WooCommerce Password Toggle 
   To ensure the "Show Password" eye icon doesn't overlap our icon */
.password-input {
    display: block;
    position: relative;
}

.password-input .show-password-input {
    right: 10px; /* Keeps the eye icon on the right */
}

.show-password-input::before{
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20stroke%3D%22%237e7c80%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.687%206.313%206.313%209.687a2.384%202.384%200%201%201%203.373-3.373%22%2F%3E%3Cpath%20d%3D%22M11.88%203.846c-1.167-.88-2.5-1.36-3.88-1.36-2.353%200-4.547%201.387-6.073%203.787-.6.94-.6%202.52%200%203.46a9.6%209.6%200%200%200%201.806%202.113m1.88%201.174c.76.32%201.567.494%202.387.494%202.353%200%204.547-1.387%206.073-3.787.6-.94.6-2.52%200-3.46a11%2011%200%200%200-.706-.98%22%2F%3E%3Cpath%20d%3D%22M10.34%208.467a2.38%202.38%200%200%201-1.88%201.88m-2.146-.66-4.98%204.98M14.667%201.333l-4.98%204.98%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}
.display-password::before{
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20fill%3D%22%23374957%22%3E%3Cpath%20d%3D%22M23.27%209.419C21.72%206.893%2018.193%202.655%2012%202.655S2.28%206.893.729%209.419a4.91%204.91%200%200%200%200%205.162c1.55%202.526%205.079%206.764%2011.27%206.764%206.193%200%209.72-4.238%2011.272-6.764a4.91%204.91%200%200%200%200-5.162m-1.704%204.115c-1.332%202.166-4.347%205.81-9.566%205.81s-8.234-3.644-9.566-5.81a2.92%202.92%200%200%201%200-3.068C3.766%208.3%206.78%204.655%2012%204.655s8.234%203.64%209.566%205.81a2.92%202.92%200%200%201%200%203.069%22%2F%3E%3Cpath%20d%3D%22M12%207a5%205%200%201%200%200%2010%205%205%200%200%200%200-10m0%208a3%203%200%201%201%200-6%203%203%200%200%201%200%206%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}
/* Container styling */
.icTooltip {
  margin-left: 3px;
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  
  /* Prevent parent flexboxes from shrinking the icon to 0 */
  flex-shrink: 0; 
  
  /* Dimensions */
  width: 14px;
  height: 14px;

  /* Background properties */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9IiNiOWI2YmYiPjxwYXRoIGQ9Ik02IDBhNiA2IDAgMSAwIDYgNiA2LjAwNiA2LjAwNiAwIDAgMC02LTZtMCAxMWE1IDUgMCAxIDEgMC05Ljk5OUE1IDUgMCAwIDEgNiAxMSIvPjxwYXRoIGQ9Ik02IDVoLS41YS41LjUgMCAxIDAgMCAxSDZ2M2EuNS41IDAgMSAwIDEgMFY2YTEgMSAwIDAgMC0xLTFtMC0xYS43NS43NSAwIDEgMCAwLTEuNUEuNzUuNzUgMCAwIDAgNiA0Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
}


/* Tooltip Bubble */
.icTooltip::after {
  content: attr(data-tooltip); /* Grabs text from the HTML data-tooltip attribute */
  position: absolute;
  bottom: 135%; /* Positions it above the icon */
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background-color: #333333;
  color: #ffffff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
  pointer-events: none; /* Prevents hovering issues */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 99;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Tooltip Arrow */
.icTooltip::before {
  content: "";
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 99;
}

/* Show Tooltip & Arrow on Hover */
.icTooltip:hover::after,
.icTooltip:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0); /* Smooth slide up effect */
}
@media(max-width:781px){
.accountSection .wp-block-column:nth-child(1){
  order: 2;
}
.accountSection .wp-block-column:nth-child(2){
  order: 1;
}
}

.sidebarCard{
  .wc-block-product{
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    margin: 0 5px !important;
    border-radius: 0;
    border-bottom: 1px solid #F4EDF7;
    padding: 10px 0 !important;
    &:last-child{
      border: none;
    }
  }
}
.wp-block-woocommerce-cart-order-summary-heading-block{
  color: #29282A !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.wc-block-cart__submit-button , .wc-block-components-totals-coupon__button{
  background-color: var(--main-color);
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
}
.wc-block-components-totals-coupon__button{
  padding: 12px;
  font-size: 15px;
}
#wc-block-components-totals-coupon__input-coupon{
  margin: 0 !important;
}
.wc-block-components-checkout-step__title{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #525054;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: inset 0 0 0 1.5px var(--main-color);
}
.edit-post-visual-editor .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected, .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
  border: 2px solid var(--main-color);
}
.wc-block-components-checkout-place-order-button--full-width{
  background-color: var(--main-color);
  padding: 16px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
}
.wc-block-checkout__shipping-method-container>div{
  justify-content: start;

}
.wc-block-checkout__shipping-method-container>div::after{
  content: '';
  display: block;
  margin-top: 8px;
  width: 100%;
  font-size: 14px;
  color: rgba(0,0,0,0.5);
}
.wc-block-checkout__shipping-method-container>div:nth-child(1)::after{
  content: 'Ship to your address';
}
.wc-block-checkout__shipping-method-container>div:nth-child(2)::after{
  content: 'Pickup at our warehouses';
}

.wp-block-post-excerpt__excerpt{
  color: #6C6470;
}
.custom-nav-link.prev-nav-link, .custom-nav-link.next-nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
}

.custom-nav-link.prev-nav-link, .custom-nav-link.next-nav-link {
  .nav-thumb-wrapper {
    display: block;      /* 1. Force the anchor to behave as a block */
    width: 30%;
    flex-shrink: 0;      /* 2. Prevent the thumbnail from shrinking on small screens */
    aspect-ratio: 4/3;   /* 3. Define the 4:3 aspect ratio */
    overflow: hidden;    /* Keep image within the boundaries */
    border-radius: 6px;  /* Optional: rounded corners */

    img {
      width: 100%;
      height: 100%;      /* 4. Crucial: force image to fill the 4:3 height */
      display: block;
      object-fit: cover; /* Crop nicely */
    }
  }
}

.nav-text-wrapper {
  flex-grow: 1;          /* Let the text occupy the remaining space */
}

.nav-action-link {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  color: var(--main-color);
  font-weight: 600;
  font-size: 14px;
}

.nav-post-title {
  color: #413F42;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: block;
}

.custom-nav-link.prev-nav-link .nav-action-link svg {
  transform: rotate(180deg);
}
.custom-nav-link.next-nav-link .nav-post-title{
  text-align: right;
}
.custom-nav-link.next-nav-link .nav-action-link{
  justify-content: end;
}

@media (min-width: 600px) {
    .comment-form {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    /* Force the title and notes to take 100% width */
    .comment-notes, .comment-reply-title {
        flex: 0 0 100%;
    }

    /* Name and Email at 49% each */
    .comment-form-author, 
    .comment-form-email {
        flex: 0 0 49%;
    }

    /* Comment textarea and submit button at 100% */
    .comment-form-comment,
    .comment-form-cookies-consent,
    .form-submit {
        flex: 0 0 100%;
    }
}
.wp-block-comments-title , .comment-reply-title{
  color: #323133;
  line-height: 1.5;
  font-size: 20px;
}
.blogPostContent{
  h2{
    font-size: 28px;
  }
  h3{
    font-size: 24px;
  }
  h4{
    font-size: 20px;
  }
  h5{
    font-size: 18px;
  }
  h6{
    font-size: 16px;
  }
}

/* Responsive scroll wrapper */
.blogPostContent figure.wp-block-table {
  width: 100%;
  overflow-x: auto; /* Enables horizontal scrollbar when table overflows */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  margin-bottom: 20px; /* Space below the table */
  cursor: grab;
}
.blogPostContent figure.wp-block-table.active, .woocommerce-Tabs-panel--description figure.wp-block-table.active{
  cursor: grabbing;
  user-select: none; /* Temporarily disables text selection only while actively dragging */
}
/* Table styling inside blog post content */
.blogPostContent table, .woocommerce-Tabs-panel--description table{
  width: 100%;
  min-width: 600px; /* Forces the table to maintain a readable width on mobile, trigger scrolling */
  border-collapse: separate; /* Required for rounded corners */
  border-spacing: 0;
  border: 1px solid #ECE6F0;
  border-radius: 8px;
  overflow: hidden; /* Ensures background colors don't bleed over corners */
  font-family: sans-serif;
}
/* Header styling */
.blogPostContent th, .woocommerce-Tabs-panel--description th{
  background-color: #F8F5FA;
  color: #621E83;
  text-align: left;
  padding: 16px;
  font-weight: 600;
  border: none !important;
  border-bottom: 1px solid #ECE6F0 !important;
  white-space: nowrap; /* Prevents header text from wrapping awkwardly on small screens */
}

/* Cell styling */
.blogPostContent td, .woocommerce-Tabs-panel--description td{
  color: #2F2B30;
  padding: 16px;
  border: none !important;
  border-bottom: 1px solid #ECE6F0 !important;
  border-right: 1px solid #ECE6F0 !important;
  vertical-align: top;
  font-weight: 500;
}

/* Remove right border on the last column */
.blogPostContent td:last-child, 
.woocommerce-Tabs-panel--description th:last-child {
  border-right: none;
}

/* Remove bottom border on the last row */
.blogPostContent tr:last-child td , .woocommerce-Tabs-panel--description tr:last-child td{
  border-bottom: none;
}
@media(max-width:768px){
  .customTezaCTA{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

/* ========== REVIEW FORM ========== */
.comment-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.comment-form p.comment-form-author,
.comment-form p.comment-form-email {
  width: calc(50% - 10px);
  margin: 0;
  flex: unset;
  @media (max-width:768px){
    width: 100%;
  }
}

.comment-form p.comment-form-rating,
.comment-form p.comment-form-comment,
.comment-form p.comment-form-cookies-consent {
  width: 100%;
  margin: 0 0 10px 0;
}
.singleTagBadge.wp-block-post-terms a:not(:first-of-type) {
    display: none !important;
}
.singleTagBadge.wp-block-post-terms .wp-block-post-terms__separator {
    display: none !important;
}
/* modify my-account styles for logged in users */
.woocommerce-account.logged-in .wp-block-column:has(.wp-block-cover){
  display: none;
}
/* Custom Product Styles */
.wpcpo-options{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 3%;
}
.wpcpo-options input:focus{
  border: 1px solid #611e836e !important;
  outline: none;
}
.wpcpo-options .wpcpo-option-appearance-paragraph , .wpcpo-option-textarea{
  width: 100%;
}
.wpcpo-options .wpcpo-option-select{
  width: 48.5%;
}
.wpcpo-option-dimensions{
  width: 100%;
  gap: 3%;
}
.wpcpo-dimension{
  display: flex;
  flex-direction: column;
  width: 48.5%;
}
@media(max-width:480px){
  .wpcpo-options .wpcpo-option-select{
    width: 100%;
  }
  /* .wpcpo-dimension{
    width: 100%;
  } */
}
/* For Chrome, Safari, Edge, and Opera */
.wpcpo-dimension input::-webkit-outer-spin-button,
.wpcpo-dimension input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
.wpcpo-dimension input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  border: 1px solid #CCCACF;
  padding: 12px 16px;
  border-radius: 4px;
}
.wpcpo-options select{
  border: 1px solid #CCCACF !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
}
.wpcpo-options .wpcpo-option-appearance-paragraph p{
  font-size: 20px;
  color: #29282A;
  font-weight: 500;
}
.wpcpo-option-name strong , .wpcpo-dimension label{
  font-size: 14px;
  font-weight: 500;
  color: #19191A;
}
.single-product.postid-2710 .customSizeBox{
  display: none;
}
/* Custom Box Price Breakdown */
/* Custom Summary Box Wrapper */
.custom-price-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1.5px solid #8b3099; /* Target Purple Border */
  background-color: #faf5fc;    /* Light Purple Tint Background */
  border-radius: 12px;
  padding: 20px 25px;
  margin-bottom: 15px;
  box-sizing: border-box;
  font-family: inherit;
  gap: 12px;
}
.price-row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.price-breakdown-details {
  display: none;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #cbd5e1;
  font-size: 0.85rem;
  color: #475569;
  width: 100%;
}
.calc-note {
  background: #fef9c3;
  border-left: 4px solid #eab308;
  padding: 0.85rem;
  border-radius: 6px;
  margin-bottom: 1.2rem;
  font-size: 0.85rem;
  color: #713f12;
}
/* Columns styling */
.custom-left-col, .custom-right-col {
  display: flex;
  flex-direction: column;
}

.custom-left-col {
  max-width: 55%;
}
@media(max-width:480px){
  .custom-price-box{
    flex-direction: column;
  }
  .custom-left-col, .custom-right-col {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
  .custom-title-row{
    justify-content: center;
  }
}
.custom-right-col {
  align-items: flex-end;
  text-align: center;
  justify-content: center;
}

/* Left Column elements */
.custom-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.custom-title {
  font-size: 16px;
  font-weight: 700;
  color: #7030a0; /* Target Purple Text */
}
.custom-desc {
  font-size: 14px;
  color: #4a4a4a;
  margin: 6px 0 0 0;
  line-height: 1.4;
}

/* Right Column elements */
.custom-price-value {
  font-size: 24px;
  font-weight: 800;
  color: #7030a0;
  line-height: 1;
  width: 100%;
}

/* If the original price class structure is active inside our custom wrapper: */
.custom-price-value .woocommerce-Price-amount {
  font-size: 2rem;
  font-weight: 800;
  color: #7030a0;
}

.custom-subdesc {
  font-size: 0.85rem;
  color: #4a4a4a;
  margin: 5px 0 8px 0;
}

.view-breakdown-btn {
  font-size: 0.9rem;
  font-weight: 600;
  color: #7030a0;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  width: 100%;
}

.view-breakdown-btn:hover {
  color: #55247a;
}

/* Dropdown Breakdown adjustments */
.wpcpo-total ul {
  display: none; /* Keep list collapsed initially */
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 15px;
  margin-top: 10px;
  background: #fff;
  list-style: none;
}

/* Hide duplicate estimated price in the dropdown, but keep 'Clear options' btn */
.wpcpo-total ul li.wpcpo-subtotal {
  display: none !important;
  
}
.wpcpo-total {
  border-top: none !important;
  padding: 0 !important;
}

/*
---------------------------
 Custom Dashboard Styles 
---------------------------
*/
/* 1. Align the menu links and make room for the icons */
.woocommerce-MyAccount-navigation ul li a , .woocommerce-MyAccount-navigation ul li a:visited {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important; /* Space between icon and text */
    padding: 16px !important;
    border-radius: 4px;
    width: 100%;
    color: #4B494D;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* 2. Setup the global styles for the ::before pseudo-element */
.woocommerce-MyAccount-navigation ul li a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor; /* Automatically matches text color and hover states */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #F7F0FA;
  text-decoration: none !important;
  color: #621E83;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  text-decoration: none !important;
  background-color: #f9f9f9;
}

/* 3. Assign Base64 SVG icons to each menu item */

/* Dashboard Icon */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNy41MTYgMi4zNjctNC40OTIgMy41Yy0uNzUuNTgzLTEuMzU4IDEuODI1LTEuMzU4IDIuNzY3djYuMTc1YTMuNTIgMy41MiAwIDAgMCAzLjUwOCAzLjUxN2g5LjY1YTMuNTIgMy41MiAwIDAgMCAzLjUwOS0zLjUwOVY4Ljc1YzAtMS4wMDgtLjY3NS0yLjMtMS41LTIuODc1bC01LjE1LTMuNjA4Yy0xLjE2Ny0uODE3LTMuMDQyLS43NzUtNC4xNjcuMU0xMCAxNC45OTF2LTIuNSIgc3Ryb2tlPSIjNjIxZTgzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNy41MTYgMi4zNjctNC40OTIgMy41Yy0uNzUuNTgzLTEuMzU4IDEuODI1LTEuMzU4IDIuNzY3djYuMTc1YTMuNTIgMy41MiAwIDAgMCAzLjUwOCAzLjUxN2g5LjY1YTMuNTIgMy41MiAwIDAgMCAzLjUwOS0zLjUwOVY4Ljc1YzAtMS4wMDgtLjY3NS0yLjMtMS41LTIuODc1bC01LjE1LTMuNjA4Yy0xLjE2Ny0uODE3LTMuMDQyLS43NzUtNC4xNjcuMU0xMCAxNC45OTF2LTIuNSIgc3Ryb2tlPSIjNjIxZTgzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
}

/* Orders Icon */
.woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuNSA1LjgzNHY4LjMzM2MwIDIuNS0xLjI1IDQuMTY3LTQuMTY3IDQuMTY3SDYuNjY3Yy0yLjkxNyAwLTQuMTY3LTEuNjY3LTQuMTY3LTQuMTY3VjUuODM0YzAtMi41IDEuMjUtNC4xNjcgNC4xNjctNC4xNjdoNi42NjZjMi45MTcgMCA0LjE2NyAxLjY2NyA0LjE2NyA0LjE2NyIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIuMDg0IDMuNzV2MS42NjdjMCAuOTE2Ljc1IDEuNjY2IDEuNjY3IDEuNjY2aDEuNjY2bS04Ljc1MSAzLjc1aDMuMzMzbS0zLjMzMyAzLjMzNGg2LjY2NyIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuNSA1LjgzNHY4LjMzM2MwIDIuNS0xLjI1IDQuMTY3LTQuMTY3IDQuMTY3SDYuNjY3Yy0yLjkxNyAwLTQuMTY3LTEuNjY3LTQuMTY3LTQuMTY3VjUuODM0YzAtMi41IDEuMjUtNC4xNjcgNC4xNjctNC4xNjdoNi42NjZjMi45MTcgMCA0LjE2NyAxLjY2NyA0LjE2NyA0LjE2NyIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIuMDg0IDMuNzV2MS42NjdjMCAuOTE2Ljc1IDEuNjY2IDEuNjY3IDEuNjY2aDEuNjY2bS04Ljc1MSAzLjc1aDMuMzMzbS0zLjMzMyAzLjMzNGg2LjY2NyIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
}

/* Downloads Icon */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM1IDEwLjA0QzE4LjY3IDYuNTkgMTUuNjQgNCAxMiA0IDkuMTEgNCA2LjYgNS42NCA1LjM1IDguMDQgMi4zNCA4LjM2IDAgMTAuOTEgMCAxNGMwIDMuMzEgMi42OSA2IDYgNmgyM2MyLjc2IDAgNS0yLjI0IDUtNWMwLTIuNjQtMi4wNS00Ljc4LTQuNjUtNC45NnpNMTcgMTNsLTUgNS01LTVoM1Y5aDR2NGgzeiIvPjwvc3ZnPg==');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM1IDEwLjA0QzE4LjY3IDYuNTkgMTUuNjQgNCAxMiA0IDkuMTEgNCA2LjYgNS42NCA1LjM1IDguMDQgMi4zNCA4LjM2IDAgMTAuOTEgMCAxNGMwIDMuMzEgMi42OSA2IDYgNmgyM2MyLjc2IDAgNS0yLjI0IDUtNWMwLTIuNjQtMi4wNS00Ljc4LTQuNjUtNC45NnpNMTcgMTNsLTUgNS01LTVoM1Y5aDR2NGgzeiIvPjwvc3ZnPg==');
}

/* Addresses Icon */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMTEuMTkxYTIuNiAyLjYgMCAxIDAgMC01LjIgMi42IDIuNiAwIDAgMCAwIDUuMloiIHN0cm9rZT0iIzRiNDk0ZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNMy4wMTcgNy4wNzVDNC42NTgtLjE0IDE1LjM1LS4xMzMgMTYuOTgzIDcuMDg0Yy45NTkgNC4yMzMtMS42NzUgNy44MTYtMy45ODMgMTAuMDMzYTQuMzMgNC4zMyAwIDAgMS02LjAwOCAwYy0yLjMtMi4yMTctNC45MzQtNS44MDgtMy45NzUtMTAuMDQyWiIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMTEuMTkxYTIuNiAyLjYgMCAxIDAgMC01LjIgMi42IDIuNiAwIDAgMCAwIDUuMloiIHN0cm9rZT0iIzRiNDk0ZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNMy4wMTcgNy4wNzVDNC42NTgtLjE0IDE1LjM1LS4xMzMgMTYuOTgzIDcuMDg0Yy45NTkgNC4yMzMtMS42NzUgNy44MTYtMy45ODMgMTAuMDMzYTQuMzMgNC4zMyAwIDAgMS02LjAwOCAwYy0yLjMtMi4yMTctNC45MzQtNS44MDgtMy45NzUtMTAuMDQyWiIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==');
}

/* Wishlist Icon */
.woocommerce-MyAccount-navigation-link--wishlist a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTE2IDE3LjM0MWMtLjI4My4xLS43NS4xLTEuMDMzIDAtMi40MTctLjgyNS03LjgxNy00LjI2Ni03LjgxNy0xMC4xIDAtMi41NzUgMi4wNzUtNC42NTggNC42MzMtNC42NTggMS41MTcgMCAyLjg1OS43MzMgMy43IDEuODY3YTQuNiA0LjYgMCAwIDEgMy43LTEuODY3YzIuNTU5IDAgNC42MzQgMi4wODMgNC42MzQgNC42NTggMCA1LjgzNC01LjQgOS4yNzUtNy44MTcgMTAuMSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTE2IDE3LjM0MWMtLjI4My4xLS43NS4xLTEuMDMzIDAtMi40MTctLjgyNS03LjgxNy00LjI2Ni03LjgxNy0xMC4xIDAtMi41NzUgMi4wNzUtNC42NTggNC42MzMtNC42NTggMS41MTcgMCAyLjg1OS43MzMgMy43IDEuODY3YTQuNiA0LjYgMCAwIDEgMy43LTEuODY3YzIuNTU5IDAgNC42MzQgMi4wODMgNC42MzQgNC42NTggMCA1LjgzNC01LjQgOS4yNzUtNy44MTcgMTAuMSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
}

/* Payment Methods Icon */
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxIDRIM3MtMS4xMSAwLTIgMnYxMmMwIDEuMS44OSAyIDIgMmgyOGMxLjEgMCAyLS45IDItMlY2YzAtMS4xMS0uOS0yLTItMnptMCAxNEgzVjEyaDE4djZ6bTAtOEgzVjZoMTh2NHoiLz48L3N2Zz4=');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxIDRIM3MtMS4xMSAwLTIgMnYxMmMwIDEuMS44OSAyIDIgMmgyOGMxLjEgMCAyLS45IDItMlY2YzAtMS4xMS0uOS0yLTItMnptMCAxNEgzVjEyaDE4djZ6bTAtOEgzVjZoMTh2NHoiLz48L3N2Zz4=');
}

/* Account Details Icon */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMTIuNWEyLjUgMi41IDAgMSAwIDAtNSAyLjUgMi41IDAgMCAwIDAgNSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMS42NjYgMTAuNzMzVjkuMjY2YzAtLjg2Ni43MDgtMS41ODMgMS41ODMtMS41ODMgMS41MDkgMCAyLjEyNS0xLjA2NyAxLjM2Ny0yLjM3NWExLjU4MyAxLjU4MyAwIDAgMSAuNTgzLTIuMTU4bDEuNDQyLS44MjVjLjY1OC0uMzkyIDEuNTA4LS4xNTkgMS45LjVsLjA5Mi4xNThjLjc1IDEuMzA4IDEuOTgzIDEuMzA4IDIuNzQxIDBsLjA5Mi0uMTU4Yy4zOTItLjY1OSAxLjI0Mi0uODkyIDEuOS0uNWwxLjQ0Mi44MjVhMS41ODMgMS41ODMgMCAwIDEgLjU4MyAyLjE1OGMtLjc1OCAxLjMwOC0uMTQyIDIuMzc1IDEuMzY3IDIuMzc1Ljg2NiAwIDEuNTgzLjcwOCAxLjU4MyAxLjU4M3YxLjQ2N2MwIC44NjctLjcwOCAxLjU4My0xLjU4MyAxLjU4My0xLjUwOSAwLTIuMTI1IDEuMDY3LTEuMzY3IDIuMzc1YTEuNTggMS41OCAwIDAgMS0uNTgzIDIuMTU4bC0xLjQ0Mi44MjVjLS42NTguMzkyLTEuNTA4LjE1OS0xLjktLjVsLS4wOTItLjE1OGMtLjc1LTEuMzA4LTEuOTgzLTEuMzA4LTIuNzQxIDBsLS4wOTIuMTU5Yy0uMzkyLjY1OC0xLjI0Mi44OTEtMS45LjVsLTEuNDQyLS44MjZhMS41OCAxLjU4IDAgMCAxLS41ODMtMi4xNThjLjc1OC0xLjMwOC4xNDItMi4zNzUtMS4zNjctMi4zNzVhMS41OSAxLjU5IDAgMCAxLTEuNTgzLTEuNTgzIiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMTIuNWEyLjUgMi41IDAgMSAwIDAtNSAyLjUgMi41IDAgMCAwIDAgNSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMS42NjYgMTAuNzMzVjkuMjY2YzAtLjg2Ni43MDgtMS41ODMgMS41ODMtMS41ODMgMS41MDkgMCAyLjEyNS0xLjA2NyAxLjM2Ny0yLjM3NWExLjU4MyAxLjU4MyAwIDAgMSAuNTgzLTIuMTU4bDEuNDQyLS44MjVjLjY1OC0uMzkyIDEuNTA4LS4xNTkgMS45LjVsLjA5Mi4xNThjLjc1IDEuMzA4IDEuOTgzIDEuMzA4IDIuNzQxIDBsLjA5Mi0uMTU4Yy4zOTItLjY1OSAxLjI0Mi0uODkyIDEuOS0uNWwxLjQ0Mi44MjVhMS41ODMgMS41ODMgMCAwIDEgLjU4MyAyLjE1OGMtLjc1OCAxLjMwOC0uMTQyIDIuMzc1IDEuMzY3IDIuMzc1Ljg2NiAwIDEuNTgzLjcwOCAxLjU4MyAxLjU4M3YxLjQ2N2MwIC44NjctLjcwOCAxLjU4My0xLjU4MyAxLjU4My0xLjUwOSAwLTIuMTI1IDEuMDY3LTEuMzY3IDIuMzc1YTEuNTggMS41OCAwIDAgMS0uNTgzIDIuMTU4bC0xLjQ0Mi44MjVjLS42NTguMzkyLTEuNTA4LjE1OS0xLjktLjVsLS4wOTItLjE1OGMtLjc1LTEuMzA4LTEuOTgzLTEuMzA4LTIuNzQxIDBsLS4wOTIuMTU5Yy0uMzkyLjY1OC0xLjI0Mi44OTEtMS45LjVsLTEuNDQyLS44MjZhMS41OCAxLjU4IDAgMCAxLS41ODMtMi4xNThjLjc1OC0xLjMwOC4xNDItMi4zNzUtMS4zNjctMi4zNzVhMS41OSAxLjU5IDAgMCAxLTEuNTgzLTEuNTgzIiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}

/* Contractor Verification Icon (Shield Badge) */
.woocommerce-MyAccount-navigation-link--contractor-verification a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC43NDIgMS44NTkgNC41ODMgMy40MjVjLS45NTguMzU5LTEuNzQxIDEuNDkyLTEuNzQxIDIuNTA5djYuMTkyYzAgLjk4My42NSAyLjI3NCAxLjQ0MSAyLjg2NmwzLjU4NCAyLjY3NWMxLjE3NS44ODMgMy4xMDguODgzIDQuMjgzIDBsMy41ODMtMi42NzVjLjc5Mi0uNTkyIDEuNDQyLTEuODgzIDEuNDQyLTIuODY3di02LjE5YzAtMS4wMjUtLjc4My0yLjE1OS0xLjc0Mi0yLjUxN0wxMS4yNzYgMS44NmMtLjcwOC0uMjU5LTEuODQyLS4yNTktMi41MzMgMCIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0ibTcuNTQxIDkuODkyIDEuMzQyIDEuMzQyIDMuNTgzLTMuNTg0IiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC43NDIgMS44NTkgNC41ODMgMy40MjVjLS45NTguMzU5LTEuNzQxIDEuNDkyLTEuNzQxIDIuNTA5djYuMTkyYzAgLjk4My42NSAyLjI3NCAxLjQ0MSAyLjg2NmwzLjU4NCAyLjY3NWMxLjE3NS44ODMgMy4xMDguODgzIDQuMjgzIDBsMy41ODMtMi42NzVjLjc5Mi0uNTkyIDEuNDQyLTEuODgzIDEuNDQyLTIuODY3di02LjE5YzAtMS4wMjUtLjc4My0yLjE1OS0xLjc0Mi0yLjUxN0wxMS4yNzYgMS44NmMtLjcwOC0uMjU5LTEuODQyLS4yNTktMi41MzMgMCIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0ibTcuNTQxIDkuODkyIDEuMzQyIDEuMzQyIDMuNTgzLTMuNTg0IiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=');
}

/* Woo Wallet Icon */
.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuODM0IDcuNWgtNW0xMi40OTkgMS42NDJ2MS43MTdhLjg1Ni44NTYgMCAwIDEtLjgzMy44NWgtMS42MzRjLS45IDAtMS43MjUtLjY1OS0xLjgtMS41NTktLjA1LS41MjUuMTUtMS4wMTYuNS0xLjM1OGExLjY2IDEuNjYgMCAwIDEgMS4yLS41SDE3LjVhLjg1Ni44NTYgMCAwIDEgLjgzMy44NSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE0LjU2NiA4Ljc5MmMtLjM1LjM0Mi0uNTUuODMzLS41IDEuMzU4LjA3NS45LjkgMS41NTkgMS44IDEuNTU5aDEuNjMzdjEuMjA4YzAgMi41LTEuNjY2IDQuMTY3LTQuMTY2IDQuMTY3aC03LjVjLTIuNSAwLTQuMTY3LTEuNjY3LTQuMTY3LTQuMTY3VjcuMDg0YzAtMi4yNjcgMS4zNjctMy44NSAzLjQ5Mi00LjExN3EuMzI0LS4wNS42NzUtLjA1aDcuNWMuMjE2IDAgLjQyNS4wMDguNjI1LjA0MiAyLjE1LjI1IDMuNTQxIDEuODQxIDMuNTQxIDQuMTI1djEuMjA4aC0xLjczM2ExLjY2IDEuNjYgMCAwIDAtMS4yLjUiIHN0cm9rZT0iIzRiNDk0ZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuODM0IDcuNWgtNW0xMi40OTkgMS42NDJ2MS43MTdhLjg1Ni44NTYgMCAwIDEtLjgzMy44NWgtMS42MzRjLS45IDAtMS43MjUtLjY1OS0xLjgtMS41NTktLjA1LS41MjUuMTUtMS4wMTYuNS0xLjM1OGExLjY2IDEuNjYgMCAwIDEgMS4yLS41SDE3LjVhLjg1Ni44NTYgMCAwIDEgLjgzMy44NSIgc3Ryb2tlPSIjNGI0OTRkIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE0LjU2NiA4Ljc5MmMtLjM1LjM0Mi0uNTUuODMzLS41IDEuMzU4LjA3NS45LjkgMS41NTkgMS44IDEuNTU5aDEuNjMzdjEuMjA4YzAgMi41LTEuNjY2IDQuMTY3LTQuMTY2IDQuMTY3aC03LjVjLTIuNSAwLTQuMTY3LTEuNjY3LTQuMTY3LTQuMTY3VjcuMDg0YzAtMi4yNjcgMS4zNjctMy44NSAzLjQ5Mi00LjExN3EuMzI0LS4wNS42NzUtLjA1aDcuNWMuMjE2IDAgLjQyNS4wMDguNjI1LjA0MiAyLjE1LjI1IDMuNTQxIDEuODQxIDMuNTQxIDQuMTI1djEuMjA4aC0xLjczM2ExLjY2IDEuNjYgMCAwIDAtMS4yLjUiIHN0cm9rZT0iIzRiNDk0ZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}

/* Logout Icon */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQuNTMzIDEyLjE4NCAyLjEzMy0yLjEzNC0yLjEzMy0yLjEzM20tNi40IDIuMTMzaDguNDc1TTkuOCAxNi42NjZjLTMuNjg0IDAtNi42NjctMi41LTYuNjY3LTYuNjY2czIuOTgzLTYuNjY3IDYuNjY2LTYuNjY3IiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQuNTMzIDEyLjE4NCAyLjEzMy0yLjEzNC0yLjEzMy0yLjEzM20tNi40IDIuMTMzaDguNDc1TTkuOCAxNi42NjZjLTMuNjg0IDAtNi42NjctMi41LTYuNjY3LTYuNjY2czIuOTgzLTYuNjY3IDYuNjY2LTYuNjY3IiBzdHJva2U9IiM0YjQ5NGQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}
.woocommerce-MyAccount-navigation-link--contractor-promotions a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0QjQ5NEQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTIgMjRhNS40OSA1LjQ5IDAgMCAxLTQuMjA4LTEuOTU5Yy0xLjU0LjE3Ny0zLjEyNy0uNDA2LTQuMjc3LTEuNTU1YTUuNSA1LjUgMCAwIDEtMS41OS00LjM2MkMuNzE0IDE1LjE2IDAgMTMuNjI2IDAgMTJzLjcxNC0zLjE2IDEuOTYtNC4yMDhjLS4xNzUtMS41MzcuNDA1LTMuMTI3IDEuNTU1LTQuMjc3YTUuNDggNS40OCAwIDAgMSA0LjM2MS0xLjU5QzguODQuNzE1IDEwLjM3NCAwIDEyIDBzMy4xNi43MTQgNC4yMDggMS45NTljMS41NDItLjE3NiAzLjEyNy40MDYgNC4yNzcgMS41NTVhNS41IDUuNSAwIDAgMSAxLjU5IDQuMzYyQzIzLjI4NiA4Ljg0IDI0IDEwLjM3NCAyNCAxMnMtLjcxNCAzLjE2LTEuOTYgNC4yMDhjLjE3NSAxLjUzNy0uNDA1IDMuMTI3LTEuNTU1IDQuMjc3YTUuNSA1LjUgMCAwIDEtNC4zNjEgMS41OUMxNS4xNiAyMy4yODUgMTMuNjI2IDI0IDEyIDI0bS00LjEyNy0zLjkyNGMuNTYxIDAgMS4wODEuMjQxIDEuNDQ4LjY3NkM5Ljk4OSAyMS41NDUgMTAuOTY1IDIyIDEyIDIyczIuMDExLS40NTUgMi42NzktMS4yNDhjLjQwMy0uNDc5Ljk5LS43MjEgMS42MTYtLjY3YTMuNDk4IDMuNDk4IDAgMCAwIDMuNzg4LTMuNzg4IDEuODggMS44OCAwIDAgMSAuNjctMS42MTcgMy40OTYgMy40OTYgMCAwIDAgMC01LjM1NiAxLjg4IDEuODggMCAwIDEtLjY3LTEuNjE3Yy4wODgtMS4wMzMtLjI4LTIuMDQ1LTEuMDEyLTIuNzc2cy0xLjc0OC0xLjA5Ni0yLjc3NS0xLjAxMmExLjg3IDEuODcgMCAwIDEtMS42MTctLjY2OWMtLjY2OC0uNzkzLTEuNjQ0LTEuMjQ4LTIuNjc5LTEuMjQ4cy0yLjAxMS40NTUtMi42NzkgMS4yNDhhMS44OSAxLjg5IDAgMCAxLTEuNjE2LjY3IDMuNDggMy40OCAwIDAgMC0yLjc3NiAxLjAxMiAzLjUgMy41IDAgMCAwLTEuMDEyIDIuNzc2IDEuODggMS44OCAwIDAgMS0uNjcgMS42MTcgMy40OTYgMy40OTYgMCAwIDAgMCA1LjM1NmMuNDc5LjQwMy43MjQuOTkzLjY3IDEuNjE3YTMuNSAzLjUgMCAwIDAgMS4wMTIgMi43NzYgMy41MSAzLjUxIDAgMCAwIDIuNzc1IDEuMDEycS4wODUtLjAwNy4xNjktLjAwN005IDhhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0ybTYgNmExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJtLTQuMTY4IDEuNTU1IDQtNmExIDEgMCAxIDAtMS42NjQtMS4xMWwtNCA2YTEgMSAwIDEgMCAxLjY2NCAxLjExIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIi8+PC9zdmc+');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0QjQ5NEQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTIgMjRhNS40OSA1LjQ5IDAgMCAxLTQuMjA4LTEuOTU5Yy0xLjU0LjE3Ny0zLjEyNy0uNDA2LTQuMjc3LTEuNTU1YTUuNSA1LjUgMCAwIDEtMS41OS00LjM2MkMuNzE0IDE1LjE2IDAgMTMuNjI2IDAgMTJzLjcxNC0zLjE2IDEuOTYtNC4yMDhjLS4xNzUtMS41MzcuNDA1LTMuMTI3IDEuNTU1LTQuMjc3YTUuNDggNS40OCAwIDAgMSA0LjM2MS0xLjU5QzguODQuNzE1IDEwLjM3NCAwIDEyIDBzMy4xNi43MTQgNC4yMDggMS45NTljMS41NDItLjE3NiAzLjEyNy40MDYgNC4yNzcgMS41NTVhNS41IDUuNSAwIDAgMSAxLjU5IDQuMzYyQzIzLjI4NiA4Ljg0IDI0IDEwLjM3NCAyNCAxMnMtLjcxNCAzLjE2LTEuOTYgNC4yMDhjLjE3NSAxLjUzNy0uNDA1IDMuMTI3LTEuNTU1IDQuMjc3YTUuNSA1LjUgMCAwIDEtNC4zNjEgMS41OUMxNS4xNiAyMy4yODUgMTMuNjI2IDI0IDEyIDI0bS00LjEyNy0zLjkyNGMuNTYxIDAgMS4wODEuMjQxIDEuNDQ4LjY3NkM5Ljk4OSAyMS41NDUgMTAuOTY1IDIyIDEyIDIyczIuMDExLS40NTUgMi42NzktMS4yNDhjLjQwMy0uNDc5Ljk5LS43MjEgMS42MTYtLjY3YTMuNDk4IDMuNDk4IDAgMCAwIDMuNzg4LTMuNzg4IDEuODggMS44OCAwIDAgMSAuNjctMS42MTcgMy40OTYgMy40OTYgMCAwIDAgMC01LjM1NiAxLjg4IDEuODggMCAwIDEtLjY3LTEuNjE3Yy4wODgtMS4wMzMtLjI4LTIuMDQ1LTEuMDEyLTIuNzc2cy0xLjc0OC0xLjA5Ni0yLjc3NS0xLjAxMmExLjg3IDEuODcgMCAwIDEtMS42MTctLjY2OWMtLjY2OC0uNzkzLTEuNjQ0LTEuMjQ4LTIuNjc5LTEuMjQ4cy0yLjAxMS40NTUtMi42NzkgMS4yNDhhMS44OSAxLjg5IDAgMCAxLTEuNjE2LjY3IDMuNDggMy40OCAwIDAgMC0yLjc3NiAxLjAxMiAzLjUgMy41IDAgMCAwLTEuMDEyIDIuNzc2IDEuODggMS44OCAwIDAgMS0uNjcgMS42MTcgMy40OTYgMy40OTYgMCAwIDAgMCA1LjM1NmMuNDc5LjQwMy43MjQuOTkzLjY3IDEuNjE3YTMuNSAzLjUgMCAwIDAgMS4wMTIgMi43NzYgMy41MSAzLjUxIDAgMCAwIDIuNzc1IDEuMDEycS4wODUtLjAwNy4xNjktLjAwN005IDhhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0ybTYgNmExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJtLTQuMTY4IDEuNTU1IDQtNmExIDEgMCAxIDAtMS42NjQtMS4xMWwtNCA2YTEgMSAwIDEgMCAxLjY2NCAxLjExIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIi8+PC9zdmc+');
}
.woocommerce-MyAccount-navigation-link--home a::before {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzRCNDk0RCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjMgMjRhMSAxIDAgMCAxLTEtMSA2LjAwNiA2LjAwNiAwIDAgMC02LTZoLTUuODN2MS41ODZBMiAyIDAgMCAxIDYuNzU2IDIwTC44NzcgMTQuMTIxYTMgMyAwIDAgMSAwLTQuMjQyTDYuNzU2IDRhMiAyIDAgMCAxIDMuNDE0IDEuNDE0VjdIMTVhOS4wMSA5LjAxIDAgMCAxIDkgOXY3YTEgMSAwIDAgMS0xIDFNOC4xNyA1LjQxNGwtNS44NzkgNS44NzlhMSAxIDAgMCAwIDAgMS40MTRsNS44NzkgNS44NzlWMTZhMSAxIDAgMCAxIDEtMUgxNmE3Ljk4IDcuOTggMCAwIDEgNiAyLjcxNFYxNmE3LjAxIDcuMDEgMCAwIDAtNy03SDkuMTdhMSAxIDAgMCAxLTEtMVoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiLz48L3N2Zz4=');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzRCNDk0RCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjMgMjRhMSAxIDAgMCAxLTEtMSA2LjAwNiA2LjAwNiAwIDAgMC02LTZoLTUuODN2MS41ODZBMiAyIDAgMCAxIDYuNzU2IDIwTC44NzcgMTQuMTIxYTMgMyAwIDAgMSAwLTQuMjQyTDYuNzU2IDRhMiAyIDAgMCAxIDMuNDE0IDEuNDE0VjdIMTVhOS4wMSA5LjAxIDAgMCAxIDkgOXY3YTEgMSAwIDAgMS0xIDFNOC4xNyA1LjQxNGwtNS44NzkgNS44NzlhMSAxIDAgMCAwIDAgMS40MTRsNS44NzkgNS44NzlWMTZhMSAxIDAgMCAxIDEtMUgxNmE3Ljk4IDcuOTggMCAwIDEgNiAyLjcxNFYxNmE3LjAxIDcuMDEgMCAwIDAtNy03SDkuMTdhMSAxIDAgMCAxLTEtMVoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiLz48L3N2Zz4=');
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  float: none !important;
  width: 100% !important;
  padding: 20px 12px 0 12px !important;
}
.woocommerce-account .woocommerce-MyAccount-content{
  float: none !important;
  width: 100% !important;
}
.woocommerce-MyAccount-content>p:nth-child(2) , .woocommerce-MyAccount-content>p:nth-child(3){
  display: none !important;
}
.wp-block-column:has(.woocommerce .woocommerce-account-sidebar-wrapper){
  flex-basis: 100% !important;
}
.woocommerce-account-sidebar-wrapper{
  width: 35%;
  
}
.woocommerce-account-sidebar-upper-wrapper{
  border: 1px solid #F4EDF7;
  border-radius: 8px;
  margin-bottom: 24px;
}
.woocommerce-MyAccount-navigation-link--customer-logout{
  border-top: 1px solid #E8E8E8;
}
.woocommerce:has(.woocommerce-account-sidebar-wrapper){
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}
.woocommerce-MyAccount-navigation-link{
  padding: 0 !important;
  margin-bottom: 4px;
}
.woocommerce-orders-table{
  border: none !important;
}
.woocommerce-orders-table>thead>tr{
  background-color: #F2F2F2 !important
}
.woocommerce-orders-table td , .woocommerce-orders-table th{
  padding: 12px 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #4C464F !important;
}
.woocommerce-orders-table td a, .woocommerce-orders-table td a:visited ,  .woocommerce-orders-table th a , .woocommerce-orders-table th a:visited{
  color: #4C464F !important;
}
.woocommerce-orders-table>thead>tr>th{
  color: #3B363D !important;
  font-weight: 600 !important;
}
.woocommerce-button.wp-element-button.button.view{
  margin: 0 !important;
}
/* Base styles for all status badges */
.status-badge {
    display: inline-block;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border-radius: 8px; /* Rounded pill shape */
    text-align: center;
}

/* "Processing" Status Style (Blue pill) */
.woocommerce-orders-table__cell-order-status:has-text("Processing"){
    background-color: #eaf3fc; /* Very light blue background */
    color: #2b7bc4;            /* Darker blue text */
    border: 1px solid #d3e6fa; /* Optional subtle border */
}

/* "Completed" or "Delivered" Status Style (Green pill) */
.status-badge.status-completed {
    background-color: #eafaf1; /* Very light green background */
    color: #2ecc71;            /* Darker green text */
    border: 1px solid #d1f2e1; /* Optional subtle border */
}

/* "On hold" or "Pending" Status Style (Yellow/Orange pill) */
.status-badge.status-on-hold,
.status-badge.status-pending {
    background-color: #fef5e7; /* Light orange background */
    color: #e67e22;            /* Dark orange text */
    border: 1px solid #fdebd0;
}

/* "Cancelled" or "Failed" Status Style (Red pill) */
.status-badge.status-cancelled,
.status-badge.status-failed {
    background-color: #fdedec; /* Light red background */
    color: #e74c3c;            /* Dark red text */
    border: 1px solid #fadbd8;
}
.custom-dashboard-grid{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 16px 0;
}
.custom-dashboard-grid .custom-card{
  padding: 24px 16px;
  border: 1px solid #F0EAF2;
  border-radius: 8px;
  width: 24%;
}
.custom-dashboard-grid .custom-card .card-content{
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.custom-dashboard-grid .custom-card .card-content .card-icon{
  width: 64px;
  height: 64px;
  background-color: #f1f1f1;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dashboard-grid .custom-card .card-content .icon-purple{
  background-color: #F8F2FA;
}
.custom-dashboard-grid .custom-card .card-content .icon-teal{
  background-color: #ECF8F8;
}
.custom-dashboard-grid .custom-card .card-content .icon-green{
  background-color: #F3FAF2;
}
.custom-dashboard-grid .custom-card .card-content .icon-pink{
  background-color: #F8EBF3;
}
.custom-dashboard-grid .custom-card .card-content .card-text{
  display: flex;
  flex-direction: column;
}
.custom-dashboard-grid .custom-card .card-content .card-text .card-label{
  display: flex;
  flex-direction: column;
  gap: 8;
}
.custom-dashboard-grid .custom-card .card-content .card-text .card-label{
  font-weight: 500;
  color: #737075;
  font-size: 15px;
}
.custom-dashboard-grid .custom-card .card-content .card-text .card-value{
  font-weight: 700;
  color: #29282A;
  font-size: 30px;
  line-height: 1;
}
.dashboard-title{
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4;
  color: #29282A;

}
.custom-welcome-message{
  color: #666469;
  font-weight: 500;
  font-size: 15px;
}
.dashboard-general-box{
  padding: 24px 20px;
  border: 1px solid #F0EAF2;
  border-radius: 8px;
  margin-bottom: 24px;
  width: 100%;
}
.dashboard-general-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dashboard-general-header{
  h1,h2,h3,h4,h5,h6{
    color: #29282A;
    font-size: 18px;
    font-weight: 600;
  }
}
.wallet-dashboard-row{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.wallet-box{
  width: calc(50% - 12px);
}
.transaction-list .trans-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding: 12px 0;
}
.transaction-list .trans-item:last-child{
  border-bottom: none;
}
.balance-card{
  padding: 16px;
  border-radius: 8px;
  background-color: #FBF7FC;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  margin-bottom: 8px;
  .balance-label{
    color: #7C7980;
    font-size: 13px;
    font-weight: 500;
  }
  .balance-value{
    color: #29282A;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
  }
}
.balance-footer{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: start;
  .footer-item{
    display: flex;
    align-items: center;
    gap: 4px;
    span{
      font-size: 14px;
      font-weight: 500;
    }
  }
  .credit{
    span{
      color: #2189A6;
    }
  }
  .refunds{
    span{
      color: #21A63A;
    }
  }
}
.contractor-benefits-card {
    padding: 32px 24px;
    background-color: #FBF7FC;
    border-radius: 8px;
    margin-bottom: 24px;
    width: 330px;
    min-width: 330px;
}
.contractor-benefits-title {
    color: #621E83;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.contractor-benefits-desc {
    color: #737075;
    font-size: 15px;
    line-height: 1.45;
    margin: 0 0 12px 0;
}
.contractor-benefits-promo {
    margin-bottom: 24px;
}
.contractor-promo-value {
    font-size: 40px;
    font-weight: 600;
    color: #621E83;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
}

.contractor-promo-label {
    font-size: 15px;
    font-weight: 600;
    margin-left: 6px;
}
.contractor-promo-subtext {
    font-size: 15px;
    font-weight: 600;
    color: #621E83;
    margin-top: 4px;
}
.contractor-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}
.contractor-benefits-btn {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 16px;
    background-color: transparent;
    border: 1px solid #621E83;
    border-radius: 4px;
    color: #621E83;
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.contractor-benefits-btn:hover {
    background-color: #621E83;
    color: #ffffff;
}
.order-dashboard-row{
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}
.woocommerce-Address-title{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  h1,h2,h3,h4,h5,h6{
    color: #29282A!important;
    font-size: 18px!important;
    line-height: 1!important;
    font-weight: 600!important;
  }
  a{
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: none !important;
    color: #621e83 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  a::after{
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.62%203.953%2013.667%208%209.62%2012.047M2.333%208h11.22%22%20stroke%3D%22%23621e83%22%20stroke-width%3D%221.7%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    width: 16px;
    height: 16px;
  }
}
.woocommerce-Address-title::before , .woocommerce-Address-title::after{
  display: none !important;
}
address{
  padding: 16px 12px !important;
  background-color: #FBF7FC !important;
  border-radius: 8px !important;
  margin-bottom: 24px !important;
  margin-top: 12px !important;
  font-style: normal !important;
}
.woocommerce-order-details .wc-item-meta li{
  display: flex !important;
  align-items: center !important;
}
.woocommerce-order-details .wc-item-meta li p{
  margin: 0 !important;
}
.my-account-custom-support-box{
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #F4EDF7;
  h4{
    color: #282729;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
  }
  p{
    color: #88848A;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
  }
  li{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  span{
    font-size: 15px;
    color: #4B494C;
    line-height: 1;
    font-weight: 500;
  }
}
@media(max-width:980px){
  .woocommerce-account-sidebar-wrapper{
    width: 100%;
  }
  .woocommerce:has(.woocommerce-account-sidebar-wrapper) {
    flex-wrap: wrap;
  }
  .woocommerce:has(.woocommerce-account-sidebar-wrapper)::before , .woocommerce:has(.woocommerce-account-sidebar-wrapper)::after{
    display: none;
  }
  .my-account-custom-support-box{
    display: none;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 20px 12px 20px 12px !important;
  }
  .woocommerce-MyAccount-navigation-link {
    flex: 0 0 auto;
  }
  .user-profile-card{
    margin-bottom: 0 !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0 !important;
  }
  .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: none !important;
  }
}
@media(max-width:768px){
  .custom-dashboard-grid{
    flex-wrap: wrap;
  }
  .custom-dashboard-grid .custom-card{
    width: 48.5%;
    margin-bottom: 12px;
  }
  .order-dashboard-row {
    flex-wrap: wrap;
  }
  .woocommerce-orders-table td, .woocommerce-orders-table th {
    padding: 8px 8px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4C464F !important;
  }
  .contractor-benefits-card {
    padding: 32px 24px;
    background-color: #FBF7FC;
    border-radius: 8px;
    margin-bottom: 24px;
    width: 100%;
    min-width: 100%;
  }
  .wallet-dashboard-row {
    flex-wrap: wrap;
  }
  .wallet-box {
    width: 100%;
  }
}
@media(max-width:440px){
  .custom-dashboard-grid .custom-card .card-content {
    flex-direction: column;
  }
  .custom-dashboard-grid .custom-card .card-content .card-text {
    align-items: center;
  }
  .custom-dashboard-grid .custom-card a{
    justify-content: center !important;
  }
}

/* 1. Make the container a flex column so we can reorder children visually */
.ginput_container_fileupload {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

/* 2. Set structural orders so the rules span is forced "inside/above" the bottom boundaries of the container */
.ginput_container_fileupload .gform_fileupload_multifile {
    order: 1 !important;
}

/* Push the description rules to render visual placement inside */
.ginput_container_fileupload .gfield_description.gform_fileupload_rules {
    order: 2 !important;
    position: absolute !important;
    bottom: 20px; /* Position it at the bottom inside the box */
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none; /* Let clicks pass through to drag/drop zone */
    color: #8C8C8C !important;
    font-size: 11px !important;
    z-index: 9;
}

/* 3. Style the drag and drop area container and make room for the bottom text */
.gform_wrapper .gfield--type-fileupload .gform_drop_area {
    border: 1px dashed #BE93E4 !important; /* Soft purple dashed border */
    background-color: #FAF5FF !important;   /* Very light purple background */
    border-radius: 8px !important;
    padding: 30px 20px 45px 20px !important; /* Extra bottom padding to prevent overlap with the text rules */
    text-align: center;
    color: #4A4A4A !important;
}

/* 4. Drag & drop instruction text */
.gform_wrapper .gfield--type-fileupload .gform_drop_instructions {
    display: block;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 12px !important;
}

/* 5. Add & customize the cloud icon above the text */
.gform_wrapper .gfield--type-fileupload .gform_drop_area::before {
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto 10px auto;
    /* Purple cloud upload SVG icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237F3DAB' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 6. Style the upload button (blue to purple) */
.gform_wrapper .gfield--type-fileupload button.gform_button_select_files {
    background-color: #6C22A6 !important; /* Deep Purple */
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

/* Button hover state */
.gform_wrapper .gfield--type-fileupload button.gform_button_select_files:hover {
    background-color: #551685 !important; /* Darker purple on hover */
}


/* --- Description Sidebar Styles (Right Side Checklist) --- */

.fileUploadDescBox h4 {
    color: #29282A !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
}

/* List item checklist stylings with check icons */
.fileUploadDescBox li {
    list-style: none !important;
    position: relative;
    padding-left: 24px !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
}

/* Add light purple/grey checkmark circle icon next to accepted documents */
.fileUploadDescBox li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A0A0A0' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Footer Link - View Verification Guide */
.fileUploadDescBox footer {
    margin-top: 15px !important;
    font-size: 14px !important;
}

.fileUploadDescBox footer span {
    color: #555555 !important;
    margin-right: 5px;
}

.fileUploadDescBox footer a {
    color: #6C22A6 !important; /* Purple link color */
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.fileUploadDescBox footer a:hover {
    color: #4B167A !important;
}
.gfield--type-html:has(.fileUploadDescBox){
  padding-left: 16px;
}
.contractorFormHeader{
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 24px;
  h1,h2,h3,h4,h5,h6{
    font-size: 20px;
    font-weight: 700;
    color: #29282A;
    line-height: 2;
  }
  p{
    color: #88848A;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
  }
}

/* --- Shared Contractor Layouts (Dashboard & Archive Page) --- */
.contractor-deals-box {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Extra structural breathing room specifically on the standalone Page */
.contractor-deals-box.page-archive-container {
    max-width: 100%;
    margin: 20px 0;
}

/* Header Styles (Dashboard Widget Only) */
.trade-pricing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.trade-pricing-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}

.trade-view-all {
    color: #621e83;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.trade-view-all:hover {
    color: #4a1563;
}

/* The List of Items */
.dashboard-contractor-deals-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Row Layout (4-column Grid) */
.dashboard-deal-item {
    display: grid;
    grid-template-columns: 120px 2.5fr 1.2fr 1.5fr 1fr;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.dashboard-deal-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Product Image Frame */
.deal-thumbnail-wrapper {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.deal-thumbnail-wrapper img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* Text Content */
.deal-info {
    display: flex;
    flex-direction: column;
}

.deal-title {
    font-weight: 600;
    text-decoration: none;
    color: #2d3748;
    font-size: 14px;
    line-height: 1.3;
    display: block;
    margin-bottom: 4px;
}

.deal-title:hover {
    color: #621e83;
}

.deal-subtitle {
    font-size: 12px;
    color: #a0aec0;
    font-weight: 500;
}

/* Pricing Units */
.deal-price-col {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.price-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.retail-label {
    color: #a0aec0;
    font-weight: 600;
}

.contractor-label {
    color: #621e83;
    font-weight: 700;
}

.price-value {
    font-size: 15px;
    font-weight: 600;
}

.retail-value {
    color: #2d3748;
}

.contractor-price-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contractor-value {
    font-size: 16px;
    color: #621e83;
    font-weight: 700;
}

/* Rounded Discount Pill */
.discount-badge {
    background: #621e83;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 1.2;
}

/* Responsive adjustment for Mobile screens */
@media (max-width: 768px) {
    .dashboard-deal-item {
        grid-template-columns: 60px 1fr;
        gap: 15px;
    }
    .deal-thumbnail-wrapper {
        width: 100%;
        height: auto;
        grid-column: span 2;
    }
    .deal-info {
      grid-column: span 2;
    }
    .deal-price-col {
        grid-column: span 2;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-top: 1px dashed #f0f0f0;
        padding-top: 8px;
    }
    .dashboard-deal-item .wp-block-read-more {
      grid-column: span 2;
    }
}
.wp-block-woocommerce-order-confirmation-status{
  h1{
    font-size: 36px;
    line-height: 2;
    color: #29282a;
    margin: 0;
  }
  p{
    font-size: 16px;
    font-weight: 500;
    color: #716d75;
  }
}
@media(max-width:768px){
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
    background-color: #fff !important;
  }
  .shop_table.shop_table_responsive{
    tr{
      border: 1px solid rgb(235, 235, 235) !important;
      margin-bottom: 12px;
    }
    tr::first-child{
      margin-bottom: 0;
    }
    td{
      border-top: 1px solid rgb(245, 245, 245) !important;
    }
    td:first-child{
      border-top: none !important;
    }
  }
}
/* ============================================
   Contractor Permission Denied Box
   Clean, Modern, Minimal Design
   ============================================ */

.contractor-permission-denied {
    max-width: 480px;
    margin: 40px auto;
    padding: 48px 40px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #f1edf2;
    border-radius: 12px;
}

/* Icon */
.contractor-permission-denied__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-bottom: 24px;
    background: #f3f4f6;
    border-radius: 50%;
    color: #6b7280;
    transition: transform 0.2s ease;
}

.contractor-permission-denied__icon svg {
    display: block;
}

/* Title */
.contractor-permission-denied__title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* Message */
.contractor-permission-denied__message {
    margin: 0 0 28px 0;
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}

/* Button */
.contractor-permission-denied__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: #621e83;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    line-height: 1;
}

.contractor-permission-denied__button:hover {
    background: #1f2937;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    text-decoration: none;
}

.contractor-permission-denied__button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.contractor-permission-denied__button svg {
    flex-shrink: 0;
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    .contractor-permission-denied {
        background: #1a1a2e;
        border-color: #2d2d44;
        box-shadow: 
            0 1px 3px rgba(0, 0, 0, 0.2),
            0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    .contractor-permission-denied__icon {
        background: #252540;
        color: #8b8ba7;
    }
    
    .contractor-permission-denied__title {
        color: #e5e7eb;
    }
    
    .contractor-permission-denied__message {
        color: #9ca3af;
    }
    
    .contractor-permission-denied__button {
        background: #3b82f6;
    }
    
    .contractor-permission-denied__button:hover {
        background: #2563eb;
    }
}

/* Responsive */
@media (max-width: 640px) {
    .contractor-permission-denied {
        margin: 24px 16px;
        padding: 36px 24px;
    }
    
    .contractor-permission-denied__title {
        font-size: 18px;
    }
    
    .contractor-permission-denied__message {
        font-size: 14px;
    }
}


.insteadMobileMainMenu ul{
  flex-direction: column !important;
  padding: 0;
}
.insteadMobileMainMenu ul li a{
  font-size: 13px;
}
.ic-mobile-menu-panel:has(.insteadMobileMainMenu){
  padding: 10px !important;
}
.woocommerce-account-sidebar-upper-wrapper .woocommerce-MyAccount-navigation{
  @media (max-width:768px){
    display: none;
  }
}




  /* Base image styles */
  .alignleft img,
  .alignright img,
  .aligncenter img {
      max-width: 100%;
      height: auto;
      display: block;
  }

  .alignleft {
      float: left;
      margin: 0.5em 1.5em 1.5em 0;
      width: 40%;
  }

  .alignright {
      float: right;
      margin: 0.5em 0 1.5em 1.5em;
      width: 40%;
  }

  .aligncenter {
      display: block;
      margin: 0.5em auto 1.5em;
      text-align: center;
      float: none;
  }

  .aligncenter img {
      margin: 0 auto;
  }

  /* Tablet: 768px and below */
  @media (max-width: 768px) {
      .alignleft,
      .alignright {
          width: 45%;
      }
  }

  /* Mobile: 480px and below - stack everything */
  @media (max-width: 480px) {
      .alignleft,
      .alignright,
      .aligncenter {
          float: none !important;
          display: block !important;
          width: 100% !important;
          margin: 0 auto 1.5em !important;
      }
      
      .alignleft img,
      .alignright img,
      .aligncenter img {
          width: 100%;
          margin: 0 auto;
      }
  }
.wc-block-checkout__login-prompt {
  background-color: #621e83;
  color: #fff !important;
  padding: 12px 20px;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 4px;
}
.wc-block-checkout__login-prompt:hover {
  background-color: #792aa0;
}
.postid-2725 .wp-block-woocommerce-product-price{
  display: none !important;
}
.postid-2725 .wp-block-woocommerce-product-price + .wp-block-spacer{
  display: none !important;
}
.postid-2725 .wp-block-spacer:has(+ .wp-block-woocommerce-product-price) {
  display: none !important;
}
.woocommerce-variation-price{
  font-size: 28px !important;
}
.woocommerce-variation-price::before {
  margin-bottom: 4px;
  display: block;
}
.product-type-variable .wc-block-components-product-price{
  font-size: 15px !important;
  color: #545157;
}
.wc-block-components-product-sale-badge {
  width: 64px !important;
  height: 64px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 24px 12px !important;
  border-radius: 100%;
  background-color: rgba(0,0,0,00.8);
  color: #fff;
  border: none;
}
.wc-block-components-product-sale-badge span{
  background: none !important;
}

.cb-button-prev,.cb-button-next{
  background-color: rgba(225,225,225,0.8);
  width: 35px !important;
  height: 35px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  z-index: 1 !important;
  @media (max-width:768px){
    display: none !important;
  }
}

.cb-button-next:after, .cb-button-prev:after{
      font-size: 16px !important;
}
.cb-button-prev{
  left: 20px !important;
}
.cb-button-next{
  right: 20px !important;
}
.navbarTempWrapper .ic-woo-search-icon svg {
    height: 28px !important;
    width: 28px !important;
    margin-bottom: 3px;
}


.woocommerce-Tabs-panel--description .is-layout-flex{
  flex-wrap: wrap !important;
}