/*
Description:    Styles for woocommerce themes. Only loaded when woocommerce is installed.
Author:         0117 Web Wizards
Author URI:     https://www.0117.nl
Version:        0.1.0
*/

/* On sale badge catalog page */
.wc-block-components-product-sale-badge {
    background: var(--wp--preset--color--secondary-200);
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: .875em;
    font-weight: normal;
    padding: 5px 10px;
    position: static;
    text-align: center;
    text-transform: none;
    width: fit-content;
    z-index: 9
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
    left: auto;
    margin: 0;
    position: absolute;
    right: -5px;
    top: -5px;
}

/* On sale badge single product */
.woocommerce span.onsale {
    background: var(--wp--preset--color--secondary-200);
    min-width: unset;
    min-height: unset;
    line-height: 1;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 10px;
    position: static;
    text-align: center;
    text-transform: none;
    width: fit-content;
    z-index: 9;
    position: absolute;
    text-align: center;
    top: -.5em;
    left: -.5em;
    margin: 0;
    color: #fff;
}

/* Style order select on catalog pages */
select.orderby{
  font-family: var(--wp--preset--font-family--outfit);
  font-weight: var(--wp--custom--font-weight--light);
  font-size: var(--wp--preset--font-size--xsmall) !important;
  background: var(--wp--preset--color--light-100);
  border: none;
  padding: 10px;
}