.elementor-5340 .elementor-element.elementor-element-798cd0a{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5340 .elementor-element.elementor-element-cd1fb71{text-align:center;}.elementor-5340 .elementor-element.elementor-element-cd1fb71 .elementor-heading-title{font-family:"Open Sans", Roboto, Helvetica, Arial, sans-serif;font-size:36px;font-weight:bold;color:var( --e-global-color-274962a );}.elementor-5340 .elementor-element.elementor-element-f79b615{--display:flex;}/* Start custom CSS for container, class: .elementor-element-f79b615 *//* =========================
   CF7 - Service Form Layout (Fixed)
   ========================= */

.service-form{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;            /* ✅ 左右留白，視覺更像右圖 */
  box-sizing: border-box;
}

.service-form *,
.service-form *::before,
.service-form *::after{
  box-sizing: border-box;     /* ✅ 避免主題樣式干擾尺寸計算 */
}

/* row 改用 grid 排版，預設 12 欄 */
.service-form .row{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px 22px;
  margin: 0 0 18px;
  align-items: start;
}

/* 欄寬對應你 HTML 的 col-* */
.service-form .col-3{ grid-column: span 4; }  /* ✅ 修正跑版：4+4+4=12（對齊右圖） */
.service-form .col-4{ grid-column: span 4; }
.service-form .col-6{ grid-column: span 6; }
.service-form .col-12{ grid-column: span 12; }

.service-form .col-3,
.service-form .col-4,
.service-form .col-6,
.service-form .col-12{
  min-width: 0;               /* ✅ 避免內容撐爆造成不對齊 */
}

/* RWD：小螢幕一律單欄 */
@media (max-width: 768px){
  .service-form .row{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .service-form .col-3,
  .service-form .col-4,
  .service-form .col-6,
  .service-form .col-12{
    grid-column: auto;
  }
}

/* label 樣式 */
.service-form label{
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.3;
  color: #222;
}

/* 必填星號：你目前是用 class request 標示，可用此方式加上 * */
.service-form label.request::after{
  content: " *";
  color: #d92d20;
  font-weight: 700;
}

/* CF7 欄位容器 */
.service-form .wpcf7-form-control-wrap{
  display: block;
}

/* 文字欄位、下拉、數字、Email、Textarea 共用 */
.service-form input[type="text"],
.service-form input[type="email"],
.service-form input[type="number"],
.service-form select,
.service-form textarea{
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.4;
  background: #fff;
  outline: none;
}

/* ✅ select 高度一致 + 右側箭頭留白（避免有些主題讓 select 看起來不一致） */
.service-form select{
  height: 44px;
  padding-right: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #666 50%),
    linear-gradient(135deg, #666 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 12px) 18px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* textarea 高度 */
.service-form textarea{
  min-height: 150px;
  resize: vertical;
}

/* focus 效果：接近截圖那種乾淨的 */
.service-form input:focus,
.service-form select:focus,
.service-form textarea:focus{
  border-color: #6b3df2;
  box-shadow: 0 0 0 3px rgba(107, 61, 242, 0.12);
}

/* placeholder 顏色 */
.service-form ::placeholder{
  color: #9aa0a6;
}

/* file input 樣式 */
.service-form input[type="file"]{
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 10px 12px;
  background: #fff;
  font-size: 14px;
}

/* 部分瀏覽器可用：美化按鈕 */
.service-form input[type="file"]::file-.elementor-5340 .elementor-element.elementor-element-f79b615-button{
  border: 0;
  border-radius: 6px;
  padding: 10px 12px;
  margin-right: 12px;
  background: #f3f4f6;
  cursor: pointer;
}
.service-form input[type="file"]::file-.elementor-5340 .elementor-element.elementor-element-f79b615-button:hover{
  filter: brightness(0.97);
}

/* Submit 區塊 */
.service-form .submit-row{
  margin-top: 8px;
  text-align: center;
}

/* ✅ 紫色按鈕：強制置中 + 滿版（避免被主題覆蓋導致變短） */
.service-form input.wpcf7-submit.btn-purple{
  display: block;
  width: 100% !important;
  max-width: 980px;
  margin: 0 auto;
  border: 0;
  border-radius: 6px;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  background: #5b2bd6;
  color: #fff;
}

.service-form input.wpcf7-submit.btn-purple:hover{
  filter: brightness(0.95);
}

.service-form input.wpcf7-submit.btn-purple:disabled{
  opacity: 0.6;
  cursor: not-allowed;
}

/* CF7 驗證錯誤提示 */
.service-form .wpcf7-not-valid-tip{
  margin-top: 6px;
  font-size: 13px;
  color: #d92d20;
}

/* 整體訊息（送出成功/失敗） */
.service-form .wpcf7-response-output{
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 14px;
}

/* 錯誤欄位框 */
.service-form .wpcf7-not-valid{
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 3px rgba(217,45,32,0.10);
}

.service-form .privacy-text{
  margin-top: 18px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  color: #4b5563;
}

.service-form a{
  color: #5b2bd6;
  text-decoration: none;
}

.service-form a:hover{
  text-decoration: underline;
}/* End custom CSS */