.wf-loading body {
    visibility: hidden;
}


/* Targeting Product Details within WooCommerce tabs */
.woocommerce-tabs .wc-tab {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: O.5px;
    line-height: 2;
}


.woocommerce-tabs .wc-tab h2, .woocommerce-tabs .wc-tab>:first-child {
    margin-top: 0;
	  color: transparent;
	  font-size: 2px;
}


.wp-block-coblocks-icon__inner svg {
    fill: currentColor;
    height: 100%;
    vertical-align: middle;
    width: 50%;
}



.wc-block-components-product-sale-badge,
.woocommerce span.onsale,
.wc-block-grid__product-onsale {
    display: none !important;
}


.select2-selection.select2-selection--multiple {
    min-height: 100px !important;
    width: 100% !important;
}

.select2-search.select2-search--inline {
    width: 100% !important;
}

.select2-search__field {
    width: 100% !important;
    min-width: 200px !important;
}

.select2-container {
    width: 100% !important;
}



.select2-results__option {
    font-size: 12px !important;     padding: 5px !important;  
}


.select2-selection__rendered {
    font-size: 12px !important;
}


table.shop_table a.remove, form.woocommerce-cart-form a.remove {
    background: #000;
}


.wp-block-woocommerce-add-to-cart-form .variations_button>.quantity:not(.wc-block-components-quantity-selector) .qty, .wp-block-woocommerce-add-to-cart-form form.cart>.quantity:not(.wc-block-components-quantity-selector) .qty {
    height: calc(100% - 4px);
    margin-right: 0em;
    padding-bottom: 0;
    padding-top: 0;
}


/* Force styles on the WP login link added by Jetpack SSO */
.jetpack-sso-toggle.wpcom {
    display: inline-block !important;
    background-color: #6eb64a !important;   /* green button */
    color: #fff !important;                  /* white text */
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    text-align: center !important;
}
.jetpack-sso-toggle.wpcom:hover {
    background-color: #5aa33c !important;
}


/* Remove light-blue input highlight */
.wp-block-search__input {
    background-color: #f4f4f4 !important;   /* your desired color */
    box-shadow: none !important;
}

/* Fix blue highlight on focus (Chrome & Safari) */
.wp-block-search__input:focus {
    background-color: #f4f4f4 !important;
    outline: none !important;
}

/* Remove browser autofill blue (Chrome) */
.wp-block-search__input:-webkit-autofill,
.wp-block-search__input:-webkit-autofill:hover,
.wp-block-search__input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;
    box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;
    background-color: #f4f4f4 !important;
    color: inherit !important;
}

/* Remove Firefox autofill highlight */
input:-moz-autofill {
    background-color: #f4f4f4 !important;
}
/* Remove light-blue input highlight */
.wp-block-search__input {
    background-color: #f4f4f4 !important;   /* your desired color */
    box-shadow: none !important;
}

/* Fix blue highlight on focus (Chrome & Safari) */
.wp-block-search__input:focus {
    background-color: #f4f4f4 !important;
    outline: none !important;
}

/* Remove browser autofill blue (Chrome) */
.wp-block-search__input:-webkit-autofill,
.wp-block-search__input:-webkit-autofill:hover,
.wp-block-search__input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;
    box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;
    background-color: #f4f4f4 !important;
    color: inherit !important;
}

/* Remove Firefox autofill highlight */
input:-moz-autofill {
    background-color: #f4f4f4 !important;
}


.header-bottom-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover, .header-bottom-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:focus, .header-bottom-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:active {
    color: var(--wp--preset--color--black);
    background: #f4f4f4;
}


.wp-block-tag-cloud.aligncenter {
    justify-content: center;
    text-align: center;
    font-size: 14px;
}


@media (max-width: 768px) {
  .wp-block-tag-cloud a {
    display: inline-block;
    margin: 5px 6px;
    line-height: 1.4;
  }
}


@media (max-width: 768px) {
  .wp-block-post-content,
  .entry-content,
  main {
    padding-left: 16px;
    padding-right: 16px;
  }
}


@media (max-width: 768px) {
  .wp-block-post-content img.alignright,
  .wp-block-post-content img.alignleft {
    float: none !important;
    display: block;
    margin: 0 auto 16px auto;
    max-width: 100%;
    height: auto;
  }
}



/* Fix vertical button text in Media & Text on mobile */
@media (max-width: 768px) {

  .wp-block-media-text .wp-block-button__link {
    white-space: nowrap;
    word-break: normal;
    text-align: center;
  }

  .wp-block-media-text .wp-block-button {
    width: auto !important;
  }

  .wp-block-media-text .wp-block-button__width-50 {
    width: auto !important;
  }
}


@media (max-width: 768px) {
  .header-logo .wp-block-site-title {
    white-space: nowrap;
    font-size: 18px;
  }
}



/* MOBILE — search icon only */
@media (max-width: 768px) {

  /* Hide the text input */
  .header-search .wp-block-search__input {
    display: none;
  }

  /* Keep only the icon button */
  .header-search .wp-block-search__button {
    padding: 8px;
    background: transparent;
  }

  /* Ensure icon is visible */
  .header-search svg {
    width: 20px;
    height: 20px;
    fill: #000;
  }
}


/* TARGET MOBILE */
@media (max-width: 768px) {

  /* 1. Make bottom menu horizontal (no gaps or vertical stacking) */
  .header-bottom-menu .wp-block-navigation__container {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; /* aligns buttons left, adjust if needed */
    gap: 8px !important; /* space between buttons */
  }

  /* 2. Reduce font size if needed */
  .header-bottom-menu .wp-block-navigation__container a {
    font-size: 14px !important;
    white-space: nowrap; /* prevent breaking in 2 lines */
    padding: 6px 10px !important; /* adjust button padding */
  }

  /* 3. Shorten first menu item text and add pipes */
  .header-bottom-menu .wp-block-navigation__container li:first-child a::after {
    content: "| SHOP |"; /* mobile text with pipes */
  }

  /* hide original text */
  .header-bottom-menu .wp-block-navigation__container li:first-child a > * {
    visibility: hidden;
  }
}



/* Replace the specific green background (#1e845e) only */
p[style*="background-color:#1e845e"],
p[style*="background-color: #1e845e"] {
    background-color: #333333 !important;
}