/*
 * ArkiTeki PM 介紹頁：洽詢表單的送出狀態與訊息
 * ---------------------------------------------------------------------------
 * 只服務 public/js/pm/contact.js 自己建出來的節點（.pm-form-note、.pm-recaptcha-terms）
 * 與送出中的鎖定狀態。刻意不碰設計師交付檔裡的任何 class。
 * 色票沿用交付檔 CTA 區的深底＋金色系。
 *
 * ⚠ 為什麼這裡用 !important：
 *   我們的節點是「外來品」，被塞進設計師的版面裡，一定會被他們的區塊選擇器掃到
 *   （目前是 .cta p，特異度 0-1-1，贏過我們的單一 class 0-1-0）。
 *   那條選擇器隨時可能因為改版變成別的名字，跟著加特異度就是無止境的軍備競賽，
 *   所以這幾個「必須贏」的屬性直接用 !important 釘死，交付檔怎麼換都不會被吃掉。
 *   只釘視覺必要的屬性，其餘留給設計師的字體與行距繼承。
 */

.pm-form-note {
    margin: 4px 0 0 !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    letter-spacing: .04em;
    color: rgba(229, 235, 236, .85) !important;
}

.pm-form-note--pending {
    color: rgba(229, 235, 236, .6) !important;
}

.pm-form-note--success {
    color: #F0DEAE !important;
}

.pm-form-note--error {
    color: #FFB4A8 !important;
}

.pm-form--sending [type="submit"],
.pm-form--sending button[disabled] {
    opacity: .55;
    cursor: progress;
}

/* 隱形 reCAPTCHA 的掛載點：只是給套件 render 用的空盒子，不該佔版面 */
.pm-recaptcha-holder {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/*
 * 藏掉右下角的 reCAPTCHA 徽章。
 * Google 的條款允許隱藏，但要求改在表單裡標示歸屬（見 .pm-recaptcha-terms，
 * 由 public/js/pm/contact.js 產生）——兩者是一組的，拿掉徽章就不能拿掉那行字。
 * https://developers.google.com/recaptcha/docs/faq
 */
.grecaptcha-badge {
    visibility: hidden !important;
}

.pm-recaptcha-terms {
    margin: 2px 0 0 !important;
    font-size: 11.5px !important;
    line-height: 1.7 !important;
    letter-spacing: .04em;
    color: rgba(229, 235, 236, .45) !important;
}

.pm-recaptcha-terms a {
    color: inherit !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pm-recaptcha-terms a:hover {
    color: rgba(240, 222, 174, .9) !important;
}