"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Link_1 = require("../../../../atoms/Link");

const Quantity_1 = require("../../../Quantity");

const CheckoutCartBundle_1 = require("../../../../abstractions/BundleProduct/CheckoutCartBundle");

const ProductItem_1 = require("../../../../abstractions/BundleProduct/CheckoutCartBundle/ProductItem");

const ProductPieces_1 = require("../../../ProductPieces");

const DetailedList_1 = require("../../../../molecules/DetailedList");

const Figure_1 = require("../../../../molecules/Figure");

const Incrementer_1 = require("../../../../../inputs/Incrementer");

const TotalPrice = styleh_components_1.styled.span`font-weight:600;font-size:1rem;margin-bottom:0.5rem;`;
exports.TotalPrice = TotalPrice;
const SavePrice = styleh_components_1.styled.span`color:var(--color-dark-grey);font-size:0.875rem;`;
exports.SavePrice = SavePrice;
const StyledTotalPrice = styleh_components_1.styled.withComponent(ProductItem_1.TotalPriceBox)``;
exports.StyledTotalPrice = StyledTotalPrice;
const StyledItemPrice = styleh_components_1.styled.withComponent(ProductPieces_1.ProductPrice)`display:flex;flex-direction:column;flex:0 0 20%;align-items:flex-end;@media (max-width:767px){padding-left:7.5rem;align-items:center;justify-content:flex-start;flex-direction:row;flex:0 0 100%;}${ProductPieces_1.SalePrice}{color:#EA2227;font-size:16px;font-weight:700;margin:0;margin-bottom:0.5rem;@media (max-width:767px){margin-right:1rem;margin-bottom:0;}}${ProductPieces_1.RegularPrice}{font-size:16px;font-weight:500;color:var(--color-black);}`;
exports.StyledItemPrice = StyledItemPrice;
const StyledQuantity = styleh_components_1.styled.withComponent(Quantity_1.Quantity)`display:flex;flex:0 0 20%;justify-content:flex-end;align-items:baseline;${Incrementer_1.IncrementerWrapper}{width:6.875rem;height:2.75rem;border:solid #A6AFC1 1px;border-radius:0.125rem;align-items:center;padding:0 0.875rem;@media screen and (min-width:768px) and (max-width:1023px){border-radius:0.25rem;}@media (max-width:767px){margin-bottom:0.5rem;border-radius:0.25rem;}}${Incrementer_1.StyledInput}{font-size:1rem;}${Incrementer_1.ArrowWrapper}{${Incrementer_1.StyledButton}:first-child{margin-bottom:0.125rem;}}@media (max-width:767px){padding-left:7.5rem;justify-content:flex-start;flex:0 0 100%;}`;
exports.StyledQuantity = StyledQuantity;
const StyledDetailedList = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`h3{display:none;}${DetailedList_1.DetailedListItemPanel}{margin:0;}@media (max-width:767px){${DetailedList_1.DetailedListItemPanel}{flex-direction:row;}${DetailedList_1.DetailedListValue}{margin:0;margin-left:5px;}}${DetailedList_1.DetailedListLabel},${DetailedList_1.DetailedListValue}{color:var(--color-dark-grey);text-transform:capitalize;@media (max-width:1023px){font-size:0.75rem;}}${DetailedList_1.DetailedListValue}{margin-left:5px;}`;
exports.StyledDetailedList = StyledDetailedList;
const StyledProductName = styleh_components_1.styled.withComponent(ProductPieces_1.ProductName).attrs({
  'data-qa': 'qa-product-name'
})`margin:0;margin-bottom:0.5rem;font-weight:400;text-transform:capitalize;@media (max-width:1023px){font-size:0.75rem;}`;
exports.StyledProductName = StyledProductName;
const StyledLink = styleh_components_1.styled.withComponent(Link_1.Link)`text-decoration:none;`;
exports.StyledLink = StyledLink;
const StyledImageLink = styleh_components_1.styled.withComponent(StyledLink)`text-decoration:none;height:127px;flex:0 0 158px;@media (max-width:1023px){flex:0 0 118px;height:95px;}@media (max-width:767px){flex:0 0 112px;height:90px;}`;
exports.StyledImageLink = StyledImageLink;
const StyledBrandName = styleh_components_1.styled.withComponent(ProductPieces_1.ProductName)`margin:0;margin-bottom:0.5rem;text-transform:capitalize;@media (max-width:1023px){font-size:0.875rem;}`;
exports.StyledBrandName = StyledBrandName;
const StyledProductDetails = styleh_components_1.styled.div`margin-left:1.875rem;@media (max-width:1023px){margin-left:0.5rem;}`;
exports.StyledProductDetails = StyledProductDetails;
const StyledImageWithCaption = styleh_components_1.styled.withComponent(ProductPieces_1.ProductImageWithCaption)`width:100%;height:127px;flex:0 0 158px;@media (max-width:1023px){flex:0 0 118px;height:95px;}@media (max-width:767px){flex:0 0 112px;height:90px;}${Figure_1.StyledImage}{height:100%;}${Figure_1.FigureCaption}{bottom:8px;&:first-letter{text-transform:capitalize;}}`;
exports.StyledImageWithCaption = StyledImageWithCaption;
const StyledProduct = styleh_components_1.styled.withComponent(ProductItem_1.ProductBox)``;
exports.StyledProduct = StyledProduct;
const ProductItemPlaceholder = styleh_components_1.styled.withComponent(CheckoutCartBundle_1.ProductItem)`@media (max-width:767px){justify-content:flex-start;}`;
exports.ProductItemPlaceholder = ProductItemPlaceholder;
exports.default = StyledProductDetails; //# sourceMappingURL=styled.js.map