/*
Theme Name: Prolink
Theme URI: https://www.twpro-link.com/
Template: onepress
Author: TWPro
Description: 柏聯科技 (Pro-Link) 品牌子主題，沿用官網 twpro-link.com 風格：Lato/Open Sans 字體、紅色強調 (#FF2825)、深灰頁尾。頁面內容搭配 Elementor 使用。
Version: 1.0.0
*/

/* ===== 品牌變數 ===== */
:root{
	--prolink-accent:#5670fa;
	--prolink-accent-dark:#FF674D;
	--prolink-dark:#2f2f2f;
	--prolink-text:#666666;
	--prolink-teal:#bed7dc;
}

body{ color:var(--prolink-text); }

/* 連結：預設深色，hover 品牌紅 */
a{ color:#333333; }
a:hover, a:focus{ color:var(--prolink-accent); }

/* ===== 區塊標題：Open Sans + 前置紅色直條「▎」（含 Elementor 標題）===== */
.section-title, .section-title-main, .onepress-section-title,
.elementor-heading-title{
	font-family:"Open Sans","Lato",sans-serif;
}
.prolink-bar-title::before,
.elementor-widget-heading .prolink-bar .elementor-heading-title::before{
	content:"";
	display:inline-block;
	width:4px; height:1em;
	background:var(--prolink-accent);
	margin-right:.5em;
	vertical-align:-2px;
}

/* ===== 主要按鈕 / 送出：品牌紅方角 ===== */
.btn-primary, .button-primary, button.button-primary,
input[type=submit], input[type=button].primary,
.wp-block-button__link, .onepress-button-scroll{
	background-color:var(--prolink-accent) !important;
	border-color:var(--prolink-accent) !important;
	color:#fff !important;
	border-radius:2px !important;
}
.btn-primary:hover, input[type=submit]:hover,
.wp-block-button__link:hover, .onepress-button-scroll:hover{
	background-color:var(--prolink-accent-dark) !important;
}

/* ===== 有 logo 時隱藏文字站名/說明 ===== */
.site-branding .site-title,
.site-branding .site-description,
.site-text-logo{ display:none !important; }

/* ===== 頁首：logo 置中在上（所有裝置，含手機）===== */
.site-header .container{ display:flex !important; flex-direction:column; align-items:center; text-align:center; }
.site-header .site-branding{ float:none !important; margin:0 auto 6px !important; text-align:center; }
.site-header .site-branding .custom-logo{ margin:0 auto; width:200px !important; height:auto !important; max-width:100%; }
.site-header .header-right-wrapper{ float:none !important; width:100%; display:flex !important; justify-content:center; }
.site-header .main-navigation{ float:none !important; }
/* 桌機：第一層選單一律橫排置中、放不下換行、不折疊；手機(<769)維持 OnePress 漢堡選單 */
@media (min-width:769px){
	.site-header .main-navigation ul.onepress-menu,
	.site-header .main-navigation ul.menu,
	.site-header .primary-menu{ display:flex !important; justify-content:center; flex-wrap:wrap; float:none; width:auto; }
	.site-header .main-navigation ul.onepress-menu > li{ display:inline-block !important; float:none !important; }
}
/* 子選單（第二層以後）：文字改深色(#333) 對齊第一層，hover 品牌紅 */
.site-header .main-navigation ul.sub-menu li a,
.site-header .onepress-menu ul.sub-menu li a,
.site-header .main-navigation ul ul li a{ color:#333 !important; }
.site-header .main-navigation ul.sub-menu li a:hover,
.site-header .main-navigation ul.sub-menu li a:focus,
.site-header .onepress-menu ul.sub-menu li a:hover,
.site-header .main-navigation ul ul li a:hover{ color:var(--prolink-accent) !important; }

/* 手機：漢堡按鈕置中在 logo 下方 */
@media (max-width:768px){
	.site-header .header-right-wrapper{ flex-direction:column; align-items:center; }
	.site-header .header-right-wrapper > a#nav-toggle{ float:none !important; margin:0 auto !important; }
}

/* ===== 解決方案/成功案例 單篇：去除 OnePress 重複標題、隱藏作者 ===== */
body.single-solution .page-header,
body.single-case_study .page-header,
body.single-solution .entry-header .entry-title,
body.single-case_study .entry-header .entry-title,
body.single-solution .entry-meta .byline,
body.single-case_study .entry-meta .byline{ display:none !important; }

/* ===== 頁尾深灰 ===== */
.site-footer, .footer-widgets, .footer-socket{ background-color:var(--prolink-dark); }

/* ===== 沿用品牌紅到型錄/商店按鈕（高特異度覆蓋 WooCommerce 預設）===== */
.woocommerce a.button.alt.twpro-inquiry-button,
a.twpro-inquiry-button{ background:var(--prolink-accent) !important; color:#fff !important; padding:.55em 1.4em; border-radius:2px !important; display:inline-block; }
.woocommerce a.button.alt.twpro-inquiry-button:hover,
a.twpro-inquiry-button:hover{ background:var(--prolink-accent-dark) !important; color:#fff !important; }
.woocommerce a.button.twpro-view-details,
.woocommerce ul.products li.product a.button{ background:var(--prolink-accent) !important; color:#fff !important; border-radius:2px !important; }
.woocommerce a.button.twpro-view-details:hover,
.woocommerce ul.products li.product a.button:hover{ background:var(--prolink-accent-dark) !important; }
/* WooCommerce 分頁 active 底線用品牌紅 */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom-color:var(--prolink-accent); }

/* ===== 影片播放器：限制寬度置中（中視60分鐘 banner）===== */
.prolink-media-box{ max-width:760px !important; margin-left:auto !important; margin-right:auto !important; width:100% !important; }

/* ===== 淺藍綠強調區塊（Mr.Q 風格）工具類 ===== */
.prolink-teal-section{ background-color:var(--prolink-teal); }

/* ===== 首頁卡片 Grid（避開 Elementor 容器寬度設定的坑）===== */
.prolink-grid-4{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:24px; width:100%; }
.prolink-grid-3{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:24px; width:100%; }
.prolink-grid-4 > .e-con, .prolink-grid-3 > .e-con{ width:auto !important; max-width:none !important; }
@media (max-width:1024px){ .prolink-grid-4{ grid-template-columns:repeat(2,1fr); } .prolink-grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .prolink-grid-4, .prolink-grid-3{ grid-template-columns:1fr; } }