/*
Theme Name: Floracle
Theme URI: https://floracle.nl
Author: Floracle
Description: Floracle storefront. The original Elementor layout CSS is loaded with the saved markup.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: floracle
*/

.shop-wrap { max-width: 1120px; margin: 32px auto 64px; padding: 0 24px; }
.shop-wrap ul.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; list-style: none; padding: 0; }
.shop-wrap div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.shop-wrap div.product .woocommerce-tabs { grid-column: 1 / -1; }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-bottom: 1px solid rgba(2, 64, 52, 0.16); padding: 12px 8px; text-align: left; }
.woocommerce-product-gallery { opacity: 1 !important; }
.elementor-menu-cart__close-button { cursor: pointer; font-size: 28px; line-height: 1; padding: 16px 20px 0; text-align: right; }
.e-n-accordion-item:not([open]) > .e-con { display: none; }
.e-n-accordion-item[open] > .e-con { display: flex; }
.floracle-lightbox { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.86); }
.floracle-lightbox img { max-width: 92vw; max-height: 92vh; }
.elementor-widget-n-tabs .e-n-tabs-content { flex-direction: column; align-items: stretch; }
.elementor-widget-n-tabs .e-n-tabs-content > .e-con { width: 100%; max-width: 100%; flex: 1 1 auto; }
body.woocommerce-shop .elementor-products-grid ul.products.elementor-grid li.product > a.woocommerce-LoopProduct-link img {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  object-fit: fill;
}
body.woocommerce-shop .elementor-products-grid ul.products.elementor-grid li.product > a.woocommerce-LoopProduct-link::before {
  content: none;
}
body.woocommerce-shop .elementor-products-grid ul.products.elementor-grid li.product .woocommerce-loop-product__title,
body.woocommerce-shop .elementor-products-grid ul.products.elementor-grid li.product .price {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .elementor-nav-menu--dropdown .elementor-nav-menu { display: flex; flex-direction: column; }
  .elementor-nav-menu--dropdown .elementor-item { display: block; padding: 14px 22px; }
}
@media (max-width: 860px) {
  .shop-wrap div.product { grid-template-columns: 1fr; }
}