/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-child
 Description:  A child theme for Hello Elementor
 Author:       Amir Mirlohi
 Author URI:   https://amirwp.ir
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Custom CSS goes here */


.table-product {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.table-product thead th {
  background-color: #952a23;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-weight: 600;
}

.table-product tbody td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}

.table-product tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.table-product tbody tr:hover {
  background-color: #f1f1f1;
}


.term-description-box {
  line-height: 1.8;
  font-size: 1rem;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}

.term-description-box h3 {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.term-description-box p {
  font-size: 1rem;
  color: #555;
}

/* سبک کلی کارت‌های زیر‌دسته */
.category-cards .card {
  transition: box-shadow 0.3s ease;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 24px 16px;
  text-align: center;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.category-cards .card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* عنوان داخل کارت */
.category-cards .card h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #333;
}

/* متن زیر عنوان */
.category-cards .card p {
  font-size: 13px;
  color: #888;
}

/* لینک کل کارت */
.category-cards a {
  text-decoration: none;
  color: inherit;
  display: block;
}
/* new styles */

/*colors*/
:root {
  --primary-red-color: #FF0C1E;
  --secondary-red-color: #F03B30;
  --primary-font-color:#585858;
  --main-bg-color: rgb(250,250,250);
  --grey-color: #7C7C7C;
  --light-grey-color: #D9D9D9;
  --very-light-grey-color:#EFEFEF;
   --breakpoint-xs: 25rem; /*400px*/
  --breakpoint-mob: 48rem; /*768px*/
  --breakpoint-md: 56.25rem; /*900px*/
  --breakpoint-xxl: 87.5rem;/*1400px*/
   --radius: 30px;
   --very-light-shadow: 30px 30px 30px -60px rgba(0,0,0,0.1);
}

body{
	background-color: #fafafa !important;
}


/* **********************
      sidebar slider 
   **********************/
.expert-swiper-button-next,
.expert-swiper-button-prev {
  color: red !important;       
  width: 40px !important;      
  height: 40px !important;
  top: 305px !important;
}
.expert-swiper-button-prev{
  right: 0 !important;
}

.expert-swiper-button-next{
  left: 0 !important;
}

.expert-swiper-button-next::after,
.expert-swiper-button-prev::after {
  font-size: 18px !important; 
  font-weight: bold !important;
}

/* **********************
      sidebar slider 
   **********************/
.product-swiper-button-next,
.product-swiper-button-prev {
  color: grey !important;       
  width: 80px !important;      
  height: 100% !important;
  top: 20px !important;
}
.product-swiper-button-prev{
  right: 0 !important;
  background: #FFF;
  justify-content: flex-start !important;
  padding-right: 10px;
background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-swiper-button-next{
  left: 0 !important;
  background: #FFF;
  justify-content: flex-end !important;
  padding-left: 10px;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.product-swiper-button-next::after,
.product-swiper-button-prev::after {
  font-size: 18px !important; 
  font-weight: bold !important;
}
.table-price{
  background: linear-gradient(180deg,rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 90%,rgba(242, 242, 242, 1) 100%);
}