/**
 * Simple Turnstile 前端樣式
 */

/* 容器樣式 */
.simple-turnstile-container {
    margin: 15px 0;
    clear: both;
    position: relative; /* 確保定位正確 */
    min-height: 65px; /* 確保有足夠的空間顯示小部件 */
}

/* 錯誤訊息樣式 */
.simple-turnstile-error-message {
    color: #d63638;
    font-size: 14px;
    margin-top: 5px;
    display: block; /* 確保顯示為塊級元素 */
}

/* 登入表單樣式 */
.simple-turnstile-login {
    margin-bottom: 20px;
}

/* 註冊表單樣式 */
.simple-turnstile-register {
    margin-bottom: 20px;
}

/* 忘記密碼表單樣式 */
.simple-turnstile-lost-password {
    margin-bottom: 20px;
}

/* 留言表單樣式 */
.simple-turnstile-comment {
    margin-bottom: 20px;
}

/* WooCommerce 表單樣式 */
.simple-turnstile-woo-login,
.simple-turnstile-woo-register,
.simple-turnstile-woo-lost-password,
.simple-turnstile-woo-review {
    margin-bottom: 20px;
}

/* 自定義 URL 表單樣式 */
.simple-turnstile-custom {
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
    clear: both;
    width: 100%;
}

/* 特別處理 SF Express 追蹤頁面 */
body.page-template-default.page.page-id-1234 .simple-turnstile-custom,
body.page-template-default.page .simple-turnstile-custom,
body.page .simple-turnstile-custom,
.sf-express-tracking .simple-turnstile-custom {
    margin: 20px auto;
    text-align: center;
    max-width: 400px;
}

/* 短代碼樣式 */
.simple-turnstile-shortcode {
    margin: 20px 0;
    text-align: center;
    clear: both;
    display: block;
    width: 100%;
}

/* 確保短代碼在表單中正確顯示 */
form .simple-turnstile-shortcode {
    margin: 15px 0;
}

/* 確保短代碼在內容中居中顯示 */
.entry-content .simple-turnstile-shortcode,
.post-content .simple-turnstile-shortcode,
.page-content .simple-turnstile-shortcode,
.content-area .simple-turnstile-shortcode {
    margin: 20px auto;
    max-width: 400px;
}

/* 禁用的提交按鈕樣式 */
form:has(.cf-turnstile) input[type="submit"]:disabled,
form:has(.cf-turnstile) button[type="submit"]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* 確保 Turnstile iframe 正確顯示 */
.cf-turnstile iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

/* 隱藏的響應字段 */
input[name="cf-turnstile-response"] {
    display: none !important;
}

/* WooCommerce 帳戶頁面樣式 */
.woocommerce-account .u-column1.col-1 .simple-turnstile-container,
.woocommerce-account .u-column2.col-2 .simple-turnstile-container {
    margin-bottom: 15px;
    display: block;
    clear: both;
}

.woocommerce-account .u-column1.col-1 .simple-turnstile-error-message,
.woocommerce-account .u-column2.col-2 .simple-turnstile-error-message {
    display: block;
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #d63638;
}

/* 確保在移動設備上正確顯示 */
@media (max-width: 480px) {
    .simple-turnstile-container {
        min-height: 80px; /* 在移動設備上增加高度 */
    }
}