/*
Theme Name: Storefront Child Funky
Version: 1.0
Description: Child theme for Storefront.
Author: Woo
Author URI: https://woocommerce.com
Template: storefront
*/

/* --------------- Font Setup ----------------- */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Outfit-Regular.woff2') format('woff2'), url('fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --------------- Root Variables ----------------- */
:root {
  --radius: 10px;
}

/* --------------- Theme Customization ----------------- */
/* h1, h2, h3, .nav-menu li a, .site-header span  {
    font-family: 'CustomFont', sans-serif !important;
} */

.site-header {
    border-bottom: none;
}

.home .site-header {
    margin-bottom: 0 !important;
}

/* --------------- Shop Customization ----------------- */
.site-header-cart .cart-contents:after,
.storefront-handheld-footer-bar ul li.cart > a:before {
    content: "\f07a" !important;
}

.wc-block-product-template {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --------------- Image Rounding ----------------- */
.wc-block-components-product-image.wc-block-grid__product-image.wp-block-woocommerce-product-image {
    border-radius: var(--radius) !important;
}

/* --------------- Buttons ----------------- */
button,
.wp-block-button__link,
.button.product_type_simple,
.button.product_type_variable,
.wp-block-search__inside-wrapper input {
    border-radius: var(--radius) !important;
}

.wp-block-search__button {
    border: 0 !important;
}

/* --------------- Links ----------------- */
.hentry .entry-content a {
    text-decoration: none;
}

/* --------------- Shape Divider----------------- */
.custom-shape-divider {
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-shape-divider svg {
    width: 100%;
}

.header-widget-region {
    margin-bottom: 10vw;
}

/* --------------- Product Slider ----------------- */
.blaze-slider {
    --slides-to-show:1;
    --slide-gap:20px;
    direction:ltr
}
.blaze-container {
    position:relative
}
.blaze-track-container {
    overflow:hidden
}
.blaze-track {
    will-change:transform;
    touch-action:pan-y;
    display:flex;
    gap:var(--slide-gap);
    --slide-width:calc((100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /var(--slides-to-show));
    box-sizing:border-box
}
.blaze-track>*{
        box-sizing:border-box;width:var(--slide-width);
        flex-shrink:0
}

.blaze-slider {
  position: relative;
}

.my-structure {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.my-structure svg {
  pointer-events: all;
  filter: drop-shadow(0px 0px 3px rgba(128,128,128,.5));
  transition: all .3s ease;
}

.my-structure svg:hover {
  filter: drop-shadow(0px 0px 6px rgba(128,128,128,.9));
 }
@media (max-width: 767px) {
    .my-structure, .blaze-pagination {
        display: none;
    }
}

.blaze-prev {
  transform: rotateY(180deg);
}
.my-structure * {
  cursor: pointer;
}
.blaze-pagination button {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 10vh;
  display: block;
  outline: none;
  border: 1px solid #d7d7d7;
  background: #eaeaea;
}
.blaze-pagination button.active {
  border: 2px solid gray;
  background: gray;

}
.blaze-pagination {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 3px;
}

.woo-slider .post_card {
  position: relative;
  max-width: 500px;
  border-radius: var(--radius);
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: left;
}
.woo-slider .post_card:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.woo-slider .post_card img {
  width: 100%;
  height: auto;
  display: block;
}
.woo-slider .wwo_card_details {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.woo-slider .p_title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
  color: #333;
  text-align: center;
}
span.wwo_card_details p {
  margin-bottom: 5px;
}
.woo-slider .price {
  margin: 5px 0;
  font-weight: bold;
  display: grid;
  justify-content: center;
}
.woo-slider del bdi {
  opacity: .6;
}
.woo-slider .price div {
  width: max-content;
}
.woo-slider .post_card span.woocommerce {
  margin: 6px;
  display: grid;
  justify-content: center;
}
.woo-slider .onsale {
  z-index: 3;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #ff6b6b;
  color: #fff;
  padding: 5px 10px;
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: bold;
}
.woo-slider .add_to_cart_button {
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: var(--radius);
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  transition: background 0.3s;
  text-align: center;
}