/*** تماس با ما ***/
/* لیبل‌ها بالای فیلد با استفاده از name */
.callme .messageBoxElementBox {
  position: relative !important;  /* برای ::before */
  margin-bottom: 20px !important;     
  padding-left: 10px !important;     
  padding-right: 10px !important;      
}

/* عنوان شبیه label از name */
.callme .messageBoxElementBox .messageBoxElementInput::before,
.callme .messageBoxElementBox .messageBoxElementTextArea::before {
  content: attr(name) !important;
  position: absolute !important;
  top: -20px !important;  /* فاصله از بالای فیلد */
  left: 0 !important;
  font-size: 14px !important;
  color: #777 !important;
  display: block !important;
  line-height: 1 !important;
}

/* استایل ورودی‌ها (به جز textarea) */
.callme .messageBoxElementInput:not(.messageBoxElementTextArea) {
  width: 100%;
  border: 1px solid #ccc !important;  /* طوسی تیره */
  border-radius: 10px !important;      
  padding: 8px !important;
  color: #333 !important;
  box-sizing: border-box !important;
  background-color: #fff !important;   
}

/* textarea توضیحات با پس‌زمینه F5F5F5 */
.callme .messageBoxElementTextArea {
  background-color: #F5F5F5 !important;  
  border: 1px solid #F5F5F5 !important; 
  border-radius: 10px !important;    
  padding: 8px !important;
  color: #333 !important;
  box-sizing: border-box !important;
}

/* فاصله بین فیلدها */
.callme .messageBoxElementBox {
  margin-bottom: 30px !important;     
  padding-right: 10px !important;     
  padding-left: 10px !important;      
}

/* دکمه ارسال */
.callme .messageBoxElement .messageBoxElementButton {
  background-color: #db0000 !important; 
  color: #ffffff !important;           
  border: none !important;             
  border-radius: 30px !important;      
  padding: 2px 40px !important;      
  cursor: pointer !important;
  display: block !important;           
  margin: 0 auto !important;           
  font-size: 16px !important;
  transition: background-color 0.3s ease !important;
  text-align: center !important;
}

/* هاور دکمه ارسال */
.callme .messageBoxElement .messageBoxElementButton:hover {
  background-color: #cc0000 !important; 
}

/* رنگ دور فیلد هنگام فوکوس */
.callme .messageBoxElementInput:focus,
.callme .messageBoxElementTextArea:focus {
    outline: 2px solid #2c3f78 !important; /* رنگ آبی دور فیلد فعال */
}