/*!
Theme Name: Hương Đá Online - Mulgati
Theme URI: https://huongda.online/
Author: Hương Đá Online
Author URI: https://huongda.online/
Description: Hương Đá Online
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hdo_mulgati
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hdo_mulgati is based on Underscores https://huongda.online/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
.arrow-icon-large {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/arrow-right-large.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.arrow-hover-link:hover .arrow-icon-large {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/arrow-right-large-black.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.arrow-icon {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/arrow-right-white.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.arrow-hover-link:hover .arrow-icon {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/arrow-right-black.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.shopping-bag-icon {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/headers/shopping-bag.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.arrow-hover-link:hover .shopping-bag-icon {
  background: url('/wp-content/themes/hdo-mulgati/assets/img/icons/headers/shopping-bag-white.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Product Swiper Styles */
.product-swiper {
  width: 100%;
}

.products-wrapper {
  width: fit-content;
  width: 100%;
}

.product-item {
  transition: all 0.3s ease;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
}

.product-item>div {
  border-bottom: 2px solid transparent;
}

.product-item>div:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom: 2px solid #000;
}

.pagination-dot {
  cursor: pointer;
}

/* Ensure equal width distribution with consistent padding */
@media (max-width: 1023px) {
  .product-item {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .product-item {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}