/*
Theme Name: 江苏康达检测 (EHSCare)
Theme URI: https://www.jsehs.com
Description: 基于 ehscare.com 视觉复刻的 jsehs.com WordPress 主题。将前台静态页面改造为可由后台管理的主题，实现“后台管理→前台变化”。
Version: 1.0.0
Author: WorkBuddy
*/

/* 主样式由 css/css.css 与 css/screen.css 提供（在 functions.php 中通过 wp_enqueue_style 引入）。
   以下为兼容 WordPress 菜单结构 / 下拉 / 内页布局的补充样式。 */

/* ===== 主导航下拉（WordPress 输出 .sub-menu） ===== */
.header .menu { position: relative; }
.header .menu .menu-list {
    list-style: none; margin: 0; padding: 0; display: flex;
}
.header .menu .menu-list > li { position: relative; }
.header .menu .menu-list > li > a { display: block; }
.header .menu .menu-list > li ul.sub-menu {
    display: none;
    position: absolute;
    left: 0; top: 100%;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
    z-index: 99;
    list-style: none;
    margin: 0; padding: 10px 0;
}
.header .menu .menu-list > li:hover > ul.sub-menu { display: block; }
.header .menu .menu-list > li ul.sub-menu li { position: relative; }
.header .menu .menu-list > li ul.sub-menu li a {
    display: block; padding: 8px 20px; color: #333; white-space: nowrap; font-size: 14px;
}
.header .menu .menu-list > li ul.sub-menu li a:hover { background: #f4fbf7; color: #1a8a4f; }
.header .menu .menu-list > li ul.sub-menu li ul.sub-menu {
    left: 100%; top: 0;
}

/* ===== 移动端菜单基础 ===== */
.m-menu .m-menu-list { list-style: none; margin: 0; padding: 0; }
.m-menu .m-menu-list li a {
    display: block; padding: 13px 16px; color: #333; border-bottom: 1px solid #eee;
}
.m-menu .m-menu-list li ul { list-style: none; margin: 0; padding: 0 0 0 16px; }
.m-menu .m-menu-list li ul a { background: #fafafa; }

/* ===== 内页通用 ===== */
.n-content { padding: 36px 0; }
.n-banner { background: #0c6b3f; color: #fff; padding: 30px 0; }
.n-banner h1 { font-size: 26px; margin: 0; font-weight: 600; }
.n-banner .crumb { font-size: 13px; opacity: .85; margin-top: 8px; }
.n-banner .crumb a { color: #fff; }
.entry { line-height: 1.9; font-size: 15px; color: #444; }
.entry img { max-width: 100%; height: auto; }
.sidebar .widget { margin-bottom: 24px; }
.sidebar .widget-title { font-size: 17px; margin: 0 0 12px; color: #0c6b3f; }

/* ===== 列表 / 详情基础 ===== */
.loop-list { display: flex; flex-wrap: wrap; gap: 22px; }
.loop-card { width: calc(33.333% - 15px); border: 1px solid #eee; border-radius: 6px; overflow: hidden; transition: .2s; }
.loop-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.1); }
.loop-card .thumb { display: block; height: 180px; background: #f2f2f2; overflow: hidden; }
.loop-card .thumb img { width: 100%; height: 100%; object-fit: cover; }
.loop-card .body { padding: 14px 16px; }
.loop-card .body h3 { font-size: 16px; margin: 0 0 8px; line-height: 1.5; }
.loop-card .body h3 a { color: #222; }
.loop-card .body .meta { font-size: 12px; color: #999; }
.loop-card .body p { font-size: 13px; color: #666; margin: 8px 0 0; }

@media (max-width: 900px) {
    .loop-card { width: calc(50% - 11px); }
}
@media (max-width: 600px) {
    .loop-card { width: 100%; }
}