/*
Theme Name: 品翔企業社
Template: astra
Author: yufinest
Version: 1.0.0.1777358921
Updated: 2026-04-28 14:48:41
Description: 品翔企業社專屬子主題，基於 Astra。
*/

:root {
    /* Colors from DESIGN.md */
    --ps-primary: #006193;
    --ps-on-primary: #ffffff;
    --ps-primary-container: #1b7ab5;
    --ps-secondary: #79582e;
    --ps-secondary-container: #ffd29e;
    --ps-tertiary: #7d5400;
    --ps-tertiary-fixed: #ffddb1;
    --ps-background: #f7f9ff;
    --ps-surface: #f7f9ff;
    --ps-on-surface: #181c20;
    --ps-on-surface-variant: #404850;
    --ps-surface-container-low: #f1f4f9;
    --ps-surface-container-lowest: #ffffff;
    --ps-outline: #707881;
}

/* --- 強制重置與字體設定 --- */
body {
    background-color: #fcfaf7 !important;
    font-family: 'Noto Sans TC', sans-serif !important;
    color: var(--ps-on-surface) !important;
}

/* --- 標題字體 (Serif) --- */
.font-display-lg, .font-headline-md, .pinsiang-serif {
    font-family: 'Noto Serif TC', serif !important;
}

/* --- 文字規格 (Typography) --- */
.text-display-lg {
    font-size: 48px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.text-headline-md {
    font-size: 32px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.text-body-lg {
    font-size: 18px !important;
    line-height: 1.6 !important;
}

.text-body-md {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.text-label-sm {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
}

/* --- Material Symbols --- */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

.icon-filled {
    font-variation-settings: 'FILL' 1;
}

/* --- 裝飾性元素 --- */
.bg-dashed {
    background-image: linear-gradient(to right, #e2e8f0 50%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

/* --- Logo 樣式優化 --- */
.pinsiang-logo-container img {
    display: block;
    width: auto;
    height: 45px;
    max-height: 45px;
}

/* 確保 WordPress 自動生成的連結不影響佈局 */
.custom-logo-link {
    display: block;
}

/* 確保圖片不被 Astra 預設樣式影響 */
img {
    max-width: 100%;
    height: auto;
}

/* --- About Page Custom Styles --- */
.soft-shadow {
    box-shadow: 0 10px 30px rgba(0, 99, 151, 0.04);
}
.blueprint-pattern {
    background-color: #f1f4f9;
    background-image: radial-gradient(#c0c7d1 0.5px, transparent 0.5px);
    background-size: 24px 24px;
}
.technical-grid {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(192, 199, 209, 0.2) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(192, 199, 209, 0.2) 1px, transparent 1px);
}

/* --- Service Page Custom Styles --- */
.soft-shadow-alt {
    box-shadow: 0 20px 40px rgba(46, 134, 193, 0.05), 0 1px 3px rgba(121, 88, 46, 0.08);
}
.text-shadow-warm {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}