/*
Theme Name: eca25
Theme URI: 
Author: Marko Mavric
Author URI: 
Description: Evolution car audio wp theme.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: eca25
Tags: 
*/

:root {
  --eca-layout--space-h: max(24px, 5vw);
  --eca-layout--space-v: max(12px, 2vw);

  --b2bking-font-family-a: var(
    --wp--preset--font-family--barlow-semi-condensed
  );
  --b2bking-font-family-b: var(
    --wp--preset--font-family--barlow-semi-condensed
  );
  --b2bking-font-family-c: var(
    --wp--preset--font-family--barlow-semi-condensed
  );

  --eca-nav-item-padding: 1em;
}

body {
  background-image: linear-gradient(
    rgb(255 255 255 / 10%),
    rgb(255 255 255 / 0%)
  );
  background-attachment: fixed;
}

.eca-layout {
  padding-top: var(--eca-layout--space-v) !important;
  padding-right: var(--eca-layout--space-h) !important;
  padding-bottom: var(--eca-layout--space-v) !important;
  padding-left: var(--eca-layout--space-h) !important;
}

.eca-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  grid-auto-rows: 1fr;
  justify-content: start;
  align-items: stretch;

  & > li {
    max-width: 360px;
  }
}

.eca-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  justify-content: start;
  align-items: stretch;
}

.eca-table {
  display: flex;
  flex-direction: column;
}
.eca-table li {
  display: inline-flex;
  flex-direction: row;
  align-items: center;

  & > * {
    flex: 1;
  }

  .wc-block-components-product-image {
    margin: 0;
    flex: 0 0 128px;
  }

  &:hover {
    background-color: rgb(255 255 255 / 10%);
  }
}

/* navigation */

.ecanav .wp-block-navigation__container {
  --navigation-layout-align: stretch;
  width: 100%;
  anchor-name: --myAnchor;
}
.ecanav.wp-block-navigation .wp-block-navigation__submenu-icon {
  height: 0.875em;
  width: 0.875em;
}
a,
.ecanav.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--heading);
  transition: all 0.3s ease;

  &:hover {
    color: var(--wp--preset--color--primary);
  }
}
.ecanav.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  padding: 1em;
  border: 1px solid
    color-mix(in srgb, var(--wp--preset--color--primary) 25%, #fff 25%);
  border-radius: 1em;
  position-anchor: --myAnchor;
  position: fixed;
  left: anchor(left);
  top: anchor(bottom);
  width: 90vw !important;
}
.ecanav
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation-item__content,
.ecanav.wp-block-navigation .wp-block-navigation-item__content {
  display: inline-block;
  padding: var(--eca-nav-item-padding);
  font-weight: 600;
}
.ecanav.wp-block-navigation
  .has-child
  .wp-block-navigation__submenu-container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content {
  color: var(--wp--preset--color--heading);
  background-color: rgb(0 0 0 / 0%);
  padding: var(--eca-nav-item-padding);

  &:hover {
    color: var(--wp--preset--color--primary);
    background-color: rgb(0 0 0 / 5%);
  }
}

@media screen and (min-width: 768px) {
  .ecanav .wp-block-navigation__container {
    --navigation-layout-align: flex-start;
    width: 100%;
  }
  .ecanav.wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container {
    padding: 2em;
  }
  .ecanav .eca-submenu-balance .wp-block-navigation__submenu-container {
    display: block !important;
    column-fill: balance;
    columns: 2;
    max-height: 75svh;
    min-width: min(400px, 90%) !important;
  }
  .ecanav.wp-block-navigation .wp-block-navigation-item__content {
    --eca-nav-item-padding: 0.25em 0.75em 0.25em 0;
  }
}

.wp-block-buttons > .wp-block-button .wp-block-button__link {
  &:hover {
    color: inherit;
  }
}

.wp-block-query-pagination {
  gap: 0.25em;
}
.wp-block-query-pagination-numbers {
  flex: 1;
  display: flex;
  flex-direction: row;
  font-size: var(--wp--preset--font-size--large);
  justify-content: center;
  gap: 0.25rem;

  .page-numbers {
    display: inline-flex;
    flex: 0 0 3rem;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(0 0 0 / 5%);
  }
}

/* custom navigation */
/*
.wp-block-navigation.ecanav {
    all:unset;
    > * {
        all:unset;
    }
}
.ecanav {


    --list-left: 0;
    --list-translate-x: 0;
    --nav-width: 320px;
    --nav-height: 100svh;
    --nav-max-height: 100svh;
    --nav-position:fixed;
    --nav-background-color:0 0 0;
    --menu-item-height: 3rem;
    --nav-direction: column;
    --nav-position: -321px;
    --nav-overflow-y: scroll;
    

    top: 0;
    left: 0;
    height: var(--nav-height);
    max-height: var(--nav-max-height);
    overflow-x: clip;
    overflow-y: var(--nav-overflow-y);
    
    width: var(--nav-width) !important;
    position: var(--nav-position) !important;
    background-color: rgb(var(--nav-background-color));
    z-index: 100;
    transform: translateX(var(--nav-position));


    ul {
      position: absolute;
      display: flex;
      top: 0;
      margin: 0;
      padding: 0;
      flex-direction: var(--nav-direction);
      width: var(--nav-width);
      list-style: none;
      background-color: rgb(var(--nav-background-color));
      background-image: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0));
      transition: all .25s ease;
      

      &:has(.drill-return:active) {
        background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,.05));
      }
      &:has(.wp-block-navigation-submenu__toggle:active) {
        background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.05));
      }

      li {
        
        width: 100%;
        display: grid;
        grid-template-areas: "item-icon item-link item-explore";
        grid-template-columns: var(--menu-item-height) minmax(0,1fr) var(--menu-item-height);
        grid-template-rows: var(--menu-item-height);
        grid-gap: 0;
        border-bottom: 1px solid rgba(255,255,255,.5);
        align-items: center;

        >* {
          min-width: 0;
          min-height: 0;
          height: 100%;
          align-content: center;
        }

        .dicon {

          grid-area: item-icon;
          text-align: center;
          font-weight: 600;
          font-size: medium;
          
         
        }

        >a,
        .wp-block-navigation-item__content,
        .dlink {
          justify-self: flex-start;
          grid-area: item-link;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          font-size: var(--wp--preset--font-size--small);

        }

        .wp-block-navigation-submenu__toggle {
          grid-area: item-explore;
          text-align: center;
          filter: invert(100%);

          svg { display: none; }
          
        }

        &:hover {
          background-color: color-mix(in srgb, rgb(var(--nav-background-color)), rgb(255 255 255) 15%);
        }


      }

      button, a {
        border: 0;
        cursor: pointer;
        background-color: rgba(var(--nav-background-color) / 0);
      }
      a {
        text-decoration: none;
      }

      button {
        &:hover {
          background-color: rgba(var(--nav-background-color) / 5%);
        }
      }

      .wp-block-navigation-submenu__toggle {
        &::before {
          content: "\2794"
        }
      }
      .drill-return {
        filter: invert(100%);
        rotate: 180deg;
        &::before {
          content: "\2794";
        }
      }
    }

    .wp-block-navigation__container {
      z-index: 101;
      left: 0;
      transform: translate3d(0, 0, 0);
      transition: all .35s ease-in-out;
      --nav-effect: blur(2px);
      --nav-opacity: 0;
      --nav-z-index: 101;
      --nav-visibility:hidden;
   
      li {
        ul {
          top: 0;
          left: 100%;
          z-index: var(--nav-z-index);
          filter: var(--nav-effect);
          transition: all .4s linear;
          opacity: var(--nav-opacity);
          flex-direction: column;
          visibility: var(--nav-visibility);
          pointer-events: none;

          &.explore {
            --nav-z-index: 102;
            
            --nav-effect: blur(0);
            
            --nav-opacity: 1;
            --nav-visibility: visible;
            pointer-events: all;
          }
        }
      }

      &[data-level] {
        transform: translate3d(var(--list-translate-x), 0, 0);
      }
      &[data-level="0"] {
        
      }
    }

    &.nav-open {
        transform: translateX(0);
    }

  }


@media screen and (min-width:768px) {
    
    .ecanav {
        --nav-direction: row;
        --nav-position: absolute;
        --nav-width:100%;
        --menu-item-height: 2rem;
       
        --nav-overflow-y: visible;
        background-color: transparent;
        pointer-events: none;
       

        .wp-block-navigation__container {
            pointer-events: all;
            transform: translate3d(0, 0, 0) !important;
            li {
                flex:1;
                width:auto;
                background-color: rgb(var(--nav-background-color));
                position: relative;
                >a,
                .wp-block-navigation-item__content,
                .dlink {
                    justify-self: center;
                }

                ul {
                    left: 0;
                    top:0;
                    width: 100%;
                    transform: translate3d(0, 0, 0) !important;
                }
            }
        }
    }


}


*/

/* filters */

.berocket_aapf_widget_selected_area:not(:has(div)) {
  min-height: 0;
  display: none;
}
.berocket_aapf_widget_selected_area:has(div) {
  min-height: 0;
  display: initial;
}

.bapf-sfa-grey-rounded
  .berocket_aapf_widget_selected_area
  a.braapf_unselect_all,
.bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area li a {
  display: inline-flex !important;
  height: 2rem;
  align-items: center;
  justify-content: flex-start;
  border: 0px;
  padding: 0.125em 1em 0.125em 1em;
  font-weight: 600;
  font-size: var(--wp--preset--font-size--small);
  border-radius: 1em;
  color: var(--wp--preset--color--background);
  position: relative;
  background-color: var(--wp--preset--color--primary);
  opacity: 0.75;
  gap: 0.5em;
  transition: all 0.15s ease-in-out;

  &::before {
    display: none;
  }

  &:hover {
    opacity: 1;
    background-color: var(--wp--preset--color--vivid-red);
    color: var(--wp--preset--color--white);
  }
}
/* .bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area a.braapf_unselect_all::before,  */
.bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area li a i.fa {
  display: inline-block !important;
  order: 2;
}

.eca-filters-group.berocket_single_filter_widget {
  width: 100% !important;
}

.bapf_head h3,
h3.bapf_hascolarr {
  font-size: var(--wp--preset--font-size--medium);
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--xx-small);
  color: var(--wp--preset--color--heading);
}

.bapf_ckbox_sqchck input[type="checkbox"] {
  border: 2px solid var(--wp--preset--color--body);
  width: var(--wp--preset--font-size--medium);
  height: var(--wp--preset--font-size--medium);
  padding: 4px;
  border-radius: 4px;
  position: relative;
  margin-right: 0.5em !important;
}
.bapf_ckbox_sqchck input[type="checkbox"]:checked:after {
  content: "";
  width: 8px;
  height: 12px;
  border-bottom: 2px solid var(--wp--preset--color--body);
  border-right: 2px solid var(--wp--preset--color--body);
  display: block;
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(45deg);
}

/* woocommerce */
.woocommerce {
/* 	margin-inline: auto; */
}
.woocommerce table.shop_attributes {
  border-collapse: collapse;
	
}
.woocommerce table.shop_attributes tr.woocommerce-product-attributes-item {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
  &:hover {
    background-color: rgb(255 255 255 / 10%);
  }
}
.wp-child-theme-eca25 .woocommerce table.shop_attributes th {
  padding: 0.0675em 0;
  width: 160px;
  border: 0;
  text-align: start;
	font-size: .85em;
}
.wp-child-theme-eca25 .woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value {
  font-style: normal;
  padding: 0.0675em 0;
  border: 0;
  text-align: start;
font-size: .85em;
}

.woocommerce-account .eca-myaccount .woocommerce-MyAccount-navigation,
.eca-myaccount-front .woocommerce-MyAccount-navigation {
  width: 100%;
  float: none;

  details {
    summary {
      padding-block: 0.25em;
    }
  }

  .b2b-menu-visible {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    grid-template-rows: 1fr;
/*     gap: 0; */
	  list-style:none;
	  margin-inline:0;
	  padding:0;

    > li {
      padding: 0 0.5em 0 0;

      > a {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 48px auto;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: var(--wp--preset--font-size--small);
		  line-height:1;

        i {
          text-align: center;

          &.far {
            opacity: 0.75;
          }
        }
		svg { 
			margin-inline: auto; 
			&.far {
				opacity: 0.75;
			}
		}

        &:hover {
          text-decoration: none;
          background-color: rgb(255 255 255 / 10%);
        }

        &[aria-current="page"] {
          text-decoration: none;
          background-color: rgb(255 255 255 / 10%);
          /* color:var(--wp--preset--color--white); */
        }
      }

      ul {
        display: flex;
        flex-direction: column;

        li {
          a {
            grid-template-columns: 48px 1fr;
            grid-template-rows: 3rem;
            align-items: center;
          }
        }
      }
    }
  }
}

.woocommerce-account .eca-myaccount .woocommerce-MyAccount-navigation-link {
	a {
		svg {
			margin-inline:auto;
		}
	}
}

.woocommerce-account
  .eca-myaccount
  .woocommerce:not(:has(.woocommerce-form-login)) {
  display: flex;
  flex-direction: column;

  .woocommerce-MyAccount-navigation {
    flex: 1;
  }

  .woocommerce-MyAccount-content {
    flex: 1;
    width: 100%;
  }
}

.woocommerce-account .eca-myaccount .woocommerce-MyAccount-navigation {
	.b2b-menu-visible {
    	gap: 0;
	}
}
.eca-myaccount-front .woocommerce-MyAccount-navigation {
	.b2b-menu-visible {
    	gap: var(--wp--preset--spacing--xx-small);
	}
}

.woocommerce-account
  .eca-myaccount
  .woocommerce:has(.woocommerce-ResetPassword),
.woocommerce-account .eca-myaccount .woocommerce:has(.woocommerce-form-login) {
  max-width: 600px;
}

.eca-myaccount .b2bking_bulkorder_form_container_content_line {
  padding: var(--wp--preset--spacing--xxx-small)
    var(--wp--preset--spacing--x-small);
  min-height: 71px;
}

@media screen and (min-width: 768px) {
  .woocommerce-account .eca-myaccount .woocommerce-MyAccount-navigation {
    ul {
      display: flex;
      flex-direction: column;
      gap: 0;
    }
  }

  .woocommerce-account
    .eca-myaccount
    .woocommerce:not(:has(.woocommerce-form-login)) {
    /* flex-direction: row; */

    .woocommerce-MyAccount-navigation {
      /* flex: 0 0 256px; */
    }

    .woocommerce-MyAccount-content {
      flex: 1;
      width: 100%;
    }
  }
}

@media screen and (max-width: 599px) {
  .wc-block-mini-cart__amount {
    display: none;
  }
}

.woocommerce form.register {
  margin: 0 0 2em;
}

.wp-block-woocommerce-product-collection .wc-block-product {
  padding: var(--wp--preset--font-size--medium);
  border-radius: 0.5rem;
  overflow: clip;
  border: 1px solid rgb(0 0 0 / 5%);
}

.wc-block-components-notice-banner.is-error {
  background-color: #cc1818;
  border-color: lighten(#cc1818, 20%);
  color: rgb(255 255 255 / 85%);
}

.wc-block-components-notice-banner.is-error > svg {
  background-color: rgb(255 255 255 / 85%);
  fill: #cc1818;
  transform: rotate(180deg);
}

.wc-block-components-notice-banner.is-warning {
  background-color: #f0b849;
  border-color: lighten(#f0b849, 20%);
  color: rgb(0 0 0 / 80%);
}

.wc-block-components-notice-banner.is-warning > svg {
  background-color: rgb(0 0 0 / 80%);
  transform: rotate(180deg);
}

.wc-block-components-notice-banner.is-success {
  background-color: #3ea257;
  border-color: lighten(#3ea257, 20%);
  color: rgb(255 255 255 / 85%);
}

.wc-block-components-notice-banner.is-success > svg {
  background-color: rgb(255 255 255 / 85%);
}

.wc-block-components-notice-banner.is-info {
  background-color: #007cba;
  border-color: lighten(#007cba, 20%);
  color: rgb(255 255 255 / 85%);
}

.wc-block-components-notice-banner.is-info > svg {
  background-color: rgb(255 255 255 / 85%);
  fill: #007cba;
}

/* b2b King */
/* .b2bking_myaccount_individual_conversation_container > * {
    all: unset;
}  */
#b2bking_myaccount_conversation_endpoint_container_top_header {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-style: normal;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--small);
}

#b2bking_myaccount_conversation_endpoint_title,
.b2bking_subaccounts_container_top_title,
#b2bking_myaccount_bulkorder_title,
.b2bking_b2bregistration_only_register_header,
.b2bking_purchase_lists_top_title,
#b2bking_myaccount_conversations_title,
#b2bking_myaccount_offers_title {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-style: normal;
  font-size: var(--wp--preset--font-size--xx-large);
  color: var(--wp--preset--color--body);
  font-weight: 600;
  letter-spacing: 0.0125em;
}
.b2bking_b2bregistration_only_register_header {
  margin: 0 0 12px 0;
}

#b2bking_myaccount_bulkorder_container,
#b2bking_myaccount_conversation_endpoint_container,
#b2bking_myaccount_conversations_container,
#b2bking_myaccount_offers_container {
  margin: 0;
}

.wc-block-components-notice-banner
  > .wc-block-components-notice-banner__content
  .wc-forward,
.woocommerce-Button,
#b2bking_myaccount_conversation_endpoint_container_top button,
button.b2bking_myaccount_start_conversation_button,
.b2bking_myaccount_individual_offer_bottom_line_add
  button.b2bking_myaccount_individual_offer_bottom_line_button,
#b2bking_myaccount_conversations_container_top button,
button.b2bking_myaccount_start_conversation_button,
.b2bking_myaccount_conversation_endpoint_button,
button.b2bking_bulkorder_form_container_bottom_add_button,
button.b2bking_subaccounts_container_top_button,
button.b2bking_subaccounts_new_account_container_content_bottom_button,
button.b2bking_subaccounts_edit_account_container_content_bottom_button,
button#b2bking_purchase_list_new_button,
button.b2bking_purchase_lists_view_list,
button#b2bking_reimburse_amount_button,
button#b2bking_redeem_amount_button,
#b2bking_return_agent {
  background: var(--wp--preset--color--primary) !important;
  border-radius: 0.375em;
  border-color: var(--wp--preset--color--primary);
  border-width: 0;
  color: var(--wp--preset--color--background) !important;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed) !important;
  font-size: var(--wp--preset--font-size--small) !important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.0375em;
  line-height: var(--wp--custom--line-height--initial);
  padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  text-decoration: none;
  text-transform: uppercase;

  svg {
    path {
      fill: var(--wp--preset--color--background) !important;
    }
  }
}

#b2bking_cream_add_selected,
#b2bking_cream_view_cart,
button.b2bking_purchase_lists_add_to_cart,
button.b2bking_purchase_lists_view_list {
  margin-right: 0;
  margin-top: 0;
  min-height: 0;
  height: auto;
  display: inline-flex;

  background: var(--wp--preset--color--primary) !important;
  border-radius: 0.375em;
  border-color: var(--wp--preset--color--primary);
  border-width: 0;
  color: var(--wp--preset--color--background) !important;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 600 !important;
  letter-spacing: 0.0375em;
  line-height: var(--wp--custom--line-height--initial);
  padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  text-decoration: none;
  text-transform: uppercase !important;

  svg {
    path {
      fill: var(--wp--preset--color--background) !important;
    }
  }
  img {
    display: none !important;
  }
}
#b2bking_cream_view_cart svg path {
  fill: none !important;
}
#b2bking_cream_view_cart span.b2bking_cream_view_cart_price .amount {
  color: var(--wp--preset--color--background) !important;
}

button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add,
.b2bking_add_cart_to_purchase_list_button.button,
#b2bking_request_custom_quote_button,
button.b2bking_bulkorder_form_container_bottom_delete_button,
button.b2bking_bulkorder_form_container_bottom_update_button,
button.b2bking_bulkorder_form_container_bottom_save_button,
.b2bking_myaccount_view_conversation_button,
button.b2bking_myaccount_view_conversation_button,
.woocommerce-Button:hover,
.b2bking_myaccount_individual_offer_bottom_line_add
  button:hover.b2bking_myaccount_individual_offer_bottom_line_button,
#b2bking_myaccount_conversations_container_top button:hover,
button:hover.b2bking_myaccount_start_conversation_button,
.b2bking_myaccount_conversation_endpoint_button,
button:hover.b2bking_bulkorder_form_container_bottom_add_button,
button:hover.b2bking_subaccounts_container_top_button,
button:hover.b2bking_subaccounts_new_account_container_content_bottom_button,
button:hover.b2bking_subaccounts_edit_account_container_content_bottom_button,
button:hover#b2bking_purchase_list_new_button,
button:hover.b2bking_purchase_lists_view_list,
.b2bking_myaccount_conversation_endpoint_button:hover,
button#b2bking_reimburse_amount_button:hover,
#b2bking_return_agent:hover {
  border-radius: 0.375em;
  border-color: var(--wp--preset--color--primary);
  border-width: 0;
  color: var(--wp--preset--color--background) !important;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed) !important;
  font-size: var(--wp--preset--font-size--small) !important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.0375em;
  line-height: var(--wp--custom--line-height--initial);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
  text-transform: uppercase !important;
  background: var(--wp--preset--color--secondary) !important;

  svg {
    path {
      fill: var(--wp--preset--color--background) !important;
    }
  }
}
button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:hover,
.b2bking_add_cart_to_purchase_list_button.button:hover,
#b2bking_request_custom_quote_button:hover,
button.b2bking_bulkorder_form_container_bottom_update_button:hover,
button.b2bking_myaccount_view_conversation_button:hover,
button.b2bking_bulkorder_form_container_bottom_save_button:hover,
.b2bking_myaccount_view_conversation_button:hover {
  background: var(--wp--preset--color--primary) !important;
}

button.b2bking_bulkorder_form_container_bottom_delete_button:hover {
  background: var(--wp--preset--color--vivid-red) !important;
  color: var(--wp--preset--color--white) !important;
}

.b2bking_conversation_message {
  color: var(--wp--preset--color--foreground);
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 400;
}
.b2bking_conversation_message_time {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 400;
}
.b2bking_myaccount_individual_conversation_container {
/*   background: var(--wp--preset--color--body); */
}

.b2bking_myaccount_individual_conversation_top {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--body);
  background: var(--wp--preset--color--background);
}

.b2bking_bulkorder_form_container_content_header_product,
.b2bking_bulkorder_form_container_content_header_qty,
.b2bking_bulkorder_form_container_content_header_subtotal,
.b2bking_myaccount_individual_conversation_content_item {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
  line-height: var(--wp--custom--line-height--initial);
  color: var(--wp--preset--color--neutral);
}
.b2bking_bulkorder_form_container_top,
.b2bking_myaccount_new_conversation_top {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--body);
  background: var(--wp--preset--color--background) !important;
}

.b2bking_myaccount_new_conversation_content_element_text {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--body);
  line-height: var(--wp--custom--line-height--initial);
}

#b2bking_bulkorder_search_text_indigoid.b2bking_bulkorder_search_text_cream,
#b2bking_myaccount_bulkorder_container
  .b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_product,
.b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_qty,
.b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_product,
#b2bking_myaccount_bulkorder_container
  .b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_qty,
.b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_qty,
input#b2bking_myaccount_title_conversation_start,
select#b2bking_myaccount_conversation_type {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--small) !important;

  font-weight: 400 !important;
  height: auto;
  box-sizing: border-box;

  letter-spacing: normal;
  padding: 0.9rem 1.1rem;

  background: var(--wc-form-color-background, #fff) !important;
  border: var(--wc-form-border-width) solid var(--wc-form-border-color) !;
  border-radius: var(--wc-form-border-radius) !important;
  color: var(--wc-form-color-text, #000) !important;

  /* margin: 0; */
  line-height: normal;
  height: auto;

  &:focus {
    background: var(--wc-form-color-background, #fff);
    outline: 2px solid var(--wp--preset--color--secondary);
  }
}

select#b2bking_myaccount_conversation_type {
  width: auto;
}
#b2bking_myaccount_bulkorder_container
  .b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_qty,
.b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_qty {
  padding: 0;
}

.b2bking_bulkorder_clear {
  position: static;
  left: initial;
  top: 1em;
  transform: translate3d(-5rem, 0, 0);
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--x-small);
  padding: 0.3rem 0.4rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.375em;
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--vivid-red);
  height: auto;
  border: none;
  text-transform: uppercase;
  min-height: 0;
}

#b2bking_myaccount_bulkorder_container
  .b2bking_bulkorder_form_container_newline_button,
.b2bking_bulkorder_form_container_newline_button {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--x-small);
  padding: 0.3rem 0.4rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.375em;
}
select#b2bking_bulkorder_searchby_select {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--small);
  padding: 0.3rem 0.4rem;
  font-weight: 400;
}

#b2bking_myaccount_textarea_conversation_start,
#b2bking_conversation_user_new_message {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wc-form-color-text, #000);

  background-color: var(--wc-form-color-background, #fff);
  border: var(--wc-form-border-width) solid var(--wc-form-border-color);
  border-radius: var(--wc-form-border-radius);
  outline: unset;
  padding: 0.9rem 1.1rem;
  font-weight: 400;

  line-height: 20px;
  box-sizing: border-box;
  &:focus {
    outline: 2px solid var(--wp--preset--color--secondary);
  }
}

#b2bking_bulkorder_search_text_indigoid.b2bking_bulkorder_search_text_cream,
#b2bking_bulkorder_search_text_indigoid.b2bking_bulkorder_search_text_cream:active,
#b2bking_bulkorder_search_text_indigoid.b2bking_bulkorder_search_text_cream:focus,
.b2bking_bulkorder_form_container_indigo.b2bking_bulkorder_form_container_cream,
.b2bking_bulkorder_form_container,
.b2bking_myaccount_new_conversation_container,
.b2bking_bulkorder_form_container_indigo {
  background: var(--wp--preset--color--background);
  border-radius: 0;
}
#b2bking_purchase_lists_table_paginate,
#b2bking_purchase_lists_table_info,
#b2bking_purchase_lists_table_filter,
div#b2bking_purchase_lists_table_length {
  margin: 1rem;
}

.b2bking_bulkorder_cream_header_container {
  padding: 1em;
  gap: 1em;
  > * {
    margin: 0 !important;
  }
}

.b2bking_orderform_attributes span,
.b2bking_orderform_filters span {
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 600;
  color: var(--wp--preset--color--foreground);
}

div#b2bking_bulkorder_cream_filter_cart_text {
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
}
.b2bking_bulkorder_form_container_content_header_top_cream {
  border: 0;
}
#b2bking_bulkorder_search_text_indigoid.b2bking_bulkorder_search_text_cream {
  margin-right: 0.25em !important;
}

.b2bking_bulkorder_form_container_content_header_top.b2bking_bulkorder_form_container_content_header_top_cream:not(
    .b2bking_orderform_filters
  ) {
  padding-inline: 0;
}

.b2bking_bulkorder_indigo_name,
.b2bking_bulkorder_indigo_name:focus,
.b2bking_bulkorder_indigo_name:visited {
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);
  font-weight: 600;
  color: var(--wp--preset--color--foreground);
}
.b2bking_bulkorder_form_container_content_line_subtotal_indigo {
  text-align: right !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed) !important;
  font-weight: 600;
  color: var(--wp--preset--color--foreground);
}
.b2bking_bulkorder_form_container_content_header_subtotal_indigo {
  text-align: right;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--wp--preset--color--neutral);
  font-size: var(--wp--preset--font-size--medium);
}
.dataTable td {
  color: var(--wp--preset--color--foreground);
}
.dataTable th,
.dataTable td {
  padding: 1em !important;

  &:first-child {
    text-align: left !important;
  }
  &:last-child {
    text-align: right !important;
  }
}

table#b2bking_purchase_lists_table {
  padding-block: 0 !important;
}
table#b2bking_purchase_lists_table thead tr th {
  border-radius: 0 !important;
  background: transparent !important;
  color: #000 !important;
}
div#b2bking_purchase_lists_table_wrapper {
  font-size: var(--wp--preset--font-size--small);
/*   background: var(--wp--preset--color--body); */
  border-radius: 0;
}

#b2bking_myaccount_bulkorder_container
  .b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo.b2bking_bulkorder_form_container_content_line_product_cream,
.b2bking_bulkorder_form_container_content_header_cart_indigo.b2bking_bulkorder_form_container_content_header_cart_cream,
.b2bking_bulkorder_form_container_content_header_product_indigo.b2bking_bulkorder_form_container_content_header_product_cream,
.b2bking_bulkorder_form_container_content_header_qty_indigo.b2bking_bulkorder_form_container_content_header_qty_cream,
.b2bking_bulkorder_form_container_content_header_subtotal_indigo.b2bking_bulkorder_form_container_content_header_subtotal_cream,
.b2bking_bulkorder_form_container_content_line
  input.b2bking_bulkorder_form_container_content_line_product.b2bking_bulkorder_form_container_content_line_product_indigo.b2bking_bulkorder_form_container_content_line_product_cream {
  color: var(--wp--preset--color--neutral) !important;
}

.b2bking_bulkorder_form_container_bottom_indigo.b2bking_bulkorder_form_container_bottom_cream,
.b2bking_bulkorder_form_container_bottom_indigo {
  color: var(--wp--preset--color--secondary) !important;
  font-family: var(--wp--preset--font-family--barlow-semi-condensed);

  padding: 0.5em;
}

.woocommerce-form-row input[type="text"],
.woocommerce-form-row input[type="tel"],
.woocommerce-form-row input[type="select"],
.woocommerce-form-row textarea {
  font-size: var(--wp--preset--font-size--small);
  padding: 0.9rem 1.1rem;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: normal;

  display: block;
  background-color: var(--wc-form-color-background, #fff);
  border: var(--wc-form-border-width) solid var(--wc-form-border-color);
  border-radius: var(--wc-form-border-radius);
  color: var(--wc-form-color-text, #000);
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  line-height: normal;
  height: auto;
}

.dgwt-wcas-ico-magnifier-handler,
html:not(.dgwt-wcas-overlay-mobile-on)
  .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
  min-width: 24px !important;
  max-width: 24px !important;
  margin: 0;
}
.wp-block-woocommerce-product-details {
	font-size: .85em;
}