/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* استایل اصلی باکس‌ها */
.wd-cat-inner {
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    transition: all 0.3s ease;
    margin: auto;
    text-align: center;
}

/* حالت hover */
.wd-cat-inner:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* رنگ نوشته هنگام hover */
.wd-cat-inner:hover .wd-entities-title a {
    color: #ffc60a !important;
}

/* برای جلوگیری از تغییر ناگهانی رنگ */
.wd-entities-title a {
    transition: color 0.3s ease;
}


/* کارت اصلی */
.product-wrapper {
    background-color: #fff; /* کارت سفید */
    border: 1px solid #00bfa6; /* حاشیه سبز فیروزه‌ای */
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

/* افکت روشن شدن پس‌زمینه هنگام hover */
.product-wrapper:hover {
    background-color: #f9fffd; /* سفید مایل به سبز روشن */
    box-shadow: 0 8px 20px rgba(0, 191, 166, 0.25);
    transform: translateY(-4px);
}

/* دکمه CTA (افزودن به سبد یا انتخاب گزینه‌ها) */
.product-wrapper .wd-add-btn a,
.product-wrapper .button {
    background-color: #ffc60a; /* زرد CTA */
    color: #000; 
    text-align: center;
    transition: all 0.3s ease;
}

/* افکت hover روی دکمه */
.product-wrapper .wd-add-btn a:hover,
.product-wrapper .button:hover {
    background-color: #ffda4d;
    box-shadow: 0 0 10px rgba(255, 198, 10, 0.5);
   
}

/* عنوان محصول */
.product-wrapper .wd-entities-title a {
    color: #333;
    transition: color 0.3s ease;
}

/* رنگ عنوان هنگام hover */
.product-wrapper:hover .wd-entities-title a {
    color: #00bfa6; /* سبز فیروزه‌ای */
}

.boxs_serveces{
	width:350px!important;
	height:380px!important;
}
#section_serveces{
	margin-left:0 auto!important;
	margin-right:0 auto!important;
}

.wd-social-icons a{
	color: #ffc60a!important;
	font-size:16pt!important;
}
.wd-social-icons a:hover{
	color: #ffff!important;
	font-size:16pt!important;
}

#box_insta{
	height:175px!important;
	background: linear-gradient(45deg, #ffdc80, #f77737, #fd1d1d, #c13584, #833ab4, #5851db)!important;

}

.mehrnoosh{
	width: 100%;
	max-width: 850px;
  margin-left: auto !important;
  margin-right: auto !important;
	
}
.wpcf7-submit{
	background-color: #23aa8c!important;
}