/* =========================================
   區塊六：課程體驗諮詢表單
   ========================================= */
.consultation-section{
  color:#1a3344;padding:100px 20px;background-color:#eaeef5;
  background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.6) 0%,rgba(234,238,245,.9) 100%),url("../images/form-bg-pattern.png");
  background-size:cover;background-position:center;
}
.consultation-section .container{max-width:860px}
.consultation-section .section-header{text-align:center;margin-bottom:32px}
.consultation-section .section-title{font-size:var(--fs-section-heading);font-weight:900;color:#1b364a;margin-bottom:12px;letter-spacing:.5px}
.consultation-section .section-title .experience-highlight{color:#4d558a}
.consultation-section .section-subtitle{font-size:16px;color:#385566;line-height:1.6}

.consult-form{display:flex;flex-direction:column;gap:16px}
.form-row{display:flex;gap:16px;width:100%}
.form-group{flex:1;position:relative}

.form-input,.form-select,.form-textarea{width:100%;padding:14px 20px;font-size:18px;font-family:inherit;color:#2b404d;background:#fff;border:1px solid #d1d9e5;border-radius:10px;outline:none;box-shadow:0 2px 6px rgba(15,55,76,.02);transition:border-color .2s,box-shadow .2s}
.form-input::placeholder,.form-textarea::placeholder{color:#1a3344;font-weight:600}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#22395f;box-shadow:0 0 0 3px rgba(34,57,95,.15)}
.form-textarea{resize:vertical;min-height:120px}

/* 下拉選單自訂箭頭 */
.select-wrapper{position:relative}
.form-select{appearance:none;-webkit-appearance:none;cursor:pointer;color:#1a3344;font-weight:600}
.select-wrapper::after{content:"▾";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px;color:#1a3344;pointer-events:none}

/* 個資聲明 checkbox */
.privacy-agreement{display:flex;justify-content:center;align-items:center;margin:8px 0 12px}
.checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;user-select:none}
.checkbox-input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #a8b4c7;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s}
.checkbox-input:focus-visible{outline:3px solid rgba(34,57,95,.4);outline-offset:2px}
.checkbox-input:checked{background:#22395f;border-color:#22395f}
.checkbox-input:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* 送出按鈕 */
.form-submit{display:flex;justify-content:center}
.consultation-section .btn-wrapper{display:flex;justify-content:center;width:100%}   /* 測試機後端表單按鈕置中 */
.btn-submit{width:140px;padding:10px 0;font-size:16px;font-weight:700;font-family:inherit;color:#22395f;background:linear-gradient(180deg,#fff 0%,#cbd6e7 100%);border:1px solid #b2c1d8;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px rgba(34,57,95,.1);transition:all .2s}
.btn-submit:hover{background:linear-gradient(180deg,#fff 0%,#b8c8e1 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,57,95,.18)}
.btn-submit:active{transform:translateY(0)}

@media (max-width:600px){
  .consultation-section{padding:100px 16px}
  .consultation-section .section-title{font-size:var(--fs-section-heading)}
  .consultation-section .section-subtitle{font-size:16px}
  .form-row{flex-direction:column;gap:12px}
  .form-input,.form-select,.form-textarea{font-size:14px;padding:12px 16px}
  .checkbox-text{font-size:13px}
  .btn-submit{width:200px;padding:12px 0}
}