/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/commerce-wishlist-product.css?{ versionKey }"/> */

/* PRODUCT CARD */

commerce-wishlist-product > .card-item {
    padding: 1rem;
    transition: border-color 0.1s;
}

commerce-wishlist-product > .card-item:has(.action .slds-button:first-child:not(:disabled)):hover {
    border-color: var(--ecomm-color-primary-02);
}

/* PRODUCT IMAGE */

commerce-wishlist-product .image-area figure {
    height: 130px !important;
}

commerce-wishlist-product .image-area:empty,
commerce-wishlist-product .image-area:has(img[src*="default-product-image.svg"]) {
    position: relative;
    height: 130px;
}

commerce-wishlist-product .image-area:has(img[src*="default-product-image.svg"]) figure {
    display: none;
}

commerce-wishlist-product .image-area:empty::after,
commerce-wishlist-product .image-area:has(img[src*="default-product-image.svg"])::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.5rem;
    height: 3.5rem;
    display: block;
    transform: translate(-50%, -50%);
    content: url("data:image/svg+xml,%3Csvg class='ecomm-product-image__svg' viewBox='0 0 150 143' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M37.1027 59.5577H143.31C147.005 59.5577 150 62.553 150 66.2479V135.659C150 139.354 147.005 142.349 143.31 142.349H37.1027C33.4078 142.349 30.4124 139.354 30.4124 135.659V66.2479C30.4124 62.553 33.4078 59.5577 37.1027 59.5577ZM46.3017 127.296H135.783V103.058L124.856 78.792L99.9469 88.3917L80.6025 107.95L60.0355 82.1553L46.3017 114.492V127.296ZM69.0875 46.1773H24.5585C20.8636 46.1773 17.8683 49.1726 17.8683 52.8675V93.2844L0.40529 45.3052C-0.858441 41.8331 0.931774 37.994 4.40385 36.7303L104.206 0.40529C107.678 -0.858441 111.517 0.931774 112.781 4.40385L127.985 46.1773H112.118L110.51 41.7599L91.9423 22.6947L71.819 40.2347L69.0875 46.1773Z' fill='%23E1E1E1' %3E%3C/path%3E%3C/svg%3E");
}

/* PRODUCT NAME */

commerce-wishlist-product .product-info .product-name,
commerce-wishlist-product .product-info a,
commerce-wishlist-product .product-info a lightning-formatted-rich-text,
commerce-wishlist-product .product-info a lightning-formatted-rich-text span {
    font-size: 1rem;
    font-weight: 700 !important;
    line-height: 1.375rem;
    text-decoration: none !important;
}

commerce-wishlist-product .product-info .product-name {
    color: var(--ecomm-color-black-02) !important;
}

commerce-wishlist-product .product-info a:hover .product-name,
commerce-wishlist-product .product-info a:focus .product-name {
    color: var(--ecomm-color-primary-02) !important;
}

commerce-wishlist-product .product-info a lightning-formatted-rich-text,
commerce-wishlist-product .product-info a lightning-formatted-rich-text span {
    color: inherit;
}

/* PRODUCT SKU */

commerce-wishlist-product .product-info p:first-child + lightning-formatted-rich-text,
commerce-wishlist-product .product-info p:first-child + lightning-formatted-rich-text span {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: var(--ecomm-color-gray-01);
}

/* PRODUCT VARIANTS */

commerce-wishlist-product .product-info commerce_product_information-variant-attributes-display ul li,
commerce-wishlist-product .product-info commerce_product_information-variant-attributes-display ul li span,
commerce-wishlist-product .product-info commerce_product_information-variant-attributes-display ul li lightning-formatted-rich-text,
commerce-wishlist-product .product-info commerce_product_information-variant-attributes-display ul li lightning-formatted-rich-text span {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

/* PRODUCT PRICES */

commerce-wishlist-product .product-price {
    display: flex;
    align-items: baseline;
    margin-top: 0.5rem;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-wrap: wrap;
}

commerce-wishlist-product .product-price commerce-field-display {
    margin: 0 !important;
}

commerce-wishlist-product .product-price .primary-price {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25rem;
}

commerce-wishlist-product .product-price .secondary-price {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

/* PRODUCT PROCE  */

commerce-wishlist-product .unavailablePrice {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25rem;
}

/* PRODUCT ACTION  */

commerce-wishlist-product .action {
    text-align: center;
}

commerce-wishlist-product .action .slds-button {
    padding-left: 0;
    padding-right: 0;
}

commerce-wishlist-product .action .slds-button:first-child {
    font-size: 1rem;
    font-weight: 600;
}

commerce-wishlist-product .action .slds-button:last-child {
    width: auto;
    margin-top: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}