/* XSignsCartSourceTag */

/* ------------------------------------------------------------------
   标签本体（两个出口共用）

   做成小圆角胶囊，字号比参数文案再小一号 —— 它是分类标记，不该抢
   商品名和参数的注意力。三种入口用不同色相区分，深色文字 + 浅色底，
   保证在白底的购物车和抽屉里对比度都够。
   ------------------------------------------------------------------ */

.xsigns-cst-tag {
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.02em;
    white-space: nowrap;
    vertical-align: middle;
}

/* 设计器：蓝 */
.xsigns-cst-tag.xsigns-cst-online {
    color: #1a56b0;
    background: #e8f0fe;
    border-color: #c7dafc;
}

/* 上传设计稿：青 */
.xsigns-cst-tag.xsigns-cst-upload {
    color: #0f6b52;
    background: #e6f6f1;
    border-color: #c2e8dc;
}

/* 免费设计：橙，与站点主色一致 */
.xsigns-cst-tag.xsigns-cst-free {
    color: #a35a00;
    background: #fff3e0;
    border-color: #ffe0b2;
}

/* 稍后邮件发稿：红，这一行没有图稿，需要客服跟进 */
.xsigns-cst-tag.xsigns-cst-skip {
    color: #b02a37;
    background: #fdecee;
    border-color: #f5c2c7;
}

/* ------------------------------------------------------------------
   /cart 与 /checkout（Blocks，两页共用同一套 item_data 渲染）

   标签是 item_data 的最后一条，服务端给它带了 className=xsigns-cst-item，
   Blocks 前端把这个值原样放到外层元素的 class 上（ProductDetails）。

   外层元素是 li 还是 div 取决于这一行有几条 item_data：只有一条时前端
   用 div/div，多于一条才用 ul/li。所以这里不要写死标签名，只认 class。
   ------------------------------------------------------------------ */

.wc-block-components-product-details .xsigns-cst-item {
    margin-top: 4px;
}

/* Blocks/主题会把参数值排成斜体，标签不跟这个走 */
.wc-block-components-product-details .xsigns-cst-tag {
    font-style: normal;
}

/* ------------------------------------------------------------------
   betheme 侧边抽屉（经典模板那条链路）

   抽屉的参数由 wc_get_formatted_cart_item_data() 走
   templates/cart/cart-item-data.php 输出成 <dl class="variation">，
   每条是一对 dt/dd，而 dt 后面【硬编码】了一个冒号。我们这条的 key 是
   空串，于是会多出一个孤零零的 ":"。

   空 key 的那对 dt/dd 拿到的 class 正好是 variation-
   （模板里 sanitize_html_class('variation-' . $data['key'])），选得中：
   藏掉 dt，dd 留着放标签。范围限定在抽屉内，不影响别处。

   选择器前缀照抄主题的 css/woocommerce.css:771-773 —— 那三条把 dt/dd 设成
   了行内流（dd 是 display:inline），不把权重压过去，标签就会跟在最后一个
   参数值后面挤在同一行，而不是排到参数下方。多带一个 .variation- 即可
   （6 个 class vs 主题的 5 个），不用 !important。
   ------------------------------------------------------------------ */

.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dt.variation- {
    display: none;
}

.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd.variation- {
    display: block;
    margin: 4px 0 0;
}

/* 模板对 value 做了 wpautop，段落自带的上下边距在这里是多余的 */
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd.variation- p {
    margin: 0;
    line-height: 1;
}