/* 
Theme Name:		 Wardrobe PJ Shop
Theme URI:		 http://childtheme-generator.com/
Description:	 Wardrobe PJ Shop is a child theme of Wardrobe
Author:			 mandi
Author URI:		 http://childtheme-generator.com/
Template:		 wardrobe
Version:		 1.0.0
*/


/* Force Fonts */
:root {
  --wardrobe_font_family_primary: "aktiv-grotesk", sans-serif;
  --wp--preset--font-family--primary-font: "aktiv-grotesk", sans-serif;  
  --wp--preset--font-family--secondary-font: "aktiv-grotesk", sans-serif;
  --wardrobe_font_weight_regular: 400;
  --wardrobe_font_weight_semibold: 700;
  --wardrobe_font_weight_medium: 500;
  --wardrobe_font_weight_xbold: 800;
  --wardrobe_font_weight_heading: 500;
}

/* fix for image size bug ? */
.wc-block-grid__products img:is([sizes="auto" i], .wc-block-grid__products [sizes^="auto," i]) {
    contain-intrinsic-size: revert !important;
}
/* Unset portrait aspect ratios */
.woocommerce-product-gallery__wrapper img,
.wc-block-mini-cart__items .wc-block-components-product-image,
.wc-block-cart-item__image img {
    aspect-ratio: unset !important;
    display: block;
}

/* Change adopt icons to dark header */
.wp-block-template-part form.wp-block-search:before,
.wc-block-mini-cart__quantity-badge:before {
    filter: invert(1);
    transform: scale(1.25);
}

/* Adjust cart item nrs. to fit dark header  */
.wc-block-mini-cart__badge {
    margin-top: 8px;
    margin-left: 4px;  
    color: #e1e1e1;
}

/* Make Account buttons black */
.woocommerce-MyAccount-content .woocommerce-button, #add_return_shipment .button, .woocommerce-cart-form button {
    color: black;
}
.woocommerce-notices-wrapper {
    width: 100%;
}
li[hidden] {
    display: none;
}
.wc-block-grid__products > li {
    max-width: none;
}
.wc-block-mini-cart__drawer.is-mobile {
    overflow: auto;
}
.wc-block-cart-item__image img {
    width: 100%;
}
.woocommerce-cart .woocommerce {
    gap: 0 5%;
}
.product.sale .woocommerce-product-gallery__wrapper:after, .wc-block-grid .wc-block-grid__product-onsale, .woocommerce-loop-product__link .onsale {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    content: '';
    display: inline;
    background-image: url(sale-badge.png);
    background-size: contain;
    margin: 0;
    color: transparent;
}
.product > .onsale {
    display: none;
}
.product .entry-summary .price {
    margin: 10px 0 10px;
}
.product .entry-summary {
    position: static;
}
.product > .onsale + .woocommerce-product-gallery + .entry-summary > .entry-title {
    margin-top: 0;
}
.product .entry-summary p.wc-gzd-additional-info {
    margin: 0;
}

.sale-style span.wp-block-navigation-item__label {
    color: black;
    background-color: #FFCC00;
    padding: 5px 5px 2px;
}

.wc-block-grid__product-title {
    max-width: 300px;
}

.woocommerce .product.bundled_product .bundled_product_images {
    flex: 1 1 8rem;
    padding-right: 0.5rem;
}
.woocommerce .product.bundled_product .price {
    font-size: 18px;
}

.product .related img {
    width: 100%;
}
.single-product .woocommerce-notices-wrapper:not(:empty):before {
    position: relative;
}
.wc-block-components-notice-banner {
    display: flex;
    justify-content: center;
    padding: 1rem;
    font-weight: bold;
}
.wc-block-components-notice-banner > svg {
    width: 2rem;
    height: 2rem;
}
.products > li img {
    width: 100%;
}
.wp-block-navigation__responsive-container-close {
    top: 1rem;
    right: 1rem;
}
.wp-block-navigation__responsive-dialog {
    padding: 1rem;
}

@media screen and (min-width: 400px) {
    .woocommerce .product.bundled_product {
        display:flex;
    }
}
@media screen and (max-width: 781px) {
    .wp-block-woocommerce-mini-cart-contents{
        height: auto;
    }
    .cart-collaterals:not(.extra-collaterals) {
        position: sticky;
        top: 3rem;
        order: 3;
    }
    .extra-collaterals {
        order: 2;
        margin-bottom: 1rem;
        border-bottom: 1px solid;
        border-color: var(--wardrobe_color_lite_grey);
    }
    /* disable zoom on mobile */
    .woocommerce-product-gallery__trigger {
        position: absolute;
        z-index: 1;
        right: 0;
        width: auto;
        height: auto;
        margin: var(--wp--custom--spacing--small);
        margin-bottom: 10vh;
        left: 0;
        top: 0;
        bottom: 0;
    }
    .woocommerce-product-gallery__trigger:before {
        right: 0;
    }
    .woocommerce-product-gallery__trigger img.emoji {
        display: none !important;
        opacity: 0 !important;
        right: 0;
        z-index: -1;
        position: absolute;
        height: 0 !important;
        width: 0 !important;
        color: transparent;
    }
    .woocommerce-tabs {
        margin-top: 0; 
    }
}

@media (min-width: 782px) {
    .sticky-wrapper {
        position: sticky;
        top: 2rem;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form {
        flex: 2 0 70%;
    }
    .woocommerce-cart .woocommerce .cart-collaterals {
        flex: 0 1 23%;
    }
    .woocommerce-cart-form table tr {
        grid-template-columns: 26px 96px 5fr 2fr 82px 2fr
    }
    .cart-collaterals:not(.extra-collaterals) {
        position: sticky;
        top: 3rem;
    }
    .woocommerce-cart .woocommerce .cart-collaterals.extra-collaterals {
        flex: 0 0 70%;
    }
    .cart-collaterals.extra-collaterals:before {
        border: none;
    }
    .product.sale .woocommerce-product-gallery__wrapper:after {    
        left: 1rem;
        top: 1rem;
        width: 4rem;
        height: 4rem;       
    }
    .product .woocommerce-product-gallery {
        width: 50%;
    }
    .product .entry-summary {
        width: 50%;
    }
}
@media (min-width: 1200px) {
   .product .woocommerce-product-gallery {
        width: 60%;
    }
    .product .entry-summary {
        width: 40%;
    }
}

th.product-remove, th.product-thumbnail {
    height:52px;
}

.products .product_type_variable.button, .products .product_type_simple.button {
    font-size: var(--wardrobe_font_size_button);
    letter-spacing: var(--wardrobe_font_size_button_letter_spacing);
    line-height: 1.3;
    text-transform: uppercase;
    padding: 10px 30px;
    color: inherit;
    background-color: transparent;
    border: 1px solid;
    cursor: pointer;
    font-weight: var(--wardrobe_font_weight_semibold);
    letter-spacing: var(--wardrobe_letter_spacing_additional);
    font-variation-settings: "wght" var(--wardrobe_font_weight_semibold);
    text-transform: uppercase;
    text-decoration: none;
}
.products a.button {
    margin-top: 0px;
    display: inline-block;
}

.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
    max-width: 100%;
}
.mkl_pc .layer_choices button {
    text-transform: none;
    letter-spacing: normal;
}
button.configure-product {
    margin-top: 1.5rem;
}
.bundle-class .wc-block-components-quantity-selector {
    opacity: 0.5;
    pointer-events: none;
}
.wc-block-components-totals-coupon__content button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wc-block-components-totals-wrapper {
    padding: 1rem 0;
}
.wp-block-cart-cross-sells-product__product-image img {
    aspect-ratio: 1;
}
.is-large.wc-block-cart .wc-block-cart-items td {
    border-top: none;
}
.wp-block-button:not(.wc-block-grid__product-add-to-cart) .wp-block-button__link {
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.wp-site-blocks .bundle-class.hidden, .woocommerce .wc-block-cart-items__row.bundle-class.hidden, .wc-block-cart .wc-block-cart-items__row.bundle-class.hidden, .wc-block-mini-cart__drawer .wc-block-cart-items__row.bundle-class.hidden {
    display: none;
}

.wp-block-woocommerce-customer-account svg {
    width: 2rem;
    height: 2rem;
}

.wc-block-grid__product-price del {
    color: #5f5f5f;
}
[hidden] {
    display: none;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart {
    padding: 0.75rem 0;
}
.wc-block-components-drawer__content .wc-block-components-button.wc-block-components-drawer__close {
    margin: -0.5em;
}
.wc-block-components-drawer__content .price.wc-block-components-product-price {
    flex-direction: column;
}
.wc-block-components-drawer__content .wc-block-mini-cart__items table .wc-block-components-quantity-selector {
    width: auto;
}
.wc-block-components-drawer__content .wc-block-components-product-price__value.is-discounted {
    margin-left: 0;
}
.wc-block-mini-cart__drawer.wc-block-components-drawer {
    left: auto;
}
.products span.onsale {
    background-color: transparent;
    color: transparent;
}



.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    padding-top: 1em;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    width: auto;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    color: var(--wc-form-color-text, #000);
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    right: .7em;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z' fill='%23111111'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 22px;
    width: 22px;
}

.wc-block-components-express-payment--disabled .wc-block-components-express-payment__content * {
    pointer-events: auto;
}
.wc-block-components-express-payment--disabled .wc-block-components-express-payment__content {
    opacity: 1;
}
@media (max-width:907px) {

.wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar {
    width: 100%;
}
}

.wc-gzd-checkout .is-large .wc-gzd-checkout-submit {
    z-index: 2;
}