/* loop-common.css — 替换 elementor-pro/assets/css/widget-loop-common.min.css（207 B）
 *
 * 循环组件（loop-grid / loop-carousel）里两条**跨组件的通用规则**：
 *   ① 循环条目内一切元素允许在词内断行 —— 卡片宽度固定而标题可能是一长串无空格的 URL
 *      或中文长词，不断行就会撑破卡片。
 *   ② 循环模板里复用「页面标题 / 商品标题」这两个组件时，把它们从块级改回行内 ——
 *      它们在自己的原生位置是页面主标题（块级），进了卡片就只是一行文字。
 *
 * ⚠️ **`display:initial` 不是 `display:inline`**，虽然当前规范下二者等价：
 *    `initial` 取的是 CSS 规范给 `display` 定的初始值（就是 `inline`）。
 *    照字面写 `initial` 而不是它今天解析成的那个值 —— 保真的对象是**计算结果**，
 *    而 `initial` 与 `inline` 在计算样式里读出来都是 `inline`，两者等价；
 *    这里保留 `initial` 只是为了让下一个人对着原件读时不必多想一步。
 *
 * ⚠️ 第二条的选择器**属性前缀匹配**（`[class*=elementor-widget-loop]`）——
 *    它同时罩住 `elementor-widget-loop-grid` 与 `elementor-widget-loop-carousel`。
 *    改写成枚举两个类名会在 Pro 加第三种循环组件时静默失效，而**本站今天只有 loop-grid**
 *    ⇒ 枚举在今天等价、在明天不等价，所以照原样用前缀匹配。 */

.e-loop-item * {
  word-break: break-word;
}

[class*="elementor-widget-loop"] .elementor-page-title,
[class*="elementor-widget-loop"] .product_title.entry-title {
  display: initial;
}