/* lsc-site.css — loaded on every page: the sitewide footer contact form (WPForms 117).
   Overrides the two-column 300px rules in Appearance > Customize > Additional CSS without editing them. */
#wpforms-form-117 .wpforms-field-container { display:grid !important; grid-template-columns:1fr 1fr; column-gap:20px; }
#wpforms-form-117 .wpforms-field { padding:0 0 18px !important; width:auto !important; max-width:none !important; float:none !important; }
#wpforms-form-117 .wpforms-field.lsc-full { grid-column:1 / -1; }
#wpforms-form-117 .wpforms-field-label { font-size:15px !important; font-weight:500 !important; color:#242424 !important; margin:0 0 8px !important; letter-spacing:0.5px; }
#wpforms-form-117 .wpforms-required-label { color:#D63637 !important; }
#wpforms-form-117 input[type=text], #wpforms-form-117 input[type=email], #wpforms-form-117 input[type=tel], #wpforms-form-117 select, #wpforms-form-117 textarea {
  width:100% !important; max-width:100% !important; height:50px !important; padding:0 16px !important; box-sizing:border-box !important;
  border:1px solid #C9CED6 !important; border-radius:10px !important; background-color:#fff !important; box-shadow:none !important;
  font-size:16px !important; color:#242424 !important; transition:border-color .2s, box-shadow .2s; }
#wpforms-form-117 textarea { height:110px !important; padding:12px 16px !important; line-height:1.7 !important; }
#wpforms-form-117 input:focus, #wpforms-form-117 select:focus, #wpforms-form-117 textarea:focus { border-color:#000 !important; outline:none !important; box-shadow:0 0 0 3px rgba(0,0,0,0.07) !important; }
#wpforms-form-117 input::placeholder, #wpforms-form-117 textarea::placeholder { color:#9AA3AE !important; opacity:1; }

/* 想諮詢的服務：checkbox shown as pill chips */
#wpforms-form-117 .lsc-chips ul { display:flex !important; flex-wrap:wrap; gap:10px; margin:0 !important; padding:0 !important; list-style:none !important; }
#wpforms-form-117 .lsc-chips li { position:relative; margin:0 !important; padding:0 !important; display:block !important; }
#wpforms-form-117 .lsc-chips input[type=checkbox] { position:absolute !important; opacity:0 !important; width:1px !important; height:1px !important; margin:0 !important; }
#wpforms-form-117 .lsc-chips input[type=checkbox]::before, #wpforms-form-117 .lsc-chips input[type=checkbox]::after { display:none !important; }
#wpforms-form-117 .lsc-chips label.wpforms-field-label-inline { display:inline-block !important; margin:0 !important; padding:9px 20px !important;
  border:1px solid #C9CED6; border-radius:50px; background:#fff; color:#242424 !important; font-size:15px !important; font-weight:400 !important;
  cursor:pointer; transition:background .15s, color .15s, border-color .15s; user-select:none; }
#wpforms-form-117 .lsc-chips label.wpforms-field-label-inline:hover { border-color:#242424; }
#wpforms-form-117 .lsc-chips input:checked + label.wpforms-field-label-inline { background:#242424; border-color:#242424; color:#fff !important; }
#wpforms-form-117 .lsc-chips input:checked + label.wpforms-field-label-inline::before { content:'✓ '; }
#wpforms-form-117 .lsc-chips input:focus-visible + label.wpforms-field-label-inline { outline:2px solid #000; outline-offset:2px; }
#wpforms-form-117 .lsc-chips label.wpforms-error { display:block; margin-top:8px; }

/* reCAPTCHA centred above the centred submit button */
#wpforms-form-117 .wpforms-recaptcha-container { display:flex !important; justify-content:center; padding:4px 0 14px !important; }

/* submit */
#wpforms-form-117 .wpforms-submit-container { text-align:center !important; padding-top:4px !important; }
#wpforms-submit-117 { height:52px !important; min-width:220px; padding:0 48px !important; border:0 !important; border-radius:50px !important;
  background:#242424 !important; color:#fff !important; font-size:17px !important; font-weight:500 !important; letter-spacing:2px; cursor:pointer; }
#wpforms-submit-117:hover { background:#000 !important; }

@media (max-width:700px) {
  #wpforms-form-117 .wpforms-field-container { grid-template-columns:1fr; }
  #wpforms-submit-117 { width:100%; }
}

/* Blog posts: in-text "延伸" link line and the end-of-post call-to-action box (inserted by posts_links.php) */
.lsc-more { margin:22px 0 !important; padding:12px 18px !important; border-left:3px solid #242424; background:#F5F5F5; border-radius:0 10px 10px 0; font-size:15px; line-height:1.85; color:#4A5260; }
.lsc-more a { color:#192A3D !important; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.lsc-post-cta { margin:40px 0 10px; padding:32px 34px; background:#F5F5F5; border-radius:24px; text-align:center; }
.lsc-post-cta .t { font-size:21px; font-weight:700; color:#192A3D; letter-spacing:1px; margin-bottom:8px; }
.lsc-post-cta p { margin:0 auto 20px !important; max-width:34em; font-size:15px; line-height:1.9; color:#4A5260; }
.lsc-post-cta .b { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.lsc-btn { display:inline-block; border-radius:50px; padding:11px 30px; font-size:16px; font-weight:500; letter-spacing:1px; text-decoration:none !important; transition:opacity .15s; }
.lsc-btn.dk { background:#242424; color:#fff !important; border:1.6px solid #242424; }
.lsc-btn.ol { background:#fff; color:#242424 !important; border:1.6px solid #242424; }
.lsc-btn:hover { opacity:.85; }
@media (max-width:700px) { .lsc-post-cta { padding:24px 20px; } .lsc-btn { width:100%; text-align:center; } }
