:root {
  --border-color: #e5e5e5;
  --secondary-background: #eaf1ff;
}

:focus-visible{
  outline: none;
}
/* Packaging solutions/ shop page */
.post-type-archive-product .pdfprnt-buttons{
  display: none;
}

/* Single product */

.single-product article {
  padding: 14px 0 0 0 !important;
}

.single-product #main {
  margin: 0;
  padding: 0;
}

.cus_product_container {
  padding-inline: 5.3vw;
}

.cross_sku,
.cus_pdf_btn_wrapper a,
.breadcrumb_list *,
.blog_list_link,
.listing_banner_breadcrumb span a,
.product_button,
.blog_link, .blog_link * {
  font-family: "Figtree", sans-serif;
}

/* Breadcrumbs */
.breadcrumb_list {
  color: #676767 !important;
}

.breadcrumb_list * {
  color: #676767 !important;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 21px;
}

.breadcrumb_list .breadcrumb_last * {
  color: var(--dark-blue-color) !important;
  font-weight: 600 !important;
}

/* Single product */

.product_inner_img_wrapper {
  position: sticky;
  top: 9rem;
}

.image-actions {
  column-gap: 14px;
  padding: 24px 45px 24px 0;
  border-bottom: solid 1px var(--border-color);
}

.product_title_wrapper {
  margin-block: 10px 14px;
}

.cus_product_title {
  color: black;
  font-size: 28px !important;
  line-height: normal;
}

.cus_short_desc {
  color: #757575;
  line-height: normal;
  margin-bottom: 26px;
}

.cus_product_sku {
  color: var(--dark-blue-color);
  background-color: var(--secondary-background);
  margin-bottom: 26px;
  padding: 12px 16px;
  border-radius: 4px;
  line-height: normal;
}

.cus_single_add_to_cart_button,
.cus_single_add_to_cart_button:is(:active, :focus) {
  border-radius: 30px;
  background: var(--dark-blue-color);
  padding: 10px 18px 10px 20px;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  column-gap: 8px;
}

.cus_request_cta_btn {
  gap: 20px;
  margin-bottom: 26px;
  border-bottom: solid 1px var(--border-color);
  padding-bottom: 27px;
}

.cus_pdf_btn_wrapper {
  gap: 9px;
  padding: 10px 18px;
  border-radius: 30px;
  border: 1px solid #bbb;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), var(--dark-blue-color);
  color: var(--dark-blue-color);
  font-size: 18px;
  line-height: normal;
}

.cus_product_desc {
  margin-bottom: 26px;
  text-align: justify;
}

.cus_product_desc * {
  color: #000;
  font-size: 16px;
  line-height: 25px;
}

.cus_specs .accordion-item {
  margin-bottom: 20px;
  padding: 24px 22px 26px 30px;
  border-radius: 18px !important;
  background: var(--secondary-background);
}

.cus_specs .accordion-body {
  padding: 24px 0 0 0;
}

.cus_specs button {
  background-color: var(--secondary-background);
  font-size: 20px;
  line-height: 20px;
}

.cus_specs button:not(.collapsed)::after {
  background-image: url(/wp-content/uploads/2025/08/minus-icon.svg) !important;
}

.cus_specs button::after {
  background-image: url(/wp-content/uploads/2025/08/plus-icon.svg) !important;
}

.specs_table {
  border: none;
}

.specs_table :is(th, td) {
  font-size: 14px;
  line-height: 20px;
  border: none;
}

.specs_table th {
  color: #505050;
  padding-right: 32px;
  border-right: 1px solid #cedfff !important;
}

.specs_table td {
  padding-left: 22px;
}

.specs_table > :not(caption) > * > * {
  background-color: transparent !important;
}

.related_blog_list_content .blog_list_link {
  line-height: normal;
}

#shareMenu {
  padding: 0px;
  position: absolute;
  top: 50px;
  left: 3px;
  /* background: #f9f9f9; */
}

.share-item {
  display: block;
  text-decoration: none;
  /* padding: 5px 0; */
}

/* Related products */
.cus_related_products {
  margin-top: 100px !important;
  padding-top: 30px;
}

.cus_cross_sell {
  border-top: solid 1px var(--border-color);
  padding-top: 30px;
}

.cus_related_sec_title {
  font-size: 22px !important;
  line-height: 36.4px;
  margin: 0 0 14px 0;
}

.single_product_listing {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
  gap: 36px;
}

.single_product_listing .cus_product_wrapper {
  border-radius: 10px;
  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.15);
  width: 284px;
}

.cus_product_wrapper a {
  gap: 12px;
}

.cross_product_info {
  padding: 0 8px 22px;
}

.cross_product_title {
  font-size: 20px !important;
}

.cross_excerpt h3 {
  color: #757575;
  font-size: 14px !important;
  line-height: normal;
  font-weight: 400;
  margin: 0;
}

.cross_sku {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

.cross_product_info .request_cart {
  margin-top: 8px;
}

.cross_product_info .request_cart a {
  padding: 8px 20px;
  font-family: Figtree;
  font-size: 14px;
  line-height: normal;
}

.cus_featured_blogs {
  margin-top: 70px !important;
}

.related_blog_wrapper {
  gap: 34px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
}

.cus_featured_blogs .other_blog_detail img {
  margin: 0;
}

.related_blog_list_content {
  padding: 11px 23px 22px 23px;
  gap: 11px;
}

.related_blog_list_content .blog_category {
  width: fit-content;
  background-color: #ebf9ff !important;
}

/* product gallery swiper */

.single-product #content main {
  width: 100% !important;
}

.swiper.product_gallery_img {
  width: 100%;
  height: 100%;
  max-width: 627px;
  max-height: 470px;
}

.swiper.product_gallery_img .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 470px;
}

.swiper.product_gallery_thumb {
  width: 100%;
  height: 84px;
  margin-inline: 0;
  max-width: 291px;
}

.swiper.product_gallery_thumb .swiper-wrapper {
  padding-inline: 22px;
}

.swiper.product_gallery_thumb .swiper-slide {
  position: relative;
  background-size: cover;
  background-position: center;
  width: auto !important;
  max-width: 84px;
  max-height: 84px;
}

.swiper-slide.swiper-slide-thumb-active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  mix-blend-mode: multiply;
}

.product_gallery_thumb {
  height: 80%;
  width: 100%;
}

.product_gallery_thumb {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.product_gallery_thumb .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.product_gallery_thumb .swiper-slide-thumb-active {
  opacity: 1;
}

.product_gallery_thumb .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumb-wrapper {
  margin-top: 28px;
  /* max-width: 350px; */
  width: fit-content;
}

.thumb-wrapper.position-relative:not(:has(.swiper-button-lock)) {
  margin-left: 10px;
}

.thumb-wrapper.position-relative:has(.swiper-button-lock) .swiper-wrapper {
  padding: 0;
}

.thumb-nav-prev:after,
.swiper-rtl .thumb-nav-prev:after,
.thumb-nav-next:after,
.swiper-rtl .thumb-nav-next:after {
  content: "" !important;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  top: 50%;
}

.thumb-nav-prev:after,
.swiper-rtl .thumb-nav-prev:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M7.05905 0.661107C7.24247 0.656986 7.4226 0.711305 7.57438 0.816597C7.72616 0.921888 7.84205 1.07295 7.90595 1.24864C7.96985 1.42433 7.97858 1.61597 7.93092 1.79696C7.88326 1.97795 7.78159 2.13921 7.64003 2.25844L2.23884 6.98542L7.64003 11.7107C7.73795 11.7843 7.81996 11.8776 7.88092 11.985C7.94187 12.0924 7.98047 12.2115 7.99428 12.3349C8.00809 12.4582 7.99683 12.5831 7.96119 12.7018C7.92555 12.8205 7.86631 12.9304 7.78717 13.0247C7.70804 13.1189 7.61071 13.1953 7.50129 13.2493C7.39187 13.3033 7.27271 13.3337 7.15127 13.3384C7.02984 13.3432 6.90875 13.3224 6.79558 13.2772C6.68241 13.2319 6.5796 13.1633 6.49359 13.0756L0.309722 7.67051C0.212612 7.58585 0.134632 7.48077 0.081161 7.36234C0.0276895 7.24391 0 7.11501 0 6.98459C0 6.85417 0.0276895 6.72527 0.081161 6.60684C0.134632 6.48841 0.212612 6.38323 0.309722 6.29856L6.49359 0.888257C6.64981 0.746508 6.85017 0.666129 7.05905 0.661107Z" fill="%23354EA1"></path></svg>');
}

.thumb-nav-next:after,
.swiper-rtl .thumb-nav-next:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M0.940948 0.661107C0.757525 0.656986 0.577403 0.711305 0.425624 0.816597C0.273844 0.921888 0.157947 1.07295 0.0940481 1.24864C0.030149 1.42433 0.021422 1.61597 0.0690802 1.79696C0.116738 1.97795 0.218413 2.13921 0.35997 2.25844L5.76116 6.98542L0.35997 11.7107C0.262048 11.7843 0.180041 11.8776 0.119084 11.985C0.0581275 12.0924 0.0195343 12.2115 0.00572114 12.3349C-0.00809202 12.4582 0.00317275 12.5831 0.0388099 12.7018C0.074447 12.8205 0.133688 12.9304 0.212825 13.0247C0.291962 13.1189 0.389288 13.1953 0.49871 13.2493C0.608131 13.3033 0.727291 13.3337 0.848725 13.3384C0.97016 13.3432 1.09125 13.3224 1.20442 13.2772C1.31759 13.2319 1.4204 13.1633 1.50641 13.0756L7.69028 7.67051C7.78739 7.58585 7.86537 7.48077 7.91884 7.36234C7.97231 7.24391 8 7.11501 8 6.98459C8 6.85417 7.97231 6.72527 7.91884 6.60684C7.86537 6.48841 7.78739 6.38323 7.69028 6.29856L1.50641 0.888257C1.35019 0.746508 1.14983 0.666129 0.940948 0.661107Z" fill="%23354EA1"/></svg>');
}

.thumb-nav-prev {
  left: -10px !important;
}

.thumb-nav-next {
  right: -2.5rem !important;
}

.lightbox-swiper {
  background-color: white;
  border-radius: 8px;
}

.lightbox-swiper .swiper-slide img {
  min-width: 250px;
  border-radius: 8px;
}

.swiper-button-prev.lightbox-swiper-btn-prev:after,
.swiper-button-next.lightbox-swiper-btn-next:after,
.swiper-button-prev.lightbox-swiper-btn-prev::before,
.swiper-button-next.lightbox-swiper-btn-next:before {
  color: var(--dark-blue-color);
  font-size: 25px;
}

/* Related products swiper */
.related_products_swiper {
  width: 100%;
  height: 194px;
}

.related_products_swiper .swiper-wrapper {
  /* padding: 10px 45px; */
}

.related_products_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.related_products_swiper .swiper-slide img {
  display: block;
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
}

.swiper-pagination-bullet {
  opacity: 1;
  background-color: #e0e0e0;
}

.swiper-pagination-bullet-active {
  background-color: #354ea1 !important;
}

/* Checkout page */
/* woocommerce ajax filter plugin has added this styling to coutner that below css */
.select2-container{
  z-index: 1;
}

/* Advance filter loader */
.blog_container {
  position: relative;
}

.advance-filter-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.877);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  pointer-events: none;
}

.advance-filter-loader.hide {
  display: none !important;
}

.custom-spinner {
  width: 32px;
  height: 32px;
  border: 4px solid #ccc;
  border-top: 4px solid #007bff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Competitor product conversion */

.page-template-competitor-product-conversion #content .sidebar{
  width: 100% !important;
}

.page-template-competitor-product-conversion #content .sidebar h2{
  font-size: 20px !important;
}

#search-filter-results-40545{
  display: flex;
  flex-flow: row wrap;
}

/* Product Listing Page  */
:is(.woocommerce-shop, .tax-product_cat:not(.term-4129)) #content article,
#content article:has(.wc-block-active-filters){
  width: 100%;
}

.product_listing_banner {
  background-color: #fef9df;
}

.col-lg-6.banner_bg {
  background: #2664a1;
  border-radius: 70px 0px 0px 70px;
  display: grid;
  justify-content: center;
  align-items: center;
  position: relative;
}

.col-lg-6.banner_bg:before {
  content: "";
  background-image: url("/wp-content/uploads/2025/08/Vector-4.svg");
  background-repeat: no-repeat;
  height: 100%;
  width: 94%;
  position: absolute;
  display: block;
  background-position: center;
}

.product_listing_banner .blog_container :is(h2:has(>img), h2 img){
  display: none !important;
}

.product_listing_banner h1 {
  line-height: normal;
  color: var(--dark-blue-color);
  text-align: left;
}

.listing_banner_breadcrumb span a {
  color: #424242;
  font-weight: 400;
  font-size: 14px;
}

.listing_banner_breadcrumb *{
  color: var(--dark-blue-color);
}

.listing_banner_breadcrumb span.breadcrumb_last strong {
  font-size: 14px;
}

.category_icon img {
  width: 80px;
  max-width: 80px;
  mix-blend-mode: multiply;
}

.product_listing_section aside#secondary {
  width: 100% !important;
}

.blog_prdt_size h3 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #757575 !important;
  padding-bottom: 0px;
}

.archive_product_desc {
  min-height: 36px;
}
/* 
.archive.tax-product_cat article .term-description {
  display: none;
} */

.woocommerce .woocommerce-ordering {
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
  margin-right: 10px;
}

.woocommerce .woocommerce-result-count {
  margin: 9px 0 0em;
  font-size: 16px !important;
}

body.woocommerce #content .woocommerce-ordering select {
  border: solid 1px #c5c5c5 !important;
  border-radius: 8px !important;
  font-size: 14px;
  appearance: none;            /* Hide default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 155px;

}

.wc-block-components-checkbox .wc-block-components-checkbox__label {
  font-size: 14px;
}

form.woocommerce-ordering:before {
  content: "Sort By :";
  display: block;
  height: 34px;
  width: 80px;
  font-size: 14px;
  font-weight: bold;
}

.pagination {
  justify-content: center;
}

#content aside h2 {
  background: transparent !important;
  padding-bottom: 30px;
}

body:not(.woocommerce-cart) #content article {
  padding-top: 3rem;
}

.berocket_single_filter_widget.bapf_wid_ {
  padding: 15px 0px;
  margin: 0;
  border-bottom: solid 1px #ededed;
}

.bapf_sfilter {
  margin-bottom: 0;
}

.bapf_ckbox_sqchck input[type="checkbox"] {
  border: 2px solid #858585;
  border-radius: 4px;
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

.advance-filter-sidebar
  .advance-filter-widget:first-of-type
  .wc-blocks-filter-wrapper
  h3.wp-block-heading,
.advance-filter-widget .wc-block-active-filters .wc-block-active-filters__list,
.wp-block-woocommerce-active-filters.is-loading
  .wc-block-active-filters
  .wc-block-active-filters__list-item-type,
.active-product-filter-widget .wc-block-active-filters__clear-all,
.active-product-filter-widget h3.wp-block-heading,
.advance-filter-sidebar button.wc-block-components-filter-reset-button {
  display: none !important;
}

.wc-block-active-filters .wc-block-active-filters__list-item-name {
  flex-direction: row-reverse;
  float: inline-start;
  gap: 10px;
  background: #dce8ff99;
  margin-right: 14px;
  border-radius: 36px;
  padding: 6px 12px !important;
  color: #757575;
  margin-bottom: 14px;
  font-size: 14px !important;
}

.wc-block-active-filters .wc-block-active-filters__list-item-remove {
  margin: 0 !important;
  background: transparent !important;
  color: #757575 !important;
}

.wc-block-active-filters
  .wc-block-active-filters__list-item-remove
  .wc-block-components-chip__remove-icon,
.wc-block-active-filters
  .wc-block-active-filters__list-item-remove:hover
  .wc-block-components-chip__remove-icon {
  fill: #757575 !important;
}

.advance-filter-widget .wc-block-active-filters__clear-all {
  position: absolute;
  right: 0;
  top: 6px;
  display: flex !important;
  color: var(--dark-blue-color) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

button.wc-block-active-filters__clear-all:after {
  content: "";
  background-image: url("/wp-content/uploads/2025/08/fi_7794645.svg");
  height: 20px;
  width: 20px;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  background-position: right;
}

.advance-filter-sidebar .accordion-item h2.accordion-header .accordion-button {
  background-color: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;
  color: black;
  font-weight: 500;
}

.advance-filter-sidebar .accordion-item h2.accordion-header {
  padding-bottom: 0px !important;
}

.advance-filter-sidebar .accordion-item .accordion-collapse {
  padding: 0px 6px;
}

.advance-filter-sidebar .accordion-item .accordion-collapse .accordion-body,
.advance-filter-sidebar
  .accordion-item
  .accordion-collapse
  .accordion-body
  .wc-block-checkbox-list {
  padding: 0 !important;
}

.advance-filter-sidebar .accordion-item {
  border-bottom: solid 1px #ededed !important;
  padding-bottom: 20px;
}

.advance-filter-sidebar .accordion-item .accordion-button::after {
  background-image: url("/wp-content/uploads/2025/08/fi_2722987.svg") !important;
  transition: all 0.5s !important;
}

.advance-filter-sidebar
  .wc-block-components-checkbox
  .wc-block-components-checkbox__input[type="checkbox"] {
  height: 16px !important;
  width: 16px !important;
  min-height: 1.2em !important;
  min-width: 1.2em !important;
}

.advance-filter-sidebar
  .wc-block-components-checkbox
  .wc-block-components-checkbox__mark {
  height: 1.025em;
  margin-left: 0.1275em;
  margin-top: 0.0125em;
  pointer-events: none;
  position: absolute;
  width: 1.025em;
}

.responsive-sidebar {
  display: block;
}

body #content aside .blog_container h2 {
  font-size: 20px !important;
}


#closeFiltercBtn {
  display: none;
}

section.product_listing_banner h2 {
  text-align: left !important;
}

form.woocommerce-ordering:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 41%;
  background-image: url('/wp-content/uploads/2025/08/fi_2722987.svg');
  transform: translateY(-50%);
  font-size: 12px;
  color: #555;
  pointer-events: none;
  height: 18px;
    width: 18px;
}

.filter-sticky{
  top: 150px;
  border-right: solid 1px #E5E5E5;
    padding-right: 30px;
}

.wc-block-components-checkbox__label{
  color: #757575;
}

input[type="checkbox"]:checked + .wc-block-components-checkbox__label {
  color: #424242;
  font-weight: 500;
}
/* Product Listing End  */

/* Media queries */
@media screen and (min-width: 1919px){
  .cus_product_title{
    font-size: 32px !important;
  }

  .cus_single_add_to_cart_button,
  .cus_single_add_to_cart_button:is(:active, :focus),
  .cus_pdf_btn_wrapper{
    font-size: 22px;
  }

  .cus_related_sec_title{
    font-size: 26px !important;
  }
}

@media only screen and (min-width: 768px) and (max-device-width: 1024px){
  body.single-product, .single-product :is(p, .about-text, article p){
    font-size: 16px !important;
  }
}

@media (max-width: 992px) {
  .cus_product_title{
    font-size: 24px !important;
  }

  .cus_single_add_to_cart_button,
  .cus_single_add_to_cart_button:is(:active, :focus),
  .cus_pdf_btn_wrapper{
    font-size: 16px;
  }

  .image-actions{
    padding-right: 0;
  }

  .woocommerce-notices-wrapper .woocommerce-error li {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .woocommerce-notices-wrapper .woocommerce-error li a {
    width: fit-content;
  }

  .cus_related_products {
    margin-top: 0 !important;
  }

  /* woocommerce message */
  .single-product .woocommerce-message {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 10px;
  }

  /* Product Listing */
  #filterToggleBtn {
    display: block !important;
    background-color: var(--dark-blue-color);
    border: solid 1px var(--dark-blue-color);
    padding: 7px 13px;
    z-index: 998;
    bottom: 0;
  }

  #filterToggleBtn:active,
  #filterToggleBtn:focus {
    border-radius: 5px;
    color: white;
  }
  

  .advance-filter-sidebar {
    width: 350px;
    transform: translateX(-100%) !important;
    transition: transform 0.7s ease-in-out;
    position: fixed !important;
    background: white;
    left: -350px;
    padding: 30px;
    top: 0px;
    height: 100vh;
    /* width: 75%; */
    z-index: 999;
  }
  .advance-filter-sidebar.show-filter {
    transform: translateX(0) !important;
    transition: transform 0.7s ease-in-out;
    /* display: block !important; */
    left: 0;
  }

  #closeFiltercBtn {
    position: absolute;
    top: -77px;
    right: 2px;
    font-size: 36px;
    cursor: pointer;
    color: #333;
    display: block;
  }

  .advance-filter-widget .wc-block-active-filters__clear-all {
    right: 0;
    top: 0;
    margin: 0;
  }
  .responsive-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    max-width: 300px;
    height: 100%;
    background: #fff;
    z-index: 1050;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    transition: left 0.3s ease;
    overflow-y: auto;
  }

  .responsive-sidebar.show {
    left: 0;
  }

  .product_listing_banner h1{
    font-size: 24px !important;
  }
  
  section.product_listing_banner h2, .product_content h3.blog_title{
    font-size: 18px !important;
  }
}

@media (max-width: 340px) {
  .advance-filter-sidebar {
    padding-left: 2px;
  }
}
