/**
 * Theme Name:   Active Hands
 * Theme URI:    https://www.activehands.com
 * Description:  A custom theme for the Active Hands Company.
 * Author:       Paul Faulkner & Clare Reynolds
 * Author URI:   https://headwall-hosting.com/
 * Template:     generatepress
 * Version:      1.2.17
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  activehands
 */

@media (max-width: 768px) {
  .main-navigation .wishlist-menu-item .gb-button-text {
    display: none;
  }
}

.main-navigation {
  border-bottom: 1px solid var(--feint-trim);
}

.secondary-navigation {
  border-top: 1px solid var(--feint-trim);
  border-bottom: 1px solid var(--feint-trim);
}

.main-navigation:not(.toggled) ul li.sfHover > ul,
.main-navigation:not(.toggled) ul li:hover > ul {
  box-shadow: 0 0 10px var(--feint-shadow);
}

/**
 * Product category icons
 */
.product-category-icons {
  line-height: 1.2;
  /* overflow-x: scroll; */
  scroll-behavior: smooth;
  scrollbar-width: none;
  /* position: relative; */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

@media (max-width: 768px) {
  .product-category-icons::-webkit-scrollbar {
    display: none; /* Safari */
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .product-category-icons {
    -webkit-overflow-scrolling: touch;
  }
}

/**
 * Mini cart
 */
#wc-mini-cart {
  box-shadow: 0 0 2em #0004;
  border-radius: 5px;
  overflow: hidden;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons {
  justify-content: space-between;
}

.wc-block-mini-cart__badge {
  color: var(--tertiary-text);
}

body .add-to-cart-panel {
  box-shadow: 0 0 2em #0003;
}

/**
 * Header search
 */
.header-search {
  border: 2px dashed red;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--feint-trim);
  line-height: 1;
  width: 480px;
  max-width: 100%;
}

.header-search input,
.header-search button {
  line-height: 1;
  border: none;
  padding: 5px 10px;
}

.header-search input {
  flex-grow: 1;
  font-size: 16px;
  max-width: calc(100% - 40px);
}

.header-search button {
  background-color: transparent;
}

.header-search input {
  /* border: none; */
  /* border-color: blue; */
}

.header-search button svg path {
  fill: var(--primary-accent-main);
}

.slideout-navigation .header-search {
  margin: 20px 0;
}

/**
 * Product grids
 */
body .wc-columns-container .products,
body.woocommerce .related ul.products,
body.woocommerce .up-sells ul.products {
  row-gap: 60px;
}

/**
 * Product cards
 */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  color: var(--primary-accent-main);
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover {
  color: var(--primary-accent-shine);
}

.prod-overlay.prod-new {
  position: absolute;
  width: 40px;
  height: 40px;
  left: -15px;
  top: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tertiary-accent-tint);
  line-height: 1em;
  border-radius: 50%;
  background-color: var(--tertiary-accent);
  color: var(--tertiary-text);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  transform: translateY(-50%) rotate(-10deg);
}

.single-product .prod-overlay.prod-new {
  top: 15px;
  width: 50px;
  height: 50px;
  font-size: 18px;
}

body.post-type-archive-product .prod-overlay.prod-overlay-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  transform: translateY(-50%);
}

.single-product .prod-overlay.prod-overlay-text {
  /* margin-bottom: 10px; */
  font-size: 18px;
  margin-bottom: 5px;
  border-radius: 5px;
  font-weight: 700;
}

.prod-overlay.prod-overlay-text {
  background-color: var(--secondary-accent);
  width: 100%;
  text-align: center;
  border: 1px solid var(--secondary-accent-tint);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
}

body ul.products li.product.woocommerce-text-align-left .button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  background-color: transparent;
  border: 1px solid var(--primary-accent-main);
  color: var(--primary-accent-main);
  border-radius: 5px;
  font-weight: 600;
}

@media (max-width: 768px) {
  body ul.products li.product.woocommerce-text-align-left .button {
    padding: 5px 10px;
    line-height: 1.2em;
  }

  body ul.products li.product .tinvwl_add_to_wishlist_button {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.button.loading .atc-icon,
.button.added .atc-icon {
  display: none;
}

.button .atc-icon {
  width: 1.2em;
  height: 1.2em;
}

.button:hover .atc-icon {
  transform: scale(1.2);
}

.button .atc-icon path {
  fill: var(--tertiary-accent);
}

/**
 * General WooCommerce tweaks.
 */
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error {
  border-left: none;
  border-radius: 5px;
  padding: 15px 20px;
  line-height: 1.4em;
}

/**
 * Cookie consent.
 */
body .mgw-nfo,
body .mgw-cnt.mgw-box {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px #0004;
  background-color: var(--feint-background);
  border-color: var(--feint-background);
  line-height: 1.3em;
}

body .mgw-nfo p {
  background-color: transparent;
  padding: 10px;
}

/**
 * Power Slider tweaks
 */
.pwsl-container .glide__arrows .glide__arrow {
  line-height: 1;
}

/**
 * Single post mods
 */
/*
.single-post #page article .wp-block-gallery + p,
.single-post #page article .wp-block-image + p {
  margin-top: 40px;
}
*/

.single-post #page article .wp-block-gallery,
.single-post #page article .wp-block-image {
  margin-bottom: 20px;
}