/* Koomesh Solar - Elementor contact form */
#form {
  --spc-yellow: #ffb400;
  --spc-navy: #0b2344;
  --spc-border: #e4eaf0;
  --spc-white: #fff;
  width: 100%;
  max-width: 100%;
  direction: rtl;
}

#form,
#form *,
#form *::before,
#form *::after { box-sizing: border-box; }

#form .elementor-widget-container {
  width: 100%;
  padding: 24px;
  background: var(--spc-white);
  border: 1px solid var(--spc-border);
  border-radius: 22px;
  box-shadow: 0 16px 45px rgba(11, 35, 68, .08);
}

#form .elementor-form,
#form .elementor-form-fields-wrapper { width: 100%; max-width: 100%; }

#form .elementor-form-fields-wrapper {
  direction: rtl;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#form .elementor-column { padding-right: 0 !important; padding-left: 0 !important; }
#form .elementor-field-group { position: relative; width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; }

#form .elementor-field-label {
  display: block;
  margin: 0 0 8px;
  color: var(--spc-navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.6;
}

#form .elementor-field-required .elementor-field-label::after {
  content: " الزامی";
  color: #d92d20;
  font-size: 10px;
  font-weight: 700;
}

#form .elementor-field-textual {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px;
  padding: 13px 48px 13px 16px !important;
  color: var(--spc-navy) !important;
  background: #f8fafc !important;
  border: 1px solid var(--spc-border) !important;
  border-radius: 14px !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

#form textarea.elementor-field-textual { min-height: 135px; padding-top: 15px !important; resize: vertical; }
#form .elementor-field-textual::placeholder { color: #8a929d !important; opacity: 1; }
#form .elementor-field-textual:focus { background: #fff !important; border-color: var(--spc-yellow) !important; box-shadow: 0 0 0 4px rgba(255, 180, 0, .14) !important; }
#form .elementor-field-group-phone input { direction: ltr; text-align: right; }

#form input[type="number"]::-webkit-inner-spin-button,
#form input[type="number"]::-webkit-outer-spin-button { margin: 0; appearance: none; }
#form input[type="number"] { appearance: textfield; }

#form .elementor-field-group::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 17px;
  right: 17px;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: .75;
}

#form .elementor-field-group-name::before { background-image: url("https://koomeshsolar.ir/wp-content/uploads/2026/06/user.png"); }
#form .elementor-field-group-phone::before { background-image: url("https://koomeshsolar.ir/wp-content/uploads/2026/06/telephone.png"); }
#form .elementor-field-group-subject::before { background-image: url("https://koomeshsolar.ir/wp-content/uploads/2026/06/17866835.png"); }
#form .elementor-field-group-details::before { top: 18px; background-image: url("https://koomeshsolar.ir/wp-content/uploads/2026/06/left-alignment-button_84343.png"); }

#form .elementor-field-group-captcha_answer {
  padding: 13px;
  background: #fff8e6;
  border: 1px solid rgba(255, 180, 0, .35);
  border-radius: 16px;
}
#form .elementor-field-group-captcha_answer::before { display: none !important; content: none !important; }
#form .elementor-field-group-captcha_answer .elementor-field-textual { padding-right: 16px !important; background: #fff !important; border-color: rgba(255, 180, 0, .55) !important; }
#form .elementor-field-group-captcha_token { display: none !important; }
#form .elementor-field-group-captcha_answer.is-loading { opacity: .65; pointer-events: none; }

#form .spc-elementor-honeypot,
#form .elementor-field-group-website {
  position: absolute !important;
  z-index: -9999 !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#form .e-form__buttons { width: 100%; margin-top: 4px !important; }
#form .elementor-button {
  width: 100%;
  min-height: 54px;
  padding: 13px 22px !important;
  color: var(--spc-navy) !important;
  background: var(--spc-yellow) !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(255, 180, 0, .22);
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

#form .elementor-button,
#form .elementor-button-text,
#form .elementor-button-content-wrapper { color: var(--spc-navy) !important; }
#form .elementor-button:hover,
#form .elementor-button:focus { color: #fff !important; background: var(--spc-navy) !important; transform: translateY(-1px); }
#form .elementor-button:hover .elementor-button-text,
#form .elementor-button:hover .elementor-button-content-wrapper,
#form .elementor-button:focus .elementor-button-text,
#form .elementor-button:focus .elementor-button-content-wrapper { color: #fff !important; }

#form .elementor-message { margin: 14px 0 0; padding: 12px 14px; border-radius: 12px; font-size: 13px; font-weight: 700; line-height: 1.8; }
#form .elementor-message-success { color: #166534; background: #ecfdf3; border: 1px solid #bbf7d0; }
#form .elementor-message-danger,
#form .elementor-message-error { color: #b42318; background: #fff1f0; border: 1px solid #fecdca; }

@media (min-width: 768px) {
  .e-con-inner:has(.solar-image-card):has(#form) { align-items: stretch !important; }
  .e-con-inner:has(.solar-image-card):has(#form) > .e-con-full { display: flex !important; align-self: stretch !important; }
  .elementor-element-b75cfb5,
  .elementor-element-b75cfb5 .elementor-widget-container { width: 100%; height: 100%; }
  .solar-image-card { width: 100%; height: 100% !important; min-height: 560px; }
  #form,
  #form .elementor-widget-container,
  #form .elementor-form { height: 100%; }
  #form .elementor-form-fields-wrapper { min-height: 510px; display: flex !important; flex-direction: column; }
  #form .elementor-field-group-details { flex: 1; display: flex; flex-direction: column; }
  #form .elementor-field-group-details textarea { flex: 1; height: 100% !important; min-height: 135px; }
  #form .e-form__buttons { margin-top: auto !important; }
}

@media (max-width: 767px) {
  #form .elementor-widget-container { padding: 17px; border-radius: 18px; }
  #form,
  #form .elementor-widget-container,
  #form .elementor-form,
  #form .elementor-form-fields-wrapper { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; }
  #form .elementor-field-textual { min-height: 49px; padding-right: 44px !important; font-size: 13px; }
  #form .elementor-field-group-captcha_answer .elementor-field-textual { padding-right: 16px !important; }
  #form textarea.elementor-field-textual { min-height: 120px; height: auto !important; }
  #form .elementor-field-group::before { top: 16px; right: 15px; width: 17px; height: 17px; }
  #form .elementor-button { min-height: 51px; font-size: 14px; }
  .solar-image-card { height: auto !important; min-height: 360px; }
}