/*
 Theme Name:   HS Selection Theme
 Theme URI:    https://heshamsaad.com/
 Description:  Custom Bricks child theme for HS Selection.
 Author:       Hesham Saad
 Author URI:   https://heshamsaad.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root body {
  --bricks-color-primary: var(--hs-color-primary);
  --bricks-color-secondary: var(--hs-color-secondary);
  --bricks-text-dark: var(--hs-text-dark);
  --bricks-text-medium: var(--hs-text-medium);
  --bricks-text-light: var(--hs-text-light);
  --bricks-text-info: var(--hs-text-info);
  --bricks-text-success: var(--hs-text-success);
  --bricks-text-warning: var(--hs-text-warning);
  --bricks-text-danger: var(--hs-text-danger);
  --bricks-bg-info: var(--hs-bg-info);
  --bricks-bg-success: var(--hs-bg-success);
  --bricks-bg-warning: var(--hs-bg-warning);
  --bricks-bg-danger: var(--hs-bg-danger);
  --bricks-bg-dark: var(--hs-bg-dark);
  --bricks-bg-light: var(--hs-bg-light);
  --bricks-border-color: var(--hs-border-color);
  --bricks-tooltip-bg: var(--hs-tooltip-bg);
  --bricks-tooltip-text: var(--hs-tooltip-text);
}

ins{
	text-decoration: none;
}

del{
	font-size: 0.7em;
	font-weight: 400;
	opacity: 0.8;
}
li.product span.woocommerce-Price-amount.amount:not(del span.woocommerce-Price-amount.amount),
tr.order-total span.woocommerce-Price-amount.amount {
    position: relative;
	font-weight: bold;
	margin-right: 5px;
}

li.product span.woocommerce-Price-amount.amount:not(del span.woocommerce-Price-amount.amount):before,
tr.order-total span.woocommerce-Price-amount.amount:before {
    background: #f2f1ea;
    display: block;
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    right: -4px;
    content: "";
	z-index: -1;
    line-height: 1;
	border-radius: 0.25rem
}

small.woocommerce-price-suffix {
    margin-right: 0.5rem;
}