/*
Theme Name:   Astra 仲利 The7 风格子主题
Theme URI:    https://www.zlchemicals.com/
Description:  Astra 子主题，复刻 The7 企业官网版式：全宽轮播、简介数据、图标三栏、产品网格、品牌条、新闻两栏。PHP 7.4 / 8.x 兼容。
Author:       ZL IT
Template:     astra
Version:      1.1.0
Text Domain:  astra-zl-child
*/

/* ============ 全局 ============ */
.zl-home{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#333;}
.zl-home a{text-decoration:none;}
.zl-wrap{max-width:1200px;margin:0 auto;padding:0 20px;}
.zl-sec-tag{color:#e8a33d;font-size:13px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;}

/* ============ 轮播 ============ */
.zl-slider{position:relative;height:420px;overflow:hidden;background:#16406f;}
.zl-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:flex;align-items:center;background-size:cover;background-position:center;}
.zl-slide.on{opacity:1;}
.zl-slide .zl-slide-bg{position:absolute;inset:0;}
.zl-slide.s1 .zl-slide-bg{background:linear-gradient(105deg,rgba(22,64,111,.92) 0%,rgba(30,90,168,.75) 55%,rgba(30,90,168,.35) 100%);}
.zl-slide.s2 .zl-slide-bg{background:linear-gradient(105deg,rgba(20,80,60,.92) 0%,rgba(35,120,90,.72) 55%,rgba(35,120,90,.30) 100%);}
.zl-slide.s3 .zl-slide-bg{background:linear-gradient(105deg,rgba(120,70,20,.90) 0%,rgba(190,130,50,.72) 55%,rgba(190,130,50,.30) 100%);}
.zl-slide.zl-has-img .zl-slide-bg{background:linear-gradient(105deg,rgba(22,64,111,.85) 0%,rgba(22,64,111,.45) 60%,rgba(22,64,111,.15) 100%);}
.zl-slide .zl-inner{position:relative;max-width:1200px;margin:0 auto;width:100%;padding:0 20px;color:#fff;}
.zl-slide h2{font-size:38px;margin-bottom:14px;text-shadow:0 2px 8px rgba(0,0,0,.35);color:#fff;}
.zl-slide p{font-size:17px;opacity:.92;max-width:560px;line-height:1.7;}
.zl-slide .zl-btn{display:inline-block;margin-top:22px;background:#e8a33d;color:#fff;padding:11px 30px;border-radius:3px;font-size:15px;}
.zl-slide .zl-btn:hover{background:#d18f2b;color:#fff;}
.zl-dots{position:absolute;bottom:16px;left:0;right:0;text-align:center;z-index:10;}
.zl-dots i{display:inline-block;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 5px;cursor:pointer;}
.zl-dots i.on{background:#fff;}

/* ============ 简介 + 数据 ============ */
.zl-intro{background:#fff;padding:56px 0;}
.zl-intro .zl-wrap{display:flex;gap:48px;align-items:flex-start;}
.zl-intro .zl-txt{flex:1.4;}
.zl-intro h3,.zl-home h3.zl-title{font-size:26px;color:#16406f;margin:8px 0 18px;}
.zl-intro p{line-height:1.9;color:#555;font-size:14.5px;text-align:justify;}
.zl-intro .zl-more{color:#1e5aa8;font-size:14px;margin-top:14px;display:inline-block;}
.zl-intro .zl-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.zl-stat{background:#f5f6f8;border-top:3px solid #1e5aa8;padding:20px 16px;text-align:center;border-radius:0 0 4px 4px;}
.zl-stat b{font-size:28px;color:#1e5aa8;}
.zl-stat span{display:block;font-size:13px;color:#777;margin-top:4px;}

/* ============ 图标三栏 ============ */
.zl-feats{padding:50px 0 60px;}
.zl-feats .zl-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.zl-feat{background:#fff;padding:34px 28px;text-align:center;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .25s;}
.zl-feat:hover{transform:translateY(-5px);}
.zl-feat .zl-ico{width:64px;height:64px;margin:0 auto 18px;background:#1e5aa8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;}
.zl-feat h4{font-size:17px;margin-bottom:10px;color:#16406f;}
.zl-feat p{font-size:13.5px;color:#777;line-height:1.8;}

/* ============ 产品网格 ============ */
.zl-products{padding:50px 0 60px;background:#fff;}
.zl-products .zl-sub{text-align:center;color:#777;font-size:14px;margin-bottom:34px;}
.zl-home h3.zl-title{text-align:center;}
.zl-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.zl-pcard{background:#f5f6f8;border-radius:6px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:block;}
.zl-pcard:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12);}
.zl-pcard .zl-ph{height:150px;display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff;overflow:hidden;background-size:cover;background-position:center;}
.zl-pcard:nth-child(8n+1) .zl-ph{background-color:#2a6db5;background-image:linear-gradient(135deg,#2a6db5,#1e4f88);}
.zl-pcard:nth-child(8n+2) .zl-ph{background-color:#2f9e77;background-image:linear-gradient(135deg,#2f9e77,#1d6e54);}
.zl-pcard:nth-child(8n+3) .zl-ph{background-color:#c98a2e;background-image:linear-gradient(135deg,#c98a2e,#96641c);}
.zl-pcard:nth-child(8n+4) .zl-ph{background-color:#7a5bb5;background-image:linear-gradient(135deg,#7a5bb5,#4f3780);}
.zl-pcard:nth-child(8n+5) .zl-ph{background-color:#b5525b;background-image:linear-gradient(135deg,#b5525b,#822f37);}
.zl-pcard:nth-child(8n+6) .zl-ph{background-color:#4d8fb5;background-image:linear-gradient(135deg,#4d8fb5,#2d6188);}
.zl-pcard:nth-child(8n+7) .zl-ph{background-color:#5e8c4a;background-image:linear-gradient(135deg,#5e8c4a,#3c6030);}
.zl-pcard:nth-child(8n+8) .zl-ph{background-color:#8a6d4d;background-image:linear-gradient(135deg,#8a6d4d,#5c4630);}
.zl-pcard .zl-info{padding:16px 18px;background:#f5f6f8;}
.zl-pcard h4{font-size:15.5px;margin:0 0 6px;color:#333;}
.zl-pcard .zl-desc{font-size:12.5px;color:#777;line-height:1.6;margin:0;}

/* ============ 品牌条 ============ */
.zl-brands{padding:44px 0;}
.zl-brands .zl-wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
.zl-brand{background:#fff;border:1px solid #e3e6ea;border-radius:4px;padding:18px 30px;font-weight:bold;color:#8a94a3;letter-spacing:1px;font-size:15px;}
.zl-brand:hover{color:#1e5aa8;border-color:#1e5aa8;}

/* ============ 新闻 ============ */
.zl-news{padding:50px 0 60px;background:#fff;}
.zl-news .zl-wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;}
.zl-news ul{list-style:none;margin:0;padding:0;}
.zl-news li{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed #e0e4e9;}
.zl-news .zl-date{background:#f5f6f8;border:1px solid #e3e6ea;border-radius:4px;text-align:center;padding:8px 10px;min-width:58px;height:fit-content;flex-shrink:0;}
.zl-news .zl-date b{display:block;color:#1e5aa8;font-size:19px;}
.zl-news .zl-date span{font-size:11px;color:#777;}
.zl-news .zl-nt{font-size:14.5px;line-height:1.5;}
.zl-news .zl-nt small{display:block;color:#777;font-size:12px;margin-top:4px;}

/* ============ 底部备案栏 ============ */
.zl-beian{background:#f5f6f8;border-top:1px solid #e3e6ea;padding:14px 20px;}
.zl-beian-in{max-width:1200px;margin:0 auto;text-align:center;font-size:12.5px;color:#8a94a3;letter-spacing:.5px;}
.zl-beian-in a{color:#8a94a3;margin:0 8px;}
.zl-beian-in a:hover{color:#1e5aa8;}
.zl-beian-sep{color:#d0d5db;}
.zl-beian-ico{width:14px;height:14px;vertical-align:-2px;margin-right:4px;display:inline-block;}

/* ============ 响应式 ============ */
@media(max-width:900px){
  .zl-slide h2{font-size:26px;}
  .zl-slider{height:320px;}
  .zl-intro .zl-wrap{flex-direction:column;}
  .zl-feats .zl-wrap,.zl-pgrid{grid-template-columns:1fr 1fr;}
  .zl-news .zl-wrap{grid-template-columns:1fr;}
}

/* ============ 可持续发展页（ID 285）：隐藏 Astra 标题栏，全宽展示插画 ============ */
body.page-id-285 .page-header,
body.page-id-285 .entry-header,
body.page-id-285 .entry-title{display:none;}
body.page-id-285 .site-main .ast-container{padding-left:0;padding-right:0;max-width:100%;}
body.page-id-285 .entry-content{margin:0;}


/* ============ 站内搜索入口（2026-10-22 添加） ============ */
.zl-search-item{display:flex;align-items:center;margin-left:4px;}
.zl-search-item .zl-search-form{display:flex;align-items:center;gap:0;}
.zl-search-item .zl-search-input{width:118px;height:32px;box-sizing:border-box;border:1px solid #c9c9c9;border-radius:16px;padding:0 34px 0 12px;font-size:13px;background:#fff;color:#333;outline:none;transition:border-color .2s;}
.zl-search-item .zl-search-input:focus{border-color:#1a7a3d;}
.zl-search-item .zl-search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:#333;padding:0;margin-left:-30px;}
.zl-search-item .zl-search-btn:hover{color:#1a7a3d;}
@media (max-width:921px){
.zl-search-item{width:100%;margin:0;padding:6px 20px;}
.zl-search-item .zl-search-form{width:100%;}
.zl-search-item .zl-search-input{width:100%;flex:1;}
}

/* 搜索项仅显示在页头菜单，页脚等位置隐藏 */
.site-footer .zl-search-item,#colophon .zl-search-item,.footer-nav .zl-search-item{display:none !important;}

/* 移动菜单内的搜索项（JS 克隆注入） */
#ast-mobile-site-navigation .zl-search-item,#ast-hf-mobile-menu .zl-search-item{width:100%;margin:0;padding:6px 20px;list-style:none;}
#ast-mobile-site-navigation .zl-search-form,#ast-hf-mobile-menu .zl-search-form{width:100%;}
#ast-mobile-site-navigation .zl-search-input,#ast-hf-mobile-menu .zl-search-input{width:100%;flex:1;}

/* 桌面端：默认只显示放大镜图标，点击后向左展开输入框（绝对定位，不改变菜单/抬头高度） */
@media (min-width:922px){
.zl-search-item{position:relative;}
.zl-search-item .zl-search-form{position:relative;height:32px;}
.zl-search-item .zl-search-input{position:absolute;right:36px;top:50%;transform:translateY(-50%);width:0;opacity:0;pointer-events:none;border-color:transparent;background:transparent;padding:0;transition:width .25s ease,opacity .2s ease,border-color .2s ease,background .2s ease,padding .25s ease;}
.zl-search-item .zl-search-form.zl-open .zl-search-input{width:200px;opacity:1;pointer-events:auto;border-color:#c9c9c9;background:#fff;padding:0 34px 0 12px;}
.zl-search-item .zl-search-form.zl-open .zl-search-input:focus{border-color:#1a7a3d;}
.zl-search-item .zl-search-btn{margin-left:0;}
}