/**
* Theme Name: Bocpak Child
* Description: This is a child theme of Bocpak, generated by Merlin WP.
* Author: <a href="http://themelexus.com/">Themelexus</a>
* Template: bocpak
* Version: 1.1.3
*/
/* ===== LINZHEN custom (2026-09-07) ===== */
/* Home Featured Products: 4 cols on desktop, 2 on tablet/mobile */
body.home .bocpak-products.elementor-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 1024px) {
    body.home .bocpak-products.elementor-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
    body.home .bocpak-products.elementor-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ===== LINZHEN 2026-09-07 #2: hide demo-site links (To-C Account/Cart) ===== */
a[href*="wpopal.com"] { display: none !important; }

/* ===== LINZHEN 2026-09-07 #3: hide empty social placeholders in footer ===== */
footer a[href*="twitter.com"], footer a[href*="pinterest.com"], footer a[href*="youtube.com"] { display: none !important; }

/* 2026-09-08 header logo 左移优化 */
.hfe-site-logo-container img { margin-left: -15px !important; }


/* ========== LINZHEN Fix: Top Nav GIFT/HOME 等高 (2026-09-09) ========== */
.main-navigation ul.menu > li.menu-item > a span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 66px;
    text-align: center;
}

/* ========== LINZHEN Fix: Success Stories 卡片间距/等宽 (2026-09-09) ========== */
.elementor-element-ss000 {
    --row-gap: 18px !important;
}
.elementor-element-ss20,
.elementor-element-ss40 {
    --column-gap: 16px !important;
    --row-gap: 16px !important;
}
.elementor-element-ss300 {
    --border-color: #d8e4ef !important;
    border-color: #d8e4ef !important;
}
@media (min-width: 768px) {
.elementor-element-ss20 > .elementor-element,
.elementor-element-ss40 > .elementor-element {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
}
.elementor-element-ss20 .elementor-widget-container,
.elementor-element-ss40 .elementor-widget-container {
    text-align: center !important;
}
.elementor-element-ss20 p,
.elementor-element-ss40 p {
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

/* Featured 卡边框色与数据卡统一（高特异性覆盖 Elementor） */
.elementor-36 .elementor-element.elementor-element-ss300 {
    --border-color: #d8e4ef !important;
    border-color: #d8e4ef !important;
}

/* ===== LINZHEN 404 fix (2026-09-15) ===== */
/* 404 页德语面包屑硬编码文案覆盖显示（父主题 Bocpak 模板自带，父文件不动） */
body.error404 .woocommerce-breadcrumb .current-page,
.error-404 .woocommerce-breadcrumb .current-page {
    font-size: 0 !important;
    line-height: 0 !important;
}
body.error404 .woocommerce-breadcrumb .current-page::after,
.error-404 .woocommerce-breadcrumb .current-page::after {
    content: "Error: Page not found";
    font-size: 14px;
    line-height: 1.4;
}


/* ===== LINZHEN product tab fix (2026-09-15) ===== */
/* 产品详情页：隐藏 tab 面板内重复的 H2 标题（主题模板冗余，tab 导航已有标题） */
#tab-description > h2,
#tab-additional_information > h2,
#tab-reviews h2.woocommerce-Reviews-title {
    display: none !important;
}


/* ===== LINZHEN marquee brand color fix (2026-09-15) ===== */
/* 顶部滚动条背景：蓝 #2757FF → 品牌 Navy #1A365D；文字改白 */
.elementor-element-8159c76 { background-color: #1A365D !important; }
.elementor-scrolling .scrolling-title { color: #ffffff !important; }


/* ===== LINZHEN Home 展会板块: 标题色+板块间距 (2026-09-15, 依视觉方案P1) ===== */
/* 标题: 蓝#093196 -> 深灰#1A202C */
.elementor-7370 .elementor-element-3d6ba0e h2 { color: #1A202C !important; }
/* 板块间距: 80px桌面 / 48px移动 */
.elementor-element-226c364 { padding: 80px 0 !important; }
@media (max-width: 1024px) {
  .elementor-element-226c364 { padding: 48px 0 !important; }
}
/* 移动端 4图改2列, 图不挤 */
@media (max-width: 767px) {
  div[style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ===== LINZHEN About 修复 (2026-09-17) ===== */
/* BTS 三图横排一行 */
.elementor-element-c2049b5 .elementor-element-btsimg1,
.elementor-element-c2049b5 .elementor-element-btsimg2,
.elementor-element-c2049b5 .elementor-element-btsimg3 {
  width: calc((100% - 40px) / 3) !important;
  flex: 0 0 calc((100% - 40px) / 3) !important;
  min-width: 0 !important;
}
/* 理念句: Small on design - Brand Mood 大标题 */
.elementor-element-54a65ee p {
  font-family: 'Marcellus', Georgia, serif;
  font-size: 40px;
  line-height: 1.25;
  font-weight: 600;
  color: #093196;
  text-align: center;
}
@media (max-width: 767px) {
  .elementor-element-54a65ee p {
    font-size: 24px;
  }
}

/* 证书区铺满整面 (2026-09-17) */
.elementor-element-1fb8c4d { width: 100% !important; }

/* 证书区: 标题在上, 证书墙整行平铺 (2026-09-17) */
.elementor-element-d8b7b88 {
  --flex-direction: column !important;
  --flex-wrap: nowrap !important;
  flex-direction: column !important;
}
.elementor-element-d8b7b88 > .elementor-element-191382c,
.elementor-element-d8b7b88 > .elementor-element-1fb8c4d {
  width: 100% !important;
}

/* Get a Quote 按钮恢复 (2026-09-17) */
.e-43b4a3e-3a526a7 {
  display: inline-block !important;
  background: #093196 !important;
  color: #ffffff !important;
  padding: 16px 36px !important;
  border-radius: 40px !important;
  font-family: 'Marcellus', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: background .3s ease !important;
}
.e-43b4a3e-3a526a7:hover { background: #0b3fb8 !important; }


/* ===== Policy pages typography — 2026-09-18 139账号 ===== */
body.page-id-3 article, body.page-id-9 article {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}
body.page-id-3 article h2, body.page-id-9 article h2,
body.page-id-3 .entry-content h2, body.page-id-9 .entry-content h2 {
    font-family: 'Figtree', sans-serif;
    font-size: 26px !important;
    line-height: 1.4;
    font-weight: 600;
    color: #1a1a1a;
    margin: 2.2em 0 0.8em;
}
body.page-id-3 article p, body.page-id-9 article p,
body.page-id-3 .entry-content p, body.page-id-9 .entry-content p,
body.page-id-3 article li, body.page-id-9 article li,
body.page-id-3 .entry-content li, body.page-id-9 .entry-content li {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
}
body.page-id-3 article p, body.page-id-9 article p { margin-bottom: 1.1em; }
body.page-id-3 article li, body.page-id-9 article li { margin-bottom: 0.4em; }