/*
Theme Name: Hello Child
Template: hello-elementor
*/


/* إصلاح اختفاء عنوان المنتج في وضع Full Width */
.product_title,
.elementor-widget-woocommerce-product-title,
.woocommerce div.product .product_title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}


/* إعادة تفعيل خصائص الجداول الطبيعية */
table {
    display: table !important;
    border-collapse: initial !important;
    border-spacing: initial !important;
    width: auto !important;
}

/* الصفوف */
tr {
    display: table-row !important;
}

/* رؤوس الأعمدة والخلايا */
th, td {
    display: table-cell !important;
    padding: initial !important;
    border: initial !important;
    vertical-align: middle !important;
    background: none !important;
}

/* إظهار عناوين الصفحات والمقالات */
h1.entry-title,
h1.page-title,
h1.elementor-heading-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* في حال كانت العناوين مخفية من القالب */
.entry-title,
.page-title {
    display: block !important;
}


/* جداول صفحة المنتج فقط */
.woocommerce div.product table {
  width: 100% !important;     /* يتسع لـ 100% */
  border-collapse: collapse;
  border-spacing: 0;
  border: none !important;
  background-color: transparent;
}






/* خلايا الجدول داخل صفحة المنتج */
.woocommerce div.product table th,
.woocommerce div.product table td {
  padding: 5px;
  height: 40px;
  min-height: 40px;
  vertical-align: middle;

  /* حدود داخلية بين الأعمدة */
  border-left: 3px solid #ffffff !important;
  border-right: 3px solid #ffffff !important;
}

/* إزالة الحد من أول وآخر عمود حتى لا يظهر خطان */
.woocommerce div.product table th:first-child,
.woocommerce div.product table td:first-child {
  border-left: none !important;
}

.woocommerce div.product table th:last-child,
.woocommerce div.product table td:last-child {
  border-right: none !important;
}

/* ألوان السطور */
.woocommerce div.product table tbody tr:nth-child(even) {
  background-color: #F6F6F6 !important;
}

.woocommerce div.product table tbody tr:nth-child(odd) {
  background-color: #FFFFFF !important;
}

/* تجاوب مع الموبايل */
@media (max-width: 600px) {
  .woocommerce div.product table th,
  .woocommerce div.product table td {
    height: 40px !important;
    min-height: 40px !important;

    /* إبقاء الفواصل الداخلية */
    border-left: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
  }

  /* إزالة حدود الأطراف */
  .woocommerce div.product table th:first-child,
  .woocommerce div.product table td:first-child {
    border-left: none !important;
  }

  .woocommerce div.product table th:last-child,
  .woocommerce div.product table td:last-child {
    border-right: none !important;
  }
}








/* تغيير لون الروابط داخل جدول المنتج */
.woocommerce div.product table th a,
.woocommerce div.product table td a {
    color: #fdb933 !important; /* اللون الأصفر للموقع */
    text-decoration: none; /* إذا أردت إزالة الخط تحت الرابط */
}

/* عند المرور على الرابط */
.woocommerce div.product table th a:hover,
.woocommerce div.product table td a:hover {
    color: #000000 !important; /* لون أصفر أغمق عند المرور للتأثير البصري */
}










/* تغيير لون نص "متاح للحجز (طلب مسبق)" */
.woocommerce div.product p.stock,
.woocommerce div.product .stock.available-on-backorder {
    color: #FFC800 !important; /* ← عدّل اللون إذا كان لديك كود أصفر آخر */
    font-weight: normal;
    margin: 0 0 10px 0;
}

/* جعله في نفس مستوى زر الإضافة للسلة */
.single-product .product .summary .stock {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; /* مسافة قبل زر الإضافة للسلة */
    font-size: 15px;
}

/* ضبط زر الإضافة ليكون بجانبه */
.single-product .product .summary .cart {
    display: inline-block;
    vertical-align: middle;
}









/* إزالة عنوان المراجعات */
.woocommerce #reviews h2 {
    display: none;
}

/* تعديل زر الإرسال في مراجعات ووكومرس */
.woocommerce #review_form #submit {
    background-color: #fdb933 !important; /* اللون الأصفر الخاص بالموقع */
    border-radius: 0 !important; /* إزالة الزوايا الدائرية */
    color: #000 !important; /* نص أسود */
    font-size: 12px !important; /* حجم الخط صغير */
    padding: 6px 12px !important; /* مسافة داخل الزر */
    border: none !important; /* إزالة أي حدود افتراضية */
    cursor: pointer;
    display: inline-block !important; /* لتجنب امتداد الزر */
    float: left !important; /* لجعل الزر على اليسار */
    text-transform: uppercase; /* لتوحيد نص الزر كالأزرار الأخرى */
    font-weight: 100; /* وزن الخط مثل زر الإضافة */
}

/* تغيير صندوق النص (اختياري) */
.woocommerce #review_form textarea {
    font-size: 14px;
    padding: 6px;
}

/* تعديل نص placeholder (اختياري) */
.woocommerce #review_form textarea::placeholder {
    color: #666;
    font-size: 12px;
}
