/*
 * CLP-21 黑五早鳥:Catalog Price Rule 活動價「改版 A」樣式(只改顯示)
 * 用 !important 壓過 Tailwind 工具類與 product-page.css / category-page.css 的 .price / .old-price 規則;
 * 本檔為獨立檔,不需重編 tailwind。載入點:Magento_Theme/layout/default_head_blocks.xml
 *
 * 規格(Jira CLP-21):
 *   原價   PDP 24px / 列表 18px,字重 500,#3F3F46,刪除線 #A1A1AA 粗 2px
 *   活動價 PDP 36px / 列表 26px,字重 700,#E4002B
 *   標籤   在活動價右側間距 14px,白字紅底 #E4002B,PDP 15px / 列表 13px,字重 700,圓角 4px,padding 4px 8px
 */

/* ---------- 商品頁(price.phtml)---------- */
/* 外層 .price-wrapper 原本自帶 line-through(深灰細線),關掉以免與淺灰 2px 線疊成兩條 */
.price-box.price-final_price .clp-sale-old .price-wrapper {
    text-decoration: none !important;
}
.price-box.price-final_price .clp-sale-old .clp-sale-old-amount,
.price-box.price-final_price .clp-sale-old .clp-sale-old-amount * {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #3F3F46 !important;
    text-decoration-line: line-through !important;
    text-decoration-color: #A1A1AA !important;
    text-decoration-thickness: 2px !important;
}
.price-box.price-final_price .clp-sale-final .price {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #E4002B !important;
}
.price-box.price-final_price .clp-sale-badge {
    display: inline-block;
    margin-left: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #E4002B;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

/* ---------- 列表卡片(final_price.phtml / item.phtml)---------- */
.clp-sale-row .clp-sale-old,
.clp-sale-row .clp-sale-old * {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #3F3F46 !important;
    text-decoration-line: line-through !important;
    text-decoration-color: #A1A1AA !important;
    text-decoration-thickness: 2px !important;
}
.clp-sale-row .clp-sale-final,
.clp-sale-row .clp-sale-final * {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #E4002B !important;
}
.clp-sale-row .clp-sale-final .price-label {
    font-size: 12px !important;
}
.clp-sale-row .clp-sale-badge {
    display: inline-block;
    margin-left: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #E4002B;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    align-self: center;
}

/* ---------- 列表卡片實際走 view/price.phtml(Alpine initPrice),這裡把尺寸縮成卡片規格 ----------
 * 卡片價格容器 .pdp-related-products-slider(list/item.phtml);商品頁主價格在 .product-page-info-price,不受影響。
 * 原價 18px / 活動價 26px / 標籤 13px,其餘同商品頁。 */
.pdp-related-products-slider .price-box.price-final_price .clp-sale-old .clp-sale-old-amount,
.pdp-related-products-slider .price-box.price-final_price .clp-sale-old .clp-sale-old-amount * {
    font-size: 18px !important;
}
.pdp-related-products-slider .price-box.price-final_price .clp-sale-final .price {
    font-size: 26px !important;
}
.pdp-related-products-slider .price-box.price-final_price .clp-sale-badge {
    font-size: 13px;
}

/* ---------- 列表 grid 卡片:可設定商品選子商品後由 Alpine 重畫(list/item.phtml initClpCardPrice<id>)----------
 * 外包層不參與版面,讓未選子商品時的 DOM 視覺與 release 23 相同。x-show 隱藏時的 inline display:none 仍優先。 */
.clp-card-price-live {
    display: contents;
}