@import url("../enterprise_pro/style.css");

/*
 * enterprise_pro_notebook
 * 在 enterprise_pro 基础上仅调整主内容区宽度策略：
 * - 很宽的视口（≥1920px）：与 enterprise_pro 一致，沿用全站 .container max-width 1220px 居中主列。
 * - 常见笔记本 / 浏览器窗口宽度（<1920px）：main 内 .container 取消 max-width，在保留 Bulma 左右 padding 的前提下
 *   随 main 横向铺满（相对全程 1220 限宽多读横向空间）。
 *
 * 说明：原先用 1600px 断点会把 1680、1920 等常见笔记本仍判成「台式」而保持 1220，看起来像「没有铺满」。
 *
 * 注意：不得作用于 .nav-container.container（首页图标导航），否则会打乱箭头/滚动区的宽度计算。
 * About 与 Blog 同为一层 section + .container，不再内嵌双 .container。
 *
 * 导航栏等 header 内 .container 仍继承 enterprise_pro 的全局规则，避免顶栏版式错乱。
 */

@media (max-width: 1919px) {
  /* flex 子项 min-width:auto 时保证 main 占满可用宽 */
  body > main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  main .container:not(.nav-container) {
    max-width: none !important;
    width: 100% !important;
  }

  /*
   * 内页顶栏面包屑与主内容区列内首块左对齐：Bulma 中 .section 有左右 1.5rem（<1024）/ 3rem（≥1024）；
   * .page-breadcrumb-bar 无 .section 类，原先缺少同宽 gutter；有 .columns 的页面在首列上另有 .column 的 0.75rem。
   * 2.25rem = 1.5 + 0.75，3.75rem = 3 + 0.75。
   * 产品详情等页面包屑已在 section 内，仅补列与内容对齐的 0.75rem。
   * About 顶栏与 Blog 一致，同用下方通栏量。
   */
  main .page-breadcrumb-bar:not(.page-breadcrumb-bar--about) {
    padding: 0.4rem 2.25rem 0.5rem;
  }
  @media (min-width: 1024px) {
    main .page-breadcrumb-bar:not(.page-breadcrumb-bar--about) {
      padding: 0.4rem 3.75rem 0.5rem;
    }
  }

  main .section > .container > .product-detail-breadcrumb {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}