/*
Theme Name: 鴻藍運通 Pegasus Express
Theme URI: https://pegasus-ex.com/
Author: Novamira
Description: 鴻藍運通有限公司（Pegasus Express）官方網站佈景主題。頁首、導覽與頁尾由主題統一管理，各頁內容於 WordPress 後台編輯。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: honglan
*/

/* 實際樣式位於 assets/style.css，由 functions.php 載入。 */

/* ---------- 本站自訂調整 ---------- */

/* 聯絡資訊卡片：加入電子信箱後由 3 欄改為 4 欄，
   RWD 比照 .stats 的斷點（1080px 兩欄、560px 單欄）。 */
.ct-grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1080px){
	.ct-grid.cols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
	.ct-grid.cols-4{grid-template-columns:1fr}
}

/* 信箱位址較長，避免窄畫面撐破容器 */
.f-info a[href^="mailto:"],
.ctcard a[href^="mailto:"]{word-break:break-all}

/* 聯絡頁：詢價表單與地圖兩欄等高，地圖填滿剩餘高度，
   避免原本 16/7 扁長地圖在表單旁留下大片空白。 */
.split.split-contact{align-items:stretch}
.split-contact .map-col{display:flex;flex-direction:column}
.split-contact .map-col .mapbox{flex:1;aspect-ratio:auto;min-height:400px}


@media(max-width:1080px){
	.split-contact .map-col .mapbox{min-height:340px}
}
@media(max-width:860px){
	/* 單欄後地圖不需再撐高 */
	.split-contact .map-col .mapbox{min-height:300px}
}
@media(max-width:560px){
	.split-contact .map-col .mapbox{min-height:260px}
}

/* 固定頁首的高度改由 body 內距預留，不再依賴 .hero / .pbanner 的
   margin-top 穿透 <body> 邊界對齊——WordPress 核心會另外注入 body 樣式，
   使該外距的結算位置與頁首底緣產生落差，橫幅上方因而出現白縫。
   兩者都沿用 --head-h，RWD 斷點自動跟著調整。 */
html body{padding-top:var(--head-h)}
.hero,
.pbanner{margin-top:0}

/* 錨點連結（例如頁尾的 /services/#customs）不要被固定頁首蓋住 */
html{scroll-padding-top:var(--head-h)}

/* ---------- Contact Form 7 ---------- */
/* CF7 會把控制項包在 .wpcf7-form-control-wrap 內，
   原本 .field input 直接當 flex 子項自動撐滿的行為會失效，這裡補回。 */
.form-grid .wpcf7-form-control-wrap{display:block}
.form-grid .wpcf7-form-control:not([type="submit"]){width:100%;box-sizing:border-box}

/* 送出後的提示訊息 */
.form-grid .wpcf7-response-output{
	margin:0;padding:14px 18px;border:1.5px solid var(--line);border-radius:10px;
	background:#fff;font-size:14.5px;line-height:1.7;letter-spacing:.03em;color:var(--ink);
}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--teal);color:var(--ink)}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{border-color:#e60012}

/* 欄位層級的錯誤提示 */
.form-grid .wpcf7-not-valid-tip{
	margin-top:2px;font-size:13px;letter-spacing:.03em;color:#e60012;
}
.form-grid .wpcf7-not-valid{border-color:#e60012}
.form-grid .wpcf7-spinner{margin:0 0 0 12px;vertical-align:middle}
