/*
Theme Name: Webifa Agency
Theme URI: https://webifa.ir
Description: چایلد تم وبیفا (شخصی سازی شده)
Author: Webifa Team
Author URI: https://webifa.ir
Template: hello-elementor
Version: اختصاصی
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webifa-child
*/


/* 🌟 استایل جدید برای جدول توضیحات تکمیلی ووکامرس */
.woocommerce table.shop_attributes {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  font-family: "IRANSans", Tahoma, sans-serif;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  padding: 14px 18px;
  text-align: right;
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 1.7;
}

.woocommerce table.shop_attributes th {
  width: 20%;
  font-weight: 600;
  background: #f9fafc;
  color: #333;
}

.woocommerce table.shop_attributes td {
  color: #1a1a1a;
}

.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td {
  border-bottom: none;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
  background: #fcfdff;
}

/* افکت hover */
.woocommerce table.shop_attributes tr:hover td,
.woocommerce table.shop_attributes tr:hover th {
  background: #eef3fb;
  transition: background 0.3s ease;
}

/* حالت واکنش‌گرا برای موبایل */
@media (max-width: 768px) {
  .woocommerce table.shop_attributes th,
  .woocommerce table.shop_attributes td {
    display: block;
    width: 100%;
    text-align: right;
  }

  .woocommerce table.shop_attributes th {
    background: none;
    font-size: 14px;
    color: #666;
  }

  .woocommerce table.shop_attributes td {
    border-bottom: 1px solid #eee;
    padding-top: 0;
  }

  .woocommerce table.shop_attributes tr {
    margin-bottom: 10px;
    display: block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 10px;
  }
}