/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.product-card {
  position: relative;
  /*border: 1px solid #e5e7eb;*/
  border-radius: 12px;
  padding: 16px;
  min-width: 228px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(100,50,70,0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Бейдж premium */
.premium-badge {
  position: absolute;
  top: 10px;
  left: 65px;
}

/* Перша лінія */
.product-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.product-logo .feature_box_wrapper {
  display: flex;
  align-items: center;
}
.product-logo .photo_wrapper {
  width: 60px!important;
}
.product-logo .desc_wrapper {
  width: inherit!important;
}

.product-logo img {
  width: 60px!important;
  min-width: 60px;
  height: 60px!important;
  border-radius: 8px!important;
  object-fit: contain!important;
  margin-right: 12px!important;
  /* padding: 5px!important; */
  border: #eee 1px solid!important;
}

.product-title {
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  margin: 0;
}

/* Підзаголовок */
.product-subtitle {
  font-size: 12px;
  font-weight: 300;
  color: #666;
  margin-bottom: 8px;
}

.product-subtitle span {
  display: inline-block;
  padding: 2px 5px;
  border: #999 1px solid;
  border-radius: 5px;
  margin: 0 5px 5px 0;
}

/* Короткий опис */
.product-excerpt {
  font-size: 14px;
  color: #444;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Теги */
.product-tags {
  padding-bottom: 15px;
  line-height: 15px;
}
.product-tags a {
  display: inline-block;
  font-size: 12px;
  color: #e367c1;
  margin-right: 6px;
}
.product-tags a:hover {
  color: #f0b4e1;
}

/* Кнопки */
.product-buttons {
  margin-top: auto;
  display: flex;
  align-items: center;
}

.product-buttons.two-buttons {
  justify-content: space-between;
}

.product-buttons.two-buttons .visit-btn {
  margin-left: auto;
}

.product-buttons.one-button {
  justify-content: center;
}

.review-btn,
.visit-btn {
  display: inline-block;
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.review-btn {
  border: #fa4b96 1px solid;
  berder-radius: 5;
  color: #fa4b96;
}

.review-btn:hover {
  border: #ff6ec8 1px solid;
  background: #ff6ec8;
  color: #fff;
}

.visit-btn {
  background: #fa4b96;
  color: #fff;
}

.visit-btn:hover {
  background: #ff6ec8;
  color: #fff;
}

/* LIST OF TYPES */
.type-list ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none!important;
  margin: 0!important;
  padding: 0!important;
}
.type-list ul li {
  color: #999;
  font-size: 12px!important;
  border-radius: 3px!important;
  border: #999 1px solid!important;
  padding: 0 5px!important;
  margin-right: 5px!important;
}
.type-list .desc {
  color: #999;
  font-size: 12px;
  border-radius: 3px;
  border: #999 1px solid;
  padding: 0 5px;
  margin-right: 5px;
}

/* .type-list ul li {
  background-color: var(--mfn-button-theme-bg-hover)!important;
  color: var(--mfn-button-theme-color-hover)!important;
  font-size: 12px!important;
  border-radius: 5px!important;
  padding: 0 5px!important;
  margin-right: 5px!important;
} */

a:hover {
  text-decoration: none!important;
}
.full-width {
  width: 100%!important;
}

.top-categories li img {
  width: 30%!important;
  display: inherit!important;
}

.woocommerce.single-product .column_product_breadcrumbs .woocommerce-breadcrumb a:nth-of-type(2), .woocommerce.single-product .column_product_breadcrumbs .woocommerce-breadcrumb span:nth-of-type(2) { display: none !important; }
.woocommerce.single-product .column_product_breadcrumbs .woocommerce-breadcrumb a:nth-of-type(3), .woocommerce.single-product .column_product_breadcrumbs .woocommerce-breadcrumb span:nth-of-type(3) { display: none !important; }


.wpc-filters-widget-top-container {
  min-height: 0;
}

/* Контейнер для заголовка та списку */
.wpc-filters-section {
  position: relative;
  display: inline-block;
}
.wpc-filters-section .wpc-filter-range-form {
  max-width: 200px;
}

/* Сховати список за замовчуванням */
.wpc-filter-content {
  display: none!important;
  margin-top: 5px;
}

/* При наведенні на заголовок – показати список */
.wpc-filters-section:hover .wpc-filter-content {
  display: block!important;
  min-width: max-content;
  position: absolute;
  margin-top: -5px;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 3px 14px rgba(100,50,70,0.15);
  z-index: 100;
}
.wpc-filters-section {
  margin-bottom: 0!important;
}
.wpc-filters-section:hover {
  cursor: pointer;
}
ul.wpc-filter-chips-list {
  display: flex;
}

.wpc-filter-header {
  background: url(/wp-content/themes/betheme-child/icons/arrow-down.svg) center right no-repeat;
  padding-right: 18px;
}

.wpc-horizontal-layout .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
  max-width: fit-content!important;
  margin-right: 2%!important;
}
.wpc-filters-widget-wrapper .wpc-posts-found {
  font-size: 13px;
  padding: 0;
  min-height: 0;
}

/* PROS - CONS */

.pros-list ul, .cons-list ul {
  padding: 0;
  margin: 15px;
}
.pros-list li, .cons-list li {
  list-style-type: none;
  padding-left: 30px;
}
.pros-list li::before, .cons-list li::before {
  content: '\e985';
  font-family: "mfn-icons";
  color: #33AA33;
  position: absolute;
  margin-left: -25px;
}
.cons-list li::before {
  content: '\e82a';
  color: #A33;
}

.pager_wrapper {
  padding-bottom: 20px;
}