/*
 Theme Name:   Astra Child
 Description:  Astra Child Theme
 Author:       Point
 Template:     astra
 Version:      1.0.0
*/

:root {
   --swiper-theme-color: var(--ast-global-color-0, #046bd2);
}

/* ~~~~ header ~~~~ */
.polylang-switcher-list {
   display: grid;
   align-items: center;
   align-content: center;
   margin: 0;
   list-style: none;
}
/* ~~~~ /header ~~~~ */

/* ~~~~ menu for vendors ~~~~ */
.above-header-menu {
   background: var(--ast-global-color-4, #fff);
}
.above-header-menu .above-header-menu-list {
   display: flex;
   justify-content: end;
   gap: 2em;
   max-width: 1400px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 15px;
   list-style: none;
}
.above-header-menu .menu-item:last-child {
   margin-right: 1em;
}
.above-header-menu a.menu-link {
   color: var(--ast-global-color-3);
   transition: all 0.2s linear;
}
.above-header-menu a.menu-link:hover {
   color: var(--ast-global-color-1);
}

.ast-builder-layout-element.ast-header-search {
   padding-top: 5px;
}
.search-form + .ast-search-icon {
   position: relative;
   right: 6px;
}

/* ~~~~ /menu for vendors ~~~~ */

/* ~~~~ mobile menu ~~~~ */
body.ast-main-header-nav-open:after {
   content: '';
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: var(--ast-global-color-8, rgba(0, 0, 0, 0.5));
   z-index: 98;
}
.ast-main-header-nav-open .ast-mobile-header-wrap .ast-mobile-header-content {
   display: grid !important;
   grid-template-areas:
      'lang announcement cart'
      'search search search'
      'menu menu menu';
   gap: 10px;
}

@media (max-width: 921px) {
   .announcement-button-wrapper {
      grid-area: announcement;
      justify-self: center;
      padding: 0;
   }
}

.ast-header-html-2 {
   grid-area: lang;
   justify-self: left;
   padding-left: 20px;
   padding-right: 20px;
}

.ast-header-woo-cart {
   grid-area: cart;
   justify-self: right;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}
.ast-header-search {
   grid-area: search;
   padding-top: 15px;
   padding-left: 20px;
   padding-right: 20px;
}
.ast-builder-menu-mobile {
   grid-area: menu;
}
/* ~~~~ /mobile menu ~~~~ */

/* ~~~~ slider ~~~~ */
.hero-slider,
.heroSwiper,
.heroBaner {
   height: calc(100svh - 80px);
}

/* .heroBaner *,
.heroSwiper * {
   color: #fafafa;
} */

.hero-slider {
   overflow: hidden;
}

.heroSwiper {
   position: relative;
}

.heroSwiper .swiper-img,
.heroBaner .swiper-img {
   height: 100%;
}

.heroSwiper .swiper-img img,
.heroBaner .swiper-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   object-position: center;
}

.heroSwiper-button-prev,
.heroSwiper-button-next {
   visibility: hidden;
   opacity: 0;
   transition: all 0.3s;
}
.heroSwiper-button-prev svg,
.heroSwiper-button-next svg {
   color: var(--ast-global-color-4, #fff);
}
.heroSwiper-button-prev:hover,
.heroSwiper-button-next:hover {
   background-color: var(--blue-main);
}
.heroSwiper:hover .heroSwiper-button-prev,
.heroSwiper:hover .heroSwiper-button-next {
   visibility: visible;
   opacity: 1;
}
.heroSwiper-pagination {
   position: absolute;
   z-index: 2;
   text-align: center;
}
.heroSwiper-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: var(--ast-global-color-5, #ccc);
}
/* ~~~~ /slider ~~~~ */

/* ~~~~ entry-content ~~~~ */
.entry-content {
   margin-bottom: 40px;
}
/* ~~~~ /entry-content ~~~~ */

/* ~~~~ home category ~~~~ */
.woocommerce-categories-grid,
.dokan-categories-list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 20px;
   margin-bottom: 40px;
}
.wc-category-item,
.dokan-category-item {
   text-align: center;
   border: 1px solid var(--ast-global-color-5, #eee);
   padding: 15px;
   border-radius: 8px;
   transition: transform 0.3s;
}
.wc-category-item:hover,
.dokan-category-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.wc-category-item img,
.dokan-category-item img {
   max-width: 100%;
   height: auto;
   border-radius: 5px;
}
.wc-category-placeholder {
   background: var(--ast-global-color-5, #f0f5fa);
   height: 150px;
   display: flex;
   align-items: start;
   padding-top: 7%;
   justify-content: center;
   color: #777;
}
/* ~~~~ /home category ~~~~ */

/* ~~~~ home new products ~~~~ */
.dokan-new-products {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 20px;
   margin: 30px 0;
}
.dokan-new-products .product-item {
   border: 1px solid var(--ast-global-color-4, #ccc);
   padding: 15px;
   border-radius: 8px;
   text-align: center;
   transition: transform 0.3s;
}
.dokan-new-products .product-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.dokan-new-products .product-item h3 {
   font-size: 0.9em;
}
.dokan-new-products .product-item img {
   max-width: 100%;
   height: auto;
}
/* ~~~~ /home new products ~~~~ */

/* ~~~~ home card products ~~~~ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
   justify-content: space-between;
}

.woocommerce-js ul.products li.product .onsale {
   border-radius: 6px;
   padding: 8px;
   min-height: auto;
   line-height: normal;
}

.woocommerce-js ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
   margin-bottom: 0;
}

ul.products .astra-shop-summary-wrap {
   padding: 0 10px 10px;
}

ul.products li.product.product-category,
ul.products li.product .woocommerce-loop-product__link {
   overflow: hidden;
}

ul.products li.product.product-category img,
ul.products li.product .woocommerce-loop-product__link img {
   transition: all 0.43s cubic-bezier(0.47, 0, 0.75, 0.72);
}
ul.products li.product.product-category:hover img,
ul.products li.product:hover .woocommerce-loop-product__link img {
   transform: scale(1.05);
}
/* ~~~~ /home card products ~~~~ */

/* ~~~~ home product page ~~~~ */
.woocommerce-js.single-product .sale > span.onsale {
   border-radius: 6px;
   padding: 10px;
   min-height: auto;
   line-height: normal;
}
/* ~~~~ /home product page ~~~~ */

/* ~~~~ FILTER ~~~~ */
.widget-area.secondary .ast-woo-sidebar-widget {
   display: grid;
   gap: 35px;
}

.widget-area.secondary .ast-woo-sidebar-widget .facetwp-slider-reset {
   padding: 6px 12px;
}

.widget-area.secondary .ast-woo-sidebar-widget > p:empty,
.widget-area.secondary .ast-woo-sidebar-widget > br {
   display: none;
}

.widget-area.secondary .ast-woo-sidebar-widget .facetwp-block {
   display: grid;
   gap: 10px;
}

.widget-area.secondary .ast-woo-sidebar-widget .facetwp-facet {
   margin: 0;
}


.woocommerce ul.products:not(:has(.ast-article-post)), 
.woocommerce-page ul.products:not(:has(.ast-article-post)) {
   display: none;
}
/* ~~~~ /FILTER ~~~~ */

@media (max-width: 768px) {
   .hero-slider {
      max-height: 66vw;
   }

   .heroSwiper .swiper-img img,
   .heroBaner .swiper-img img {
      object-fit: contain;
      object-position: top;
   }
}

@media (min-width: 769px) {
}