/*
Theme Name:   	Merceria Laura Chic
Theme URI:    	#
Author:       	Gennaro Di Fiandra
Author URI:     #
Template:     	storefront
Description:  	This is a child theme for WooThemes StoreFront theme.
Version:      	1.2.0
Text Domain:  	mlc
Domain Path:    /languages
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --mlc-c-accent:          var(--wp--preset--color--accent);
  --mlc-c-accent-dark:     var(--wp--preset--color--accent-dark);
  --mlc-c-accent-light:    var(--wp--preset--color--accent-light);
  --mlc-c-neutral:         var(--wp--preset--color--neutral);
  --mlc-c-comp-1:          var(--wp--preset--color--comp-1);
  --mlc-c-comp-2:          var(--wp--preset--color--comp-2);
  --mlc-c-comp-3:          var(--wp--preset--color--comp-3);
  --mlc-c-comp-4:          var(--wp--preset--color--comp-4);
  --mlc-f-body:            var(--wp--preset--font-family--body);
  --mlc-f-heading:         var(--wp--preset--font-family--heading);

  --mlc-transition: all ease .8s;
}
body,
button,
input,
select,
textarea {
  font-family: var(--wp--preset--font-family--body)!important;
}
._scroll-disabled {
  overflow: hidden;
  touch-action: none;
}

/*
  TOC
  • Typography
  • Header
  • Search form
  • Search form results
  • Mini cart
  • Product grid
  • WooCommerce single product
  • WooCommerce notifications
  • Others
*/

/* Typography */
h2 + h3 {
  padding-top: 0;
  border-top: none;
}
.entry-content h2 {
  margin-top: 3rem;
}
.entry-content p {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
/* Typography */

/* Header */
#masthead.site-header {
  padding-top: .5rem;
  border-bottom: none;
}
#masthead.site-header .col-full {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content 1fr;
  gap: .5rem;
}
@media screen and (min-width: 768px) {
  #masthead.site-header .col-full {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
.site-branding {
  width: auto!important;
  float: none!important;
  margin: 0!important;
  flex-basis: max-content;
}
.site-branding .custom-logo-link .custom-logo {
  max-width: 140px;
}
#site-navigation.main-navigation {
  width: auto!important;
  float: none!important;
  margin: 0!important;
  margin-left: auto!important;
  flex-basis: max-content;
}
#site-navigation-menu-toggle {
  padding: 2px 1rem;
  border-radius: 2rem;
  line-height: 2;
}
#site-navigation-menu-toggle span {
  padding-left: 14px;
}
.primary-navigation .menu .menu-item a {
  padding: .5rem;
}
.handheld-navigation {
  transform: translateX(100%);
  width: 90%;
  max-width: 300px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  background: var(--wp--preset--color--neutral);
}
.handheld-navigation .menu {
  width: 100%;
  height: 100%;
  padding-inline: 2rem;
}
.handheld-navigation .menu .menu-item {
  position: static;
}
.mlc-offcanvas-menu {
  width: 100%;
  height: 100%;
}
#mlc-offcanvas-menu-closer {
  display: flex;
  margin-left: auto;
}
#site-navigation.main-navigation.toggled .handheld-navigation {
  transform: translateX(0);
}
/* Header */

/* Search form */
.mlc-search-form-toggler {
  max-width: 140px;
  height: min-content;
  line-height: 1;
  padding: 6px 1rem;
  border-radius: 2rem;
  align-self: end;
}
@media screen and (min-width: 768px) {
  .mlc-search-form-toggler {
    max-width: none;
    line-height: 1.618;
    padding: 2px 1rem;
    align-self: auto;
  }
}
#global-search
{
  border: none;
  width: 90%;
}
#global-search::backdrop {
    background-color: color-mix(in srgb, var(--mlc-c-accent-dark), transparent 20%);
}
.global-search-close {
  display: flex;
  margin-left: auto;
  padding: 6px 1rem;
  border-radius: 2rem;
  line-height: 1;
}
.ajaxsearchpro.isotopic .asp_content {
  background-color: color-mix(in srgb, var(--mlc-c-accent-dark), transparent 20%)!important;
}
.ajaxsearchpro.isotopic .asp_content .asp_res_url {
  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
.ajaxsearchpro.isotopic .asp_content .etc {
  display: none!important;
}
/* Search form */

/* Mini cart */
.mlc-mini-cart-link {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: .75rem;
  align-self: end;
}
@media screen and (min-width: 768px) {
  .mlc-mini-cart-link {
    justify-content: start;
    align-self: auto;
  }
}
.mlc-mini-cart-quantity {
  position: relative;
  display: flex;
}
.mlc-mini-cart-quantity > svg {
  width: 2rem;
  height: 2rem;
  fill: var(--wp--preset--color--accent-dark);
}
.mlc-mini-cart-quantity > span {
  position: absolute;
  left: 20px;
  top: -5px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  color: var(--wp--preset--color--accent-dark);
  background: var(--wp--preset--color--accent-light);
  text-align: center;
}
.mlc-mini-cart-amount {
  color: var(--wp--preset--color--accent-dark);
}
/* Mini cart */

/* Product grid */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (min-width: 768px) {
  ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
}
ul.products::before,
ul.products::after {
  display: none;
}
ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgb(74 21 75 / 2%);
  padding: 2px;
}
ul.products li.product a.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul.products li.product a.woocommerce-loop-product__link > :nth-child(3) {
  margin-top: auto;
}

ul.products li.product a.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail {
  aspect-ratio: 1/1;
  object-fit: cover;
}
ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title {
  min-height: calc(1rem * 1.214 * 2);
}
/* Product grid */

/* WooCommerce single product */
.single-product .add_to_cart_button {
  padding: 2px 1rem;
  border-radius: 2rem;
}
.single-product .stock {
  color: var(--wp--preset--color--accent-dark)!important;
}
.single-product .product_title {
  margin-bottom: .5rem!important;
}
.single-product .price {
  margin-block: .5rem!important;
}
.single-product .woocommerce-product-details__short-description p {
  margin-bottom: .5rem!important;
}
.single-product .woocommerce-product-details__short-description ul {
  margin-bottom: .5rem!important;
}
/* WooCommerce single product */

/* WooCommerce Cart */
.woocommerce-cart .wc-block-cart__submit-button {
  text-decoration: none!important;
}
/* WooCommerce Cart */

/* WooCommerce Checkout */
.woocommerce-checkout .sort_code {
  display: none;
}
/* WooCommerce Checkout */

/* WooCommerce Thank You Page */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: var(--wp--preset--font-family--heading);
  font-size: 2em;
  line-height: 1.214;
  color: var(--wp--preset--color--accent-dark);
}
.woocommerce-order-received .order_details {
  margin-block: 0 2rem;
}
/* WooCommerce Thank You Page */

/* WooCommerce notifications */
.woocommerce-message,
.woocommerce-message::before,
.woocommerce-message::after,
.woocommerce-message * {
  background-color: var(--wp--preset--color--comp-2)!important;
  color: var(--wp--preset--color--accent-dark)!important;
}
.woocommerce-info,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-info * {
  background-color: var(--wp--preset--color--comp-3)!important;
  color: var(--wp--preset--color--accent-dark)!important;
}
.woocommerce-error,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-error * {
  background-color: var(--wp--preset--color--comp-4)!important;
  color: var(--wp--preset--color--accent-light)!important;
}
.woocommerce-noreviews,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
.woocommerce-noreviews * {
  background-color: var(--wp--preset--color--comp-3)!important;
  color: var(--wp--preset--color--accent-dark)!important;
}
/* WooCommerce notifications */

/* Others */
.storefront-breadcrumb {
  margin-bottom: 0;
}

.mlc-advice {
  font-size: .95rem;
  font-style: italic;
}

.spacer {
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  height: 0;
  margin-block: var(--spacer-value);
}
/* Others */