/*
Theme Name: Roojee Co Ltd
Description: Roojee Co Ltd - Quincaillerie Theme
Template: plumbing-parts
Version: 1.92
Tags: four-columns, right-sidebar, full-width-template
Text Domain: plumbing

This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.
*/




body, .wp-block-calendar table {
  font-family: Hind !important;
}

.sc_socials_item a .icon-note:before {
  content: "";
  display: inline-block;
  width: 20px !important;
  height: 30px;
  vertical-align: middle;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23acb4b6'><path d='M180.3 0H135v170.6c0 17.8-14.5 32.3-32.3 32.3S70.4 188.4 70.4 170.6s14.5-32.3 32.3-32.3c3.4 0 6.6.5 9.7 1.5V93.4a72.6 72.6 0 0 0-9.7-.6c-39.3 0-71.2 31.9-71.2 71.2s31.9 71.2 71.2 71.2 71.2-31.9 71.2-71.2V84.7c13 9.3 28.9 14.8 46 14.8V54.7a46.2 46.2 0 0 1-37-18.7c-8.3-10.6-10.8-22.2-10.8-36z'/></svg>") no-repeat center;
  background-size: contain;
}

.copyright_style_socials .sc_socials_type_icons {
  display:none !important;
}
.copyright_wrap .content_wrap .copyright_text{
  float: none !important;
  margin: 0 auto;
  text-align: center;
}
.copyright_wrap .copyright_wrap_inner{
  padding-top: 15px;
  padding-bottom: 15px;
}
.hide-slider{
  display: none;
}
.roojeecat-grid{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}
.home-about .rcl-roojee-slider-wrapper{
  max-width: 1300px;
}
.no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  height: 200px;
  font-size: 24px;
  font-weight: bold;
}
.variation-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: -15px;
  flex-wrap: wrap;
}

.variation-list li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px; /* Keep even left/right spacing */
  border-radius: 25px;
  border: 2px solid #004aad; /* Blue border */
  background-color: white;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s ease;
  white-space: nowrap; /* Prevents text from breaking onto two lines */
}
body.single.single-product #tab-pwb_tab #tab-pwb_tab-content span a{
  pointer-events: none;  
  cursor: default;  
} 
.woocommerce .related.products h2{
  clear: both;
      text-transform: capitalize;
} 
.related.products  ul.products li.product{
    margin:0px!important;
}

.brand-filter-wrapper{
  background-color: transparent;
  border-radius: 4px;
  padding: 14px 16px 10px;
}
.brand-filter-wrapper .brand-filter-head > h3{
  margin: 0 !important;
  display: flex;
  align-items: center;
  line-height: 1;
}
.product-categories {
  display: flex;
  flex-direction: column;

}
.product-categories .cat-item-67{   order: 1; }
.product-categories .cat-item-66{   order: 2; }
.product-categories .cat-item-70{   order: 3; }
.product-categories .cat-item-68{   order: 4; }
.product-categories .cat-item-60{   order: 5; }

.product-categories > .cat-item > a{
  font-weight: 600 !important;
  margin-top: 15px !important;
  display: inline-block;
}

body .product-categories .cat-item.current-cat > a{
  font-weight: 600 !important;
}
.woocommerce-shop .list_products,
.tax-product_cat .list_products{
  margin-bottom: 70px;
}
.woocommerce-shop .products > .product ,
.tax-product_cat .products > .product {
  width: calc(25% - 12px) !important;
}
.woocommerce-shop .category-wrapper:not(:last-child) ,
.tax-product_cat .category-wrapper:not(:last-child) {
  margin-bottom: 40px;
}
.woocommerce-shop .br-heading h2,
.tax-product_cat .br-heading h2{
  margin: 0;
  margin-bottom: 20px;
  padding: 16px 32px;
  border-bottom: 1px solid #2C1574;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0;
  color: #2C1574;
}
.woocommerce-shop .br-links,
.tax-product_cat .br-links{
  text-align: center;
}
.woocommerce-shop .br-links a,
.tax-product_cat .br-links a{
  border: 1px solid #2C1574;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.4px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  padding: 16px 16px 14px;
  min-width: 320px;
  color: #2C1574;
  display: inline-block;
  margin: 20px auto 0;
  border-radius: 5px;
  transition: all 0.3s;
}
.woocommerce-shop .br-links a:hover,
.tax-product_cat .br-links a:hover{
  background-color: #2C1574;
  color: #fff;
}
body.woocommerce-shop .post_content .screen-reader-text + div,
body.tax-product_cat .post_content .screen-reader-text + div{
  width: 100%;
}
.top_panel_icon .search_submit:before {
  transform: translateY(0) !important;
}

body .qwco-chat-support-1 .qwco-popup, body .qwco-chat-support-1 .qwco-speech-bubble {
    bottom: 177px;
}

body .qwco-fixed .qwco-button{
	bottom:100px;
}

section.related.products {
    clear: both !important;
}
.woocommerce .related.products h2 {
    margin-bottom: 1em;
}
.woocommerce-shop .widget_area .widget-title ,
.tax-product_cat .widget_area .widget-title {
  background-color: #2C1574;
  line-height: 2.1em;
  padding-left: 30px;
  margin-top: 0;
  margin-bottom: 1.25em;
  color: #ffffff;
  border-radius: 10px;
  font-size: 1.5em;
  font-weight: 600;
}
.woocommerce-shop .product-categories,
.tax-product_cat .product-categories{
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
.woocommerce-shop .widget_area ul li:before,
.tax-product_cat .widget_area ul li:before{
  display: none;
}
.woocommerce-shop .list_products ,
.tax-product_cat .list_products {
  width: calc(100% - 294px);
  margin-top: 0;
}
.woocommerce-shop .content,
.tax-product_cat .content{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.woocommerce-shop .page_content_wrap,
.tax-product_cat .page_content_wrap{
  padding-top: 24px;
}
.woocommerce-shop .children .cat-item,
.tax-product_cat .children .cat-item{
  padding-bottom: 5px;
}
.woocommerce-shop .cat-parent > a,
.tax-product_cat .cat-parent > a{
  line-height: 16px;

}
.woocommerce-shop .product-category-sidebar ul li * ,
.tax-product_cat .product-category-sidebar ul li * {
  color: #B79004 !important;
}
.woocommerce-shop .widget_area ul ul ,
.tax-product_cat .widget_area ul ul {
  margin-top: 12px;
}
.woocommerce-shop .list_products ,
.tax-product_cat .list_products {
    margin-top: 0px !important;
}


@media screen and (max-width: 1024px) {
  .woocommerce-shop .content,
    .tax-product_cat .content{
    flex-direction: column-reverse;
  }

  .woocommerce-shop .list_products,
    .tax-product_cat .list_products,
  .woocommerce-shop .sidebar,
    .tax-product_cat .sidebar{
    width: 100%;
    margin-top: 0;
  }
  .woocommerce-shop .page_content_wrap ,
    .tax-product_cat .page_content_wrap {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {

  .roojee-prod-slider > .wpb_content_element{
    padding-right: 0 !important;
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .roojeecat-grid .cat-item{
    /*    padding: 0 10px; */
  }
}

@media screen and (max-width: 767px) {
  .woocommerce-shop .br-links a ,
    .tax-product_cat .br-links a {
    min-width: calc(100% - 30px);
  }
  .woocommerce-shop .content > .list_products,
    .tax-product_cat .content > .list_products,
  .woocommerce-shop .product-category-sidebar,
    .tax-product_cat .product-category-sidebar{
    width: calc(100% - 48px);
    padding-left: 24px;
    padding-right: 24px;
  }
  .woocommerce-shop .product-category-sidebar li a,
    .tax-product_cat .product-category-sidebar li a{
    font-size: 16px !important;
  }
}

/* ============================= */
/* Wrapper & List Layout */
/* ============================= */
.cpo-wrapper .cpo-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* ============================= */
/* Shared Item Base */
/* ============================= */
.cpo-wrapper .cpo-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  border: 2px solid #333 !important;
  background-color: #fff !important;
  color: #333 !important;
  cursor: default !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* ============================= */
/* Colour Options */
/* ============================= */
.cpo-wrapper .cpo-color-item {
  padding: 10px 16px !important;
  border-radius: 10px !important;   /* rectangular by default */
}

/* Daylight */
.cpo-wrapper .cpo-color--daylight {
  background-color: #ffffff !important;
  border-color: #333 !important;
  color: #333 !important;
}

/* Warm White */
.cpo-wrapper .cpo-color--warmwhite {
  background-color: #fbd56b !important;
  border-color: #333 !important;
  color: #000 !important;
}

/* Strong Background Colours */
.cpo-wrapper .cpo-color--red {
  background-color: #e63946 !important;
  border-color: #b71c1c !important;
  color: #fff !important;
}

.cpo-wrapper .cpo-color--blue {
  background-color: #1d4ed8 !important;
  border-color: #1e3a8a !important;
  color: #fff !important;
}

.cpo-wrapper .cpo-color--yellow {
  background-color: #facc15 !important;
  border-color: #b45309 !important;
  color: #000 !important;
}

.cpo-wrapper .cpo-color--green {
  background-color: #22c55e !important;
  border-color: #166534 !important;
  color: #fff !important;
}

.cpo-wrapper .cpo-color--white {
  background-color: #ffffff !important;
  border-color: #333 !important;
  color: #333 !important;
}

/* ============================= */
/* Bulb Type (Circular Items) */
/* ============================= */
.cpo-wrapper .cpo-bulb-type-item {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  text-align: center !important;
}

/* ============================= */
/* Wattage (Oval/Pill Items) */
/* ============================= */
.cpo-wrapper .cpo-wattage-item {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 25px !important;
  border: 2px solid #004aad !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}