/*
Theme Name: Module Child
Theme URI: https://www.pavoglobe.com/
Description: PAVO 站点使用的 Module 主题子主题。所有自定义代码放在这里，父主题升级时不会被覆盖。
Author: PAVO Web Team
Author URI: https://www.pavoglobe.com/
Template: module
Version: 1.8.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: module-child
*/

/* ==========================================================================
   子主题样式区
   --------------------------------------------------------------------------
   三条纪律，违反会出问题：

   1. 不要写 @import 引入父主题样式。
      父主题主样式（css/style.css，351 KB）由 functions.php 第 1 节
      用 wp_enqueue_style 以句柄 module-parent 加载，优先级 0 排在最前。
      这里再 @import 一次会重复下载、拖慢首屏、打乱覆盖顺序。

   2. 这里只放"必须覆盖父主题"的少量样式。
      大量样式请进「主题设置 → 自定义 CSS」，那边有缓存合并机制，
      放在这里不会被合并，会拖慢首屏。

   3. 不要无脑 !important。
      优先用更高优先级的选择器（例如 .entry-content .logo 而不是 .logo）。
   ========================================================================== */


/* --------------------------------------------------------------------------
   归档页 H1
   --------------------------------------------------------------------------
   由 functions.php 里的 pavo_child_archive_h1() 输出。
   父主题原本没有这个类，所以不存在样式冲突。

   字号取 26px：略小于文章页 entry-title，大于产品卡片标题（H3），
   在视觉上形成"页面标题 > 产品标题"的层级，和语义层级一致。
   -------------------------------------------------------------------------- */
.archive-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 24px;
    padding: 0;
    color: inherit;
    word-break: break-word;
}

@media (max-width: 768px) {
    .archive-title {
        font-size: 22px;
        margin-bottom: 18px;
    }
}


/* --------------------------------------------------------------------------
   产品属性：PC 端双列（属性超过 7 条时）
   --------------------------------------------------------------------------
   由 functions.php 第 10 节在 <body> 上加 .pavo-attr-2col 触发，
   只有属性条数 > 7 的产品才会命中，其余产品保持父主题的一列布局。

   父主题原有样式（css/style.css）：
       .entry .entry-info-item        { margin-bottom:10px }
       .entry .entry-info-item span   { min-width:62px; margin-right:10px;
                                        display:inline-block; vertical-align:top }

   这里只把外层容器换成 Grid，条目本身仍是块级流式排版：
   标签太长时值会自然折到下一行、左对齐，不会溢出单元格。

   断点选 1024px：992-1023 区间父主题会把 #preview 从 464px 收到 364px，
   右侧信息区随之变窄，此时双列会挤，仍保持一列更好看。
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {

    .pavo-attr-2col .entry-info-item-wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
        row-gap: 0; /* 条目自带 margin-bottom:10px，这里再加会变松 */
    }

    .pavo-attr-2col .entry-info-item {
        min-width: 0;                 /* 允许在 Grid 单元格里收缩 */
        overflow-wrap: break-word;    /* 超长型号不撑破列宽 */
    }

    /* 双列后每列约 340px，标签的 62px 下限保留，但去掉右侧固定 10px
       改用 6px，给值多留一点空间 */
    .pavo-attr-2col .entry-info-item span {
        margin-right: 6px;
    }
}


/* 模块23：视觉隐藏 H1（SEO 用，页面无视觉变化） */
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
:root{--theme-color: #08c; --theme-hover: #07c; --menu-hover: #4A90E2; --header-height: 80px; --header-fixed-height: 72px; --header-font-size: 16px; --menu-font-weight: 600; --menu-item-gap: 30px; --logo-height: 55px; --logo-height-mobile: 34px; --theme-font-family: 'Open Sans', sans-serif; --theme-title-font: var(--theme-font-family); --theme-title-font-weight: 600; --theme-title-font-size: 32px; --theme-border-radius-s: 3px; --theme-border-radius-m: 5px; --theme-border-radius-l: 8px; --theme-border-radius-xl: 12px;}.entry .entry-content, .entry .entry-content > p {line-height: 1.47;}
#modules-4{margin-top: 0;margin-bottom: 60px;padding: 60px 0;background-color: #f9fbff;background-repeat: no-repeat;background-size: cover;background-position: center center;} #modules-5 .feature-wrap{--module-cols: 3;} @media (max-width: 767px){#modules-5 .feature-wrap{--module-cols: 2;}}