/* ==========================================================================
   光伏车棚页 · 页脚补丁（footer-patch.css）
   --------------------------------------------------------------------------
   背景：本页用 wanze_base_css( false ) 整组关掉了全站底座样式 site.css，只加载
   原站旧版 index css（site-carport.css / wzhello-0418.css）。但页脚走的是全站
   公共模板 template-parts/site/footer-en.php（新版 .web_footer_l / .web_footer_r
   结构），它的样式全在 assets/global/en/css/site.css 里；site-carport.css 里
   残留的 .web_footer 是另一版旧稿（web_footer_t / web_footer_b 结构），选择器
   对不上号 —— 结果本页页脚裸奔：联系方式按 rem 基准（1rem = 5.20833vw ≈ 75px）
   撑到 75px，三栏导航挤成一团，社媒图标没有底色。

   做法：把 en/site.css 中页脚相关规则原样拷贝到这里（含少量全局 reset，仅限定
   在 footer 范围内，不影响页面主体）。本文件必须排在本页其它样式之后加载。

   维护：若日后本页恢复底座样式（wanze_base_css( true )），直接删掉本文件的
   <link> 与本文件即可；选择器与 site.css 保持一致，方便对照。
   ========================================================================== */

/* ---- site.css 全局 reset（限定 footer 范围） ---- */
footer p {
	line-height: 1.35;
}

footer a {
	color: inherit;
	text-decoration: none;
}

footer ul,
footer ol,
footer li {
	list-style-type: none;
}

/* site.css 的 * 通用字体栈 —— 本页旧 css 的字体栈不同（Microsoft YaHei 打头），
   页脚与全站保持一致 */
footer,
footer * {
	font-family: Microsoft JhengHei, Source Han Sans CN, PingFang SC, Source Han Serif SC, Microsoft YaHei, sans-serif;
}

/* ---- 版式容器：覆盖 site-carport.css 旧稿 .web_footer 的 width/margin ---- */
.web_footer {
	width: calc(100% - 1.2rem);
	margin: 0 auto 1.2rem;
}

.web_footer .web_footer_l {
	width: 30%;
}

.web_footer .web_footer_l .web_footer_logo {
	margin-bottom: .48rem;
	display: block;
}

.web_footer .web_footer_l .web_footer_contact .web_footer_contact_p {
	width: 5.2rem;
	justify-content: flex-start;
	margin-bottom: .12rem;
}

.web_footer .web_footer_l .web_footer_contact .web_footer_contact_p img {
	border: 1px solid #fff;
	border-radius: 50%;
	width: .4rem;
	height: .4rem;
	padding: .06rem;
	margin-right: .24rem;
}

.web_footer .web_footer_l .web_footer_contact .web_footer_contact_p p {
	color: #fff;
	font-size: .16rem;
	text-align: left;
}

.web_footer .web_footer_r {
	width: 40%;
	margin-top: .48rem;
	margin-right: 10%;
}

.web_footer .web_footer_r .web_footer_nav {
	align-items: start;
}

.web_footer .web_footer_r .web_footer_nav .web_footer_nav_li {
	margin-right: .8rem;
}

.web_footer .web_footer_r .web_footer_nav .web_footer_nav_li a {
	display: block;
	font-size: .16rem;
	color: #fff;
}

.web_footer .web_footer_r .web_footer_nav .web_footer_nav_li a:first-child {
	font-size: .18rem;
	margin-bottom: .24rem;
}

.web_footer .web_footer_r .web_footer_nav .web_footer_nav_li .mini-title {
	font-size: .18rem;
	margin-bottom: .24rem;
	color: #fff;
}

/* ---- 社媒图标 ---- */
.web_footer .web_footer_r .web_footer_share {
	display: flex;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list {
	display: block;
	width: .54rem;
	height: .54rem;
	border-radius: .12rem;
	transition: all 0.5s ease;
	margin-right: .2rem;
	margin-top: 1.2rem;
	position: relative;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:nth-child(1) {
	background-color: #3b5998;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:nth-child(2) {
	background-color: #dd4b39;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:nth-child(3) {
	background-color: #00aced;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:nth-child(4) {
	background-color: #ea4c89;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:nth-child(5) {
	background-color: #25d366;
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list img {
	width: .2rem;
	height: .2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.web_footer .web_footer_r .web_footer_share .web_footer_share_list:hover {
	transform: rotate(360deg);
	border-radius: 50%;
}

/* ---- site.css 的工具类补缺（site-carport.css 没有的组合态） ---- */
.word-l.wc {
	color: rgba(255, 255, 255, .8);
}

/* ---- 版权条：site-carport.css 的旧稿 #app footer .btm 是 50%/2fr/1fr 三列网格，
        新版版权条只有一段文字，与 site.css 的收尾覆盖保持一致 ---- */
#app footer .btm {
	grid-template-columns: 100%;
}

#app footer .btm .c1 {
	color: #efefef;
	text-align: center;
}