/*
Theme Name: DEV ZEKVN fix
Theme URI: https://zek.vn/
Author: Zekvn
Author URI: https://zek.vn/
Version: 1.0
Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng.
*/



.sale-flash{display: none;}
/* product featured */
/* .products-list .product-info__image::before {
  background-image: url(./images/bottom-left-product.png);
}

.products-list .product-info__image::after {
  background-image: url(./images/top-right-product.png);
} */

.projects .project-item__link span {
  background-image: url(./images/icon_rightup.png);
}

/* Search Results Styling */
.search-results-summary {
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 8px;
  border-left: 4px solid #007bff;
}

.search-result-item {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.search-result-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-color: #007bff;
}

.result-thumbnail img {
  border-radius: 6px;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.result-type .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.result-title a {
  color: #333;
  font-weight: 600;
  line-height: 1.4;
}

.result-title a:hover {
  color: #007bff;
}

.result-excerpt {
  color: #6c757d;
  font-size: 0.9rem;
  line-height: 1.5;
}

.result-price {
  font-weight: 600;
  color: #28a745;
  font-size: 1.1rem;
}

.result-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.result-actions .btn {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

.no-results {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 3rem 2rem;
}

.no-results-icon {
  opacity: 0.5;
}

.suggestions ul li {
  margin-bottom: 0.5rem;
  color: #6c757d;
}

/* Pagination Styling */
.pagination-wrapper .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 0 2px;
  padding: 0 12px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  color: #007bff;
  text-decoration: none;
  transition: all 0.2s ease;
}

.pagination-wrapper .page-numbers:hover {
  background-color: #e9ecef;
  border-color: #007bff;
}

.pagination-wrapper .current {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.pagination-wrapper .prev,
.pagination-wrapper .next {
  font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .search-result-item {
    padding: 1rem;
  }
  
  .result-actions {
    flex-direction: column;
  }
  
  .result-actions .btn {
    width: 100%;
    text-align: center;
  }
}