@charset "UTF-8";

@font-face {
	font-family: "IRANYekanXVF";
	src: url("fonts/IRANYekanX/woff2/IRANYekanXVF.woff2") format("woff2-variations"),
		url("fonts/IRANYekanX/woff/IRANYekanXVF.woff") format("woff");
	font-weight: 100 1000;
	font-display: swap;
}

html {
	font-family: "IRANYekanXVF", Tahoma, sans-serif;
	font-feature-settings: "ss02";
}

body,
button,
input,
select,
textarea,
.elementor-widget-container,
.elementor-heading-title {
	font-family: "IRANYekanXVF", Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: 800;
}

label,
.form-control,
.input-text,
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="text"] {
	text-align: right;
}

.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
    width: 99%;
}
/* =========================================================
   WooCommerce Product Grids — Global Fix (RTL)
   Works for: Related, Upsells, Cross-sells, Shortcodes
   ========================================================= */
/* =========================================================
   WooCommerce Related Products - Force 4 Columns 1 Row
   ========================================================= */

/* 1. The Grid Container */
.related.products ul.products,
.related.products ul.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* Exactly 4 equal columns */
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
}

/* 2. The Individual Products */
.related.products ul.products li.product {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; /* Prevents flex/grid from overflowing */
  margin: 0 !important; 
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff;
  border: 1px solid #eef4f8;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(11,58,90,.04), 0 4px 16px rgba(11,58,90,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.related.products ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 34px rgba(11,58,90,.12);
}

/* 3. Product Link Wrapper */
.related.products ul.products li.product > a {
  display: flex !important;
  flex-direction: column !important;
  flex: 1;
  text-decoration: none;
}

/* 4. Images */
.related.products ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* 5. Titles */
.related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  padding: 12px 14px 4px !important;
  margin: 0 !important;
  text-align: center;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.6em * 2 + 16px);
}

/* 6. Price */
.related.products ul.products li.product .price {
  display: block !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  padding: 4px 14px 12px !important;
  margin: 0 !important;
  text-align: center;
}

/* 7. Buttons */
.related.products ul.products li.product .button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 14px 14px !important;
  padding: 10px 14px !important;
  border-radius: 12px;
  background: #e8f4fc;
  color: #0c6eab !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-decoration: none;
  min-height: 44px;
  transition: background .2s, color .2s;
}
.related.products ul.products li.product .button:hover {
  background: #0c6eab;
  color: #fff !important;
}
.related.products ul.products li.product.outofstock .button {
  background: #eef4f8;
  color: #64748b !important;
  pointer-events: none;
}

/* 8. Badges */
.related.products ul.products li.product.outofstock {
  position: relative;
}
.related.products ul.products li.product.outofstock::before {
  content: "ناموجود";
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  z-index: 3;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 11px;
  border-radius: 99px;
  color: #fff;
  background: #f97316;
}

/* 9. Responsive Rules */
@media (max-width: 1024px) {
  .related.products ul.products,
  .related.products ul.products.columns-4 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .related.products ul.products,
  .related.products ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .related.products ul.products,
  .related.products ul.products.columns-4 {
    grid-template-columns: 1fr !important;
  }
}
.woocommerce div.product {
    background: #f4f8fb;
}