/*
 * Style-shared.css and style-shared.min.css are created from
 * CSS files in "style-shared" folder using gulp tasks.
 * Editing style-shared.css and style-shared.min.css are not recommended.
 */

/* Z indexing elements - add to Block Additional CSS classes */

.blockette-z-index-zero {
  z-index: 0;
  position: relative;
}

.blockette-z-index-top {
  z-index: 5;
  position: relative;
}

/******** DECORATIVE SHADOWS, ROUNDED CORNERS, etc ********/

/* Large shadow - custom style for large text */

.blockette-txt-shadow-big {
  text-shadow: 0.07em 0.07em 0 rgba(0,0,0,0.15);
}

/* Large shadow for elements */

.blockette-box-shadow-big {
  box-shadow: 1vw 1vw 0 rgba(0,0,0,.15);
}

/* Spacing for post featured image with shadow */

.blockette-box-shadow-big.wp-block-post-featured-image {
  margin-right: 1vw;
}

/* Runded corners for elements */

.blockette-rounded-corners,
.wp-block-cover.blockette-rounded-corners .wp-block-cover__image-background,
.wp-block-cover.blockette-rounded-corners .wp-block-cover__background,
.wp-block-post-featured-image.blockette-rounded-corners .wp-post-image,
.wp-block-image.blockette-rounded-corners {
  border-radius: 8px;
  overflow: hidden;
}

/******** Offset elements ********/

@media ( min-width: 782px ) {
  .wp-block-image.blockette-offset-left,
  .wp-block-column.blockette-offset-left,
  .wp-block-cover.blockette-offset-left {
    margin-left: -4vw;
    margin-right: 4vw;
    z-index: 2;
  }

  .wp-block-image.blockette-offset-right,
  .wp-block-column.blockette-offset-right,
  .wp-block-cover.blockette-offset-right {
    margin-right: -4vw;
    margin-left: 4vw;
    z-index: 2;
  }

  .wp-block-image.blockette-offset-top,
  .wp-block-column.blockette-offset-top,
  .wp-block-cover.blockette-offset-top {
    margin-top: -4vw;
    margin-bottom: 4vw;
    z-index: 2;
  }

  .wp-block-image.blockette-offset-bottom,
  .wp-block-column.blockette-offset-bottom,
  .wp-block-cover.blockette-offset-bottom {
    margin-top: 4vw;
    margin-bottom: -4vw;
    z-index: 2;
  }
}

/* ============================= */

/* Tweaks for Gutenberg settings */

/* ============================= */

/* Set Cover block inner container to 100% width when content position is top center */

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
  width: 100%;
}

/* ================================ */

/* Tweaks for special rare elements */

/* ================================ */

mark {
  background-color: transparent;
}
/* Tweaks for classic features */

.maybe-classic-editor .entry-content {
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}

.maybe-classic-editor .entry-content .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
  display: inherit;
}

.maybe-classic-editor .entry-content .alignright {
  float: right;
  margin-inline-start: var(--wp--custom--v-spacing);
  margin-block-end: var(--wp--custom--v-spacing);
}

.maybe-classic-editor .entry-content .alignleft {
  float: left;
  margin-inline-end: var(--wp--custom--v-spacing);
  margin-block-end: var(--wp--custom--v-spacing);
}



/* CLassic "sticky" feature on query block */

.tag-sticky,
.tag-sticky-2 {
  padding: var(--wp--custom--v-spacing, 1.25rem) var(--wp--custom--h-spacing, 2.375rem);
  background: var(--wp--preset--color--secondary);
}
/*
 * Styles for form elements and buttons.
 */

textarea {
  padding: 1rem;
  width: 100%;
}

select {
  background: var(--wp--preset--color--background);
  padding: var(--wp--custom--input-padding) !important;
  color: var(--wp--preset--color--foreground);
  border-color: var(--wp--preset--color--foreground);
  border-radius: var(--wp--custom--global-border-radius, 4px);
  border-width: 1px;
}

/* Inputs */

textarea,
select,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  font-size: var(--wp--preset--font-size--small) !important;
  border-radius: var(--wp--custom--global-border-radius, 4px);
  border: 2px solid var(--wp--preset--color--foreground);
}

/* Theme main buttons style */

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link),
input[type="reset"],
input[type="submit"] {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  border: 2px solid var(--wp--preset--color--foreground);
  border-radius: var(--wp--custom--global-border-radius);
  padding: var(--wp--custom--input-padding);
  box-shadow: var(--wp--custom--shadow-button-input);
  transition: background-color .2s linear;
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link):focus,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):not([id*=mceu]):not(.wc-block-cart-item__remove-link):hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  color: var(--wp--preset--color--primary);
  background: var(--wp--preset--color--secondary);
  box-shadow: var(--wp--custom--shadow-button-input);
}

button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.wc-block-mini-cart__button ):not(.wc-block-components-quantity-selector__button):active,
input[type="reset"]:active,
input[type="submit"]:active {
  transform: translateY(2px);
  box-shadow: none;
}

.post-password-form input[type="password"] {
  min-height: 46px;
}

/* Increase icon size for easier click (tap) */

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  width: 36px;
  height: 36px;
}
.site-header {
  box-shadow: var(--wp--custom--shadow-soft);
}
/*
 * Navigation block tweaks
 */

.wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-loginout > a {
  border-radius: var(--wp--custom--global-border-radius);
  padding: calc(var(--wp--custom--v-spacing) * .4) !important;
}

.block-editor-block-list__block.wp-block-navigation-item,
.wp-block-navigation__container .wp-block-navigation-item,
.wp-block-loginout > a {
  transition: background-color .2s linear;
  border-radius: var(--wp--custom--global-border-radius);
}

.block-editor-block-list__block.wp-block-navigation-item:hover,
.wp-block-navigation__container .wp-block-navigation-item:hover,
.wp-block-loginout > a:hover {
  background-color: var(--wp--preset--color--secondary) !important;
}

.block-editor-block-list__block.wp-block-navigation-item:hover > a,
.wp-block-navigation__container .wp-block-navigation-item:hover > a,
.wp-block-navigation__container .wp-block-navigation-item:hover > button,
.wp-block-loginout > a:hover {
  text-decoration: underline;
}

.open-on-click .wp-block-navigation__submenu-icon {
  margin-left: 0 !important;
}

/* Submenu */

.wp-block-navigation__submenu-container {
  width: auto !important;
  height: auto !important;
}

/* Submenu items */

.wp-block-navigation__container > .wp-block-navigation-item  .wp-block-navigation__submenu-container {
  box-shadow: 0.8vw 0.8vw 0 rgba(0,0,0,.15);
  border-radius: var(--wp--custom--global-border-radius);
  background-color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--foreground);
}

.wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  font-size: 0.9em;
}

/* Nav modal */

/*@media screen and (max-width: 599px) {*/

.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item > .wp-block-navigation__submenu-container {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity .5s linear;
  box-shadow: none;
  padding: var(--wp--custom--h-spacing)!important;
}

.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item > .wp-block-navigation__submenu-container.active {
  display: block;
  visibility: visible;
  opacity: 1;
}

.wp-block-navigation__responsive-container.has-modal-open .subarrow {
  position: relative;
  display: inline-block;
  left: 25px;
  height: 25px;
  line-height: 1.2;
  cursor: pointer;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform .2s linear;
}

.wp-block-navigation__responsive-container.has-modal-open .subarrow.active {
  transform: rotate(180deg);
}

/*}*/
/*
 * CSS for registered block styles.
 * See inc/register-block-styles.php.
 */

.is-style-blockette-no-shadow,
.is-style-blockette-sticky-no-shadow {
  box-shadow: none;
}

/* Flat button */

.is-style-blockette-flat-button .wp-block-button__link,
.is-style-blockette-flat-button .wp-block-button__link:hover,
.is-style-blockette-flat-button .wp-block-button__link:focus,
.is-style-blockette-flat-button .wp-block-button__link:active,
.is-style-blockette-flat-button .wp-block-button__link:visited {
  box-shadow: none;
  border-radius: 0;
  margin-top: initial;
  margin-bottom: initial;
}

/* Pill button */

.is-style-blockette-pill-button .wp-block-button__link,
.is-style-blockette-pill-button .wp-block-button__link:hover,
.is-style-blockette-pill-button .wp-block-button__link:focus,
.is-style-blockette-pill-button .wp-block-button__link:active,
.is-style-blockette-pill-button .wp-block-button__link:visited {
  border-radius: 5em;
}

/* Button with shadow */

.is-style-blockette-soft-shadow .wp-block-button__link,
.is-style-blockette-soft-shadow .wp-block-button__link:hover,
.is-style-blockette-soft-shadow .wp-block-button__link:focus,
.is-style-blockette-soft-shadow .wp-block-button__link:visited {
  box-shadow: var(--wp--custom--shadow-soft);
}

/* Navigation menu - button style */

.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-close,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-open {
  font-size: var(--wp--preset--font-size--small);
  font-family: var(--wp--preset--font-family--system);
  line-height: 1.7;
  padding: 0;
  border-radius: var(--wp--custom--global-border-radius);
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--foreground);
  box-shadow: var(--wp--custom--shadow-button-input);
}

.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-close:hover,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-open:hover,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-close:focus,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-open:focus {
  color: var(--wp--preset--color--foreground);
  filter: brightness(94%) !important;
  box-shadow: var(--wp--custom--shadow-button-input);
}

.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-close:active,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-open:active {
  color: var(--wp--preset--color--foreground);
  filter: brightness(93%) !important;
  margin-top: 1px;
  margin-bottom: -1px;
}

.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-close:visited,
.is-style-blockette-navigation-button button.wp-block-navigation__responsive-container-open:visited {
  background-color: initial;
  color: var(--wp--preset--color--foreground);
  box-shadow: var(--wp--custom--shadow-button-input);
}

/* Navigation menu button with shadow */

.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-close,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-open {
  font-size: var(--wp--preset--font-size--small);
  font-family: var(--wp--preset--font-family--system);
  line-height: 1.7;
  padding: 0;
  border-radius: var(--wp--custom--global-border-radius);
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--foreground);
  box-shadow: var(--wp--custom--shadow-soft);
}

.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-close:hover,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-open:hover,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-close:focus,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-open:focus {
  color: var(--wp--preset--color--foreground);
  filter: brightness(94%) !important;
  box-shadow: var(--wp--custom--shadow-button-input);
}

.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-close:active,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-open:active {
  color: var(--wp--preset--color--foreground);
  filter: brightness(93%) !important;
  margin-top: 1px;
  margin-bottom: -1px;
}

.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-close:visited,
.is-style-blockette-nav-button-shadow button.wp-block-navigation__responsive-container-open:visited {
  background-color: initial;
  color: var(--wp--preset--color--foreground);
  box-shadow: var(--wp--custom--shadow-button-input);
}

/* Text shadow */

.is-style-blockette-text-shadow {
  text-shadow: var(--wp--custom--text-shadow);
}

/* Box shadow */

.is-style-blockette-box-shadow {
  box-shadow: 1vw 1vw 0 rgba(0,0,0,.15);
}

/* Blockquote */

.is-style-blockette-inverted {
  background: var(--wp--preset--color--foreground);
  padding: 1.25em;
  padding-top: 0.75em;
  color: var(--wp--preset--color--background);
}

.is-style-blockette-inverted > p {
  margin-top: initial;
}

/* Separator */

.wp-block-separator.is-style-dashed:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  border: none;
  border-top: 1px dashed;
  border-top-color: currentcolor;
  opacity: 0.5;
  border-color: var(--wp--preset--color--primary, inherit);
}

/* Gradients for headings */

.is-style-blockette-gradient-1 {
  background: var(--wp--preset--gradient--soft-primary-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.is-style-blockette-gradient-2 {
  background: var(--wp--preset--gradient--soft-foreground-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.is-style-blockette-gradient-3 {
  background: var(--wp--preset--gradient--soft-foreground-secondary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.is-style-blockette-gradient-4 {
  background: var(--wp--preset--gradient--soft-background-foreground);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*
 * Corrections and tweaks.
 */

/* Theme.json regiested "Enormous" font size needs spacing adjustments */

.has-enormous-font-size {
  line-height: 0.78;
  letter-spacing: -.06em;
}

/* Row block - change flex-direction for smaller screens */

@media screen and (max-width: 781px) {
  .wp-block-group[class*="is-content-justification"]:not(.blockette-no-collapse) {
    flex-direction: column;
  }

  figure {
    max-width: 100%;
  }
}
/*
 * ==============================
 * WooCommerce components
 * theme.json presets styles first.
 * ==============================
 */

/*  Range slide color */

.wc-block-components-price-slider__range-input-progress,
.rtl .wc-block-components-price-slider__range-input-progress {
  --range-color: var(--wp--preset--color--primary);
}

/*  Breadcrumbs & in stock/out of stock. */

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce div.product .stock {
  color: var(--wp--color--text-foreground);
}

/* On sale badge general, and in blocks */

.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--extra-small);
  /* other variable presets for selector bellow */
}

/* WooCommerce blocks using var presets */

table.wc-block-cart-items .wc-block-cart-items__header th,
.is-large.wc-block-cart .wc-block-cart__totals-title {
  font-size: var(--wp--preset--font-size--regular);
  /* other variable presets for selector bellow */
}

/* Product page sub header (sorting, breadcrumbs etc.) */

.wc-block-components-sort-select,
.woocommerce .woocommerce-breadcrumb,
.wc-block-components-totals-item__description {
  margin-bottom: calc(2 * var(--wp--custom--v-spacing));
}

/* Products grid block */

.wc-block-grid__products {
  margin: var(--wp--custom--v-spacing) 0;
}

/*
 * Product page, category and tag pages.
 */

.product_meta > * {
  display: block;
}

/*
 * Quantity input.
 */



/*
 * On-sale badge
 */

.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
  box-sizing: initial;
  min-height: 3.236rem;
  min-width: 3.236rem;
  padding: 0.202rem;
  font-weight: 700;
  z-index: 9;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  top: 4px;
  left: 4px;
  right: auto;
  margin: 0;
  border: none;
  border-radius: 100%;
}

/*
 * Related products on-sale badge
 */

.woocommerce ul.products li.product .onsale {
  top: 4px;
  left: 4px;
  right: auto;
  margin: 0;
}

/*
 * Product price in loop and single.
 */

.wc-block-components-product-price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--primary);
  font-weight: 700;
}

/* Override button styles.*/

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.product button.single_add_to_cart_button,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external {
  font-weight: 500;
}

/*
 * Product button styles.
 */

.wc-block-grid__products .wp-block-button .wp-block-button__link,
.wc-block-components-button.components-button.contained,
.wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).outlined,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce button.button.disabled,
.woocommerce .product button.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button:not(.wc-block-cart-item__remove-link),
.woocommerce input.button,
.wc-block-mini-cart__shopping-button a {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  box-shadow: var(--wp--custom--shadow-button-input);
  border: 2px solid var(--wp--preset--color--foreground);
  border-radius: var(--wp--custom--global-border-radius);
  transition: background-color .2s linear;
  font-family: inherit;
}

.wc-block-grid__products .wp-block-button .wp-block-button__link:hover,
.wc-block-components-button.components-button.contained:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:not(.is-link).outlined:hover,
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce button.button.disabled:hover,
.woocommerce .product button.single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:not(.wc-block-cart-item__remove-link):hover,
.woocommerce input.button:hover,
.wc-block-mini-cart__shopping-button a:hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary) !important;
  box-shadow: var(--wp--custom--shadow-button-input);
  cursor: pointer;
}

.wc-block-grid__products .wp-block-button .wp-block-button__link:active,
.wc-block-components-button.components-button.contained:active,
.woocommerce ul.products li.product .button.add_to_cart_button:active,
.woocommerce button.button.disabled:active,
.woocommerce .product button.single_add_to_cart_button:active,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:not(.wc-block-cart-item__remove-link):active,
.woocommerce input.button:active,
.wc-block-mini-cart__shopping-button a:active {
  transform: translateY(2px);
  box-shadow: none;
  background-color: inherit;
}

/*
 * WooCommerce pagingation
 */

.woocommerce button.button.disabled {
  padding: var(--wp--custom--input-padding);
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span.current,
.wc-block-pagination .wc-block-pagination-page {
  margin: calc(var(--wp--custom--h-spacing) * 0.05);
  padding: var(--wp--custom--input-padding);
  border-radius: var(--wp--custom--global-border-radius);
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  box-shadow: var(--wp--custom--shadow-button-input);
  font-size: var(--wp--preset--font-size--extra-small);
  transition: background-color .2s linear;
  line-height: inherit;
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover,
.woocommerce nav.woocommerce-pagination ul li span.current:hover,
.wc-block-pagination .wc-block-pagination-page:hover {
  color: var(--wp--preset--color--foreground);
  background: var(--wp--preset--color--secondary);
  box-shadow: var(--wp--custom--shadow-button-input);
  cursor: pointer;
}

.wp-block-query-pagination .page-numbers:active,
.wp-block-query-pagination .wp-block-query-pagination-previous:active,
.wp-block-query-pagination .wp-block-query-pagination-next:active,
.woocommerce nav.woocommerce-pagination ul li a:active,
.woocommerce nav.woocommerce-pagination ul li span:active,
.woocommerce nav.woocommerce-pagination ul li span.current:active,
.wc-block-pagination .wc-block-pagination-page:active,
.woocommerce nav.woocommerce-pagination ul li span.current,
.wc-block-pagination .wc-block-pagination-page.wc-block-pagination-page--active {
  transform: translateY(2px);
  box-shadow: none;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.wc-block-pagination .wc-block-pagination-page.wc-block-pagination-page--active {
  font-weight: 700;
  color: var(--wp--preset--color--foreground);
  background: var(--wp--preset--color--secondary);
  outline: 1px solid rgba(0,0,0,.3);
}

/*
 * Woocommerce notices
 */

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--foreground);
  padding-right: 3.5em;
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error li,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info li,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message li {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
}

.woocommerce-notices-wrapper .woocommerce-error:before,
.woocommerce-notices-wrapper .woocommerce-info:before,
.woocommerce-notices-wrapper .woocommerce-message:before {
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,.5);
  line-height: 1;
  border-radius: 10px;
  padding: 2px;
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
  position: absolute;
  right: 1.2em;
  top: 50%;
  transform: translateY(-50%);
}

/*
 * Search form block.
 */

.wc-block-product-search input,
.wc-block-product-search button {
  padding: var(--wp--custom--input-padding);
  border-radius: var(--wp--custom--global-border-radius);
  box-shadow: var(--wp--custom--shadow-button-input);
}

.wc-block-product-search button {
  transition: background-color .2s linear;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  border: none;
}

.wc-block-product-search button:hover {
  transition: background-color .2s linear;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--foreground);
}

.wc-block-product-search button:active {
  transform: translateY(2px);
  box-shadow: none;
}

/*
 * Product search results and archive pages
 */

.woocommerce ul.products {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce-page ul.products li.product {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-decoration: underline;
  font-size: var(--wp--preset--font-size--small);
  padding: 0;
}

.woocommerce-page ul.products li.product .button {
  margin: auto auto 0 auto;
}

/*
 * WooCommerce Cart Block
 */

.wc-block-components-totals-wrapper::after,
.is-large.wc-block-cart .wc-block-cart-items::after,
.is-large.wc-block-cart .wc-block-cart-items td::after {
  border-width: 0;
}

table.wc-block-cart-items .wc-block-cart-items__header {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}

table.wc-block-cart-items .wc-block-cart-items__header th,
.is-large.wc-block-cart .wc-block-cart__totals-title {
  text-transform: initial;
  font-weight: 600;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * WooCommerce Checkout Block
 */

.woocommerce .wc-block-components-order-summary-item__image > img,
.woocommerce-page .wc-block-components-order-summary-item__image > img {
  max-width: 48px;
  box-shadow: var(--wp--custom--text-shadow);
}

.wc-block-components-order-summary-item__quantity {
  border-color: var(--wp--preset--color--primary);
  min-width: 15px;
  min-height: 25px;
  font-size: 0.9rem;
  font-weight: bold;
  left: -30px;
  right: auto;
  top: 10px;
  letter-spacing: -0.04rem;
}

.wc-block-components-product-name {
  font-weight: bold;
}

.wc-block-components-order-summary-item .wc-block-components-product-metadata {
  font-size: 0.9rem;
}

.wc-block-components-sidebar .wc-block-components-panel > h2,
.wc-block-components-totals-coupon .wc-block-components-panel__button {
  margin-bottom: var(--wp--custom--v-spacing, 1.25rem);
}

/* Fix inaccessible colors on the checkout and cart pages */

.wc-block-components-checkout-return-to-cart-button {
  fill: var(--wp--preset--color--foreground);
  text-decoration: underline;
}

/**
 * WooCommerce: Mini Cart.
 */

.wc-block-mini-cart__button:hover,
.wc-block-mini-cart__drawer .components-button:hover {
  cursor: pointer;
}

.wp-block-woocommerce-mini-cart-contents {
  padding: calc(var(--wp--custom--v-spacing));
}

.wp-block-woocommerce-mini-cart button.wc-block-mini-cart__button,
.wp-block-woocommerce-mini-cart button.wc-block-mini-cart__button:hover,
.wp-block-woocommerce-mini-cart button.wc-block-mini-cart__button:focus,
.wp-block-woocommerce-mini-cart button.wc-block-mini-cart__button:active {
  box-shadow: none;
  border-radius: 0;
  margin-top: initial;
  margin-bottom: initial;
  background: none;
  border: none;
}

/*
 * Product image
 */

.wc-block-components-product-image img,
.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img {
  border-radius: var(--wp--custom--global-border-radius);
}

/* Tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #515151;
}

/* Fix a bug with the left alignment not working on the front. */

.wc-block-featured-product.has-left-content .wp-block-button.aligncenter {
  text-align: left;
}

@media ( max-width: 340px ) {
  .wc-block-product-search .wc-block-product-search__fields {
    display: block;
  }

  .wc-block-product-search .wc-block-product-search__field {
    max-width: 165px;
  }

  .wc-block-product-search .wc-block-product-search__button {
    margin-top: 1rem;
    margin-left: 0;
  }
}

@media (max-width: 782px) {
  .wc-block-cart .wc-block-cart__submit-container--sticky {
    background: inherit;
    padding: 0;
  }

  .wc-block-cart .wc-block-cart__submit-container--sticky:before {
    box-shadow: none;
    color: inherit;
  }
}

/*
 * Single product
 */

.woocommerce div.product .product_title {
  text-shadow: var(--wp--custom--text-shadow);
}