/* ============================================================================
   PIKE SIX —— 表單驗證訊息 / 送出狀態 / 信件預覽
   獨立檔案，不進 main.scss 的編譯流程，重跑 sass 也不會被覆蓋掉。
   請放在 main.css 之後載入。
   ========================================================================== */

/* ---------- 欄位錯誤 ---------- */

/* .has-error 會加在 .item 上；併排欄位（First/Last name）則加在 .col01 / .col02
   上，避免只空一欄卻兩欄都變紅。 */

.career-form .has-error .controller input[type="text"],
.career-form .has-error .controller input[type="email"],
.popup-form .has-error .controller input[type="text"],
.popup-form .has-error .controller input[type="email"] {
    border-color: #d93025;
}

.career-form .has-error .controller .select button,
.popup-form .has-error .controller .select button,
.career-form .has-error .file-upload,
.popup-form .has-error .file-upload {
    border-color: #d93025;
}

.field-error {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #d93025;
}

/* ---------- 應徵中的職缺（由 ?job= 參數帶入） ---------- */

.applied-job {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 12px;
    margin: 16px 0 0;
    padding: 12px 16px;
    border-left: 3px solid currentColor;
    background: rgba(0, 0, 0, .04);
    line-height: 1.6;
}

.applied-job-label {
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .6;
}

.applied-job b {
    font-size: 16px;
    font-weight: 700;
}

.applied-job-site {
    font-size: 13px;
    opacity: .7;
}

/* ---------- 送出結果訊息 ---------- */

.form-message {
    display: none;
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.6;
}

.form-message.is-success {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    color: #1b5e20;
}

.form-message.is-error {
    background: #fdecea;
    border: 1px solid #f5c2be;
    color: #b3261e;
}

/* ---------- 送出中的按鈕 ---------- */

button.is-busy {
    opacity: .6;
    cursor: progress;
}

/* ---------- 已選檔案 ---------- */

.file-upload.has-file .desc b {
    word-break: break-all;
}