/*
 Theme Name:   Bricks Woocommerce Blueprint
 Theme URI:    https://brickspixel.com/
 Description:  Beautifully crafted Bricks eCommerce Child Theme.
 Author:       Sumit Sheoran
 Author URI:   https://sumitsheoran.com/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/



/* Style Myaccount Order table */
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	display: block;
}
	
th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
    display: block;
}

.woocommerce .woocommerce-order-downloads thead,.woocommerce-account .woocommerce .woocommerce-MyAccount-orders thead,.woocommerce-account .woocommerce .woocommerce-table--order-downloads thead {
    display:none
}

.woocommerce .woocommerce-order-downloads tbody td,.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody td,.woocommerce-account .woocommerce .woocommerce-table--order-downloads tbody td {
    display: block;
    text-align: right
}

.woocommerce .woocommerce-order-downloads tbody td:before,.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody th:before,.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody td:before,.woocommerce-account .woocommerce .woocommerce-table--order-downloads tbody td:before {
    content: attr(data-title);
    display: table;
    float: left;
    font-weight: 700
}

.woocommerce .woocommerce-order-downloads tbody tr:not(:last-child),.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody tr:not(:last-child),.woocommerce-account .woocommerce .woocommerce-table--order-downloads tbody tr:not(:last-child) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--bricks-border-color)
}

.woocommerce .woocommerce-order-downloads tbody tr:last-child td[class*=download] {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top: none;
    border-color: var(--bricks-border-color)
    }

.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody th {
	text-align: right;
}

.woocommerce-orders-table tbody {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.woocommerce-orders-table__row {
    border: 1px solid var(--light-grey);
    border-radius: var(--border-radius-sm);
	overflow: hidden;
}

th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
    background-color: var(--light-grey);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-orders tbody td {
	border-color: var(--light-grey);
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: block;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    margin-bottom: 5px;
}

.woocommerce-orders-table__cell {
    padding: 10px !important;
}

.woocommerce-orders-table tbody td::before {
    background-color: #fff !Important;
}

/* Myaccount order table order status text wrapper */
.bc-order-status-wrapper {
    padding: 5px 0 5px 25px;
    position: relative;
}

/* Add notification dot in front of Myaccount order table order status text */
.bc-order-status-wrapper:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    border-radius: 50px;
    top: 52%;
    left: 7.5px;
    transform: translateY(-50%);
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-processing .bp-order-status-wrapper:before {
    background: #008000;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-pending .bp-order-status-wrapper:before {
    background: #FFA500;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-on-hold .bp-order-status-wrapper:before {
    background: #FFD700;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-completed .bp-order-status-wrapper:before {
    background: #00FF00;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-cancelled .bp-order-status-wrapper:before {
    background: #FF0000;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-refunded .bp-order-status-wrapper:before {
    background: #FF4500;
}

.woocommerce-orders-table .woocommerce-orders-table__row--status-failed .bp-order-status-wrapper:before {
    background: purple;
}

/* Order details table */
.woocommerce .woocommerce-order-details table td, .woocommerce .woocommerce-order-details table th {
	padding: 20px 10px;
}

ul.wc-item-meta {
	padding-inline-start: 15px;
}

/* Style woocommerce product gallery slider */
.slick-slide {
    margin: 0 1rem;
}

.woocommerce-product-gallery .flex-next, .woocommerce-product-gallery .flex-prev {
    font-size: 0px !Important;
}

.woocommerce-product-gallery li.flex-nav-prev a.flex-prev, .woocommerce-product-gallery li.flex-nav-next a.flex-next {
	width: 4rem;
	height: 4rem;
}

.woocommerce-product-gallery a.flex-prev:before {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2240%22%20viewBox%3D%220%200%2042%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M42%2020H2.4325%22%20stroke%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M10.7617%2029.3713C8.43502%2024.2506%206.59172%2022.1009%201.99922%2020.0141C6.69422%2017.7032%208.51662%2015.5456%2010.7617%2010.6288%22%20stroke%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E');
}

.woocommerce-product-gallery a.flex-next:before {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2240%22%20viewBox%3D%220%200%2042%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%2020H39.5675%22%20stroke%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M31.2383%2029.3713C33.565%2024.2506%2035.4083%2022.1009%2040.0008%2020.0141C35.3058%2017.7032%2033.4834%2015.5456%2031.2383%2010.6288%22%20stroke%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E');
}

.woocommerce-product-gallery a.flex-prev:before, .woocommerce-product-gallery a.flex-next:before {
	content: "";
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: var(--border-radius-base);
    display: block;
    height: 5rem;
    width: 5rem;
    line-height: 1.2em;
}

.woocommerce-product-gallery .flex-direction-nav a {
    border: none !important;
    display: block;
    transform: translateY(0%) !important;
}

.woocommerce-product-gallery li.flex-nav-prev, .woocommerce-product-gallery li.flex-nav-next {
    list-style: none;
}

.woocommerce-product-gallery ul.flex-direction-nav {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 6rem;
    margin: -65px 0 0 0;
}

.woocommerce-product-gallery__image {
    overflow: hidden;
}

/* Style product inline Quantity selector with add to cart button */
.inline-quantity-selector .cart.brx-loop-product-form, .inline-quantity-selector .woocommerce-variation-add-to-cart {
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    gap: var(--gap-vsm);
}

.inline-quantity-selector form.cart .quantity+button, .inline-quantity-selector form.woocommerce-cart-form .quantity+button {
	margin-top: 0;
}

.inline-quantity-selector form.cart .quantity, form.woocommerce-cart-form .quantity {
    display: grid;
    width: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 3px;
    padding: 2px 2px 2px 0;
    border: 1px solid var(--whitish-grey);
    border-radius: var(--border-radius-vsm);
}

.inline-quantity-selector form.cart .quantity .qty, form.woocommerce-cart-form .quantity .qty {
    grid-row: 1 / span 2;
    border: none !important;
}

.inline-quantity-selector form.cart .quantity .minus, form.woocommerce-cart-form .quantity .minus {
    width: fit-content;
    border: none !important;
    order: 3;
    background-color: var(--whitish-grey);
}

.inline-quantity-selector form.cart .quantity .plus, form.woocommerce-cart-form .quantity .plus {
    width: fit-content;
    border: none !important;
    order: 2;
    background-color: var(--whitish-grey);
}

.product-card__add-to-cart.inline-quantity-selector {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Product Loop - Style Product Loop variation swatches */
.product-card__variation-swatches .variation {
    text-align: center;
}

.product-card__variation-swatches .variations.wpcvs-initialized .label, .product-card__variation-swatches .variations .label {
    display: none !important;
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-color .wpcvs-term {
    width: 25px;
    height: 25px;
    background: var(--white);
}

.product-card__variation-swatches .wpcvs-type-button.wpcvs-terms.wpcvs-type-button .wpcvs-term .wpcvs-term-inner {
    min-width: 17px;
    height: 17px;
    background-color: var(--light-grey);
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-color .wpcvs-term .wpcvs-term-color {
    width: 17px;
    flex: 0 0 17px;
    line-height: 17px;
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-button .wpcvs-term {
    height: 25px;
    min-width: 25px;
}

.product-card__variation-swatches .wpcvs-terms .wpcvs-term .wpcvs-term-inner {
    height: 17px;
    line-height: 17px;
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-button .wpcvs-term .wpcvs-term-inner .wpcvs-term-label {
    padding: 0;
    font-size: 12px;
    min-width: 17px;
}

.wpcvs-terms .wpcvs-term .wpcvs-term-inner {
	background-color: var(--light-grey);
}

/* Product Loop - Style Image type */
.product-card__variation-swatches .wpcvs-terms.wpcvs-type-image .wpcvs-term {
    border-radius: 3px;
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-image .wpcvs-term .wpcvs-term-image img {
    border-radius: 3px;
}

.product-card__variation-swatches .wpcvs-terms.wpcvs-type-image .wpcvs-term .wpcvs-term-inner {
    height: auto;
}

/* Product Loop - Selected term Style */
.product-card__variation-swatches .wpcvs-terms .wpcvs-term.wpcvs-selected .wpcvs-term-inner:before {
    width: 10px;
    height: 10px;
    line-height: 9.5px;
    font-size: 0;
    top: -5px;
    right: -5px;
}

/* Product Loop - Style seelected variation Clear button */
.product-card__variation-swatches .variations.wpcvs-initialized, .product-card__variation-swatches .variations {
    position: relative;
}

.product-card__variation-swatches .reset {
    position: absolute;
    top: 6px;
    left: auto;
    right: 5px;
}

.product-card__variation-swatches .reset_variations {
    font-size: 13px;
	font-family: var(--font-family-b);
	font-weight: var(--ff-b-weight-normal);
    color: var(--black);
    line-height: 22px;
    background: var(--white);
    text-transform: lowercase;
    padding: 0px 6px;
    border: 1px solid var(--light-grey);
    border-radius: 30px;
}

/* Style woocommerce checkout form dropdowns */
.select2-results__options::-webkit-scrollbar {
    width: 8px;
    background-color: #f6f5f3;
	border-radius: 8px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    width: 6px !important;
    background-color: #1a1a1a;
    border-radius: 10px;
    border: 1px solid #f6f5f3;
}

.woocommerce-billing-fields h3 {
    margin-bottom: 30px;
}

.select2-results__option {
    color: var(--light-black);
    font-family: var(--font-family-b);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--light-grey) !important;
    color: var(--black) !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 50vh;
    max-height: 350px;
}

.select2-container--default .select2-results__option {
	width: calc(100% - 10px);
    margin: 2px 5px;
    border-radius: 3px;
}

.select2-dropdown {
	border-color: #d9d7d2;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    color: var(--white);
    background-color: var(--light-black);
    width: calc(100% - 10px);
    margin: 2px 5px;
    border-radius: 3px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--grey);
	border-radius: 3px;
    height: 40px;
}

/* Style woocommerce notice hide button */
.brickspixel-hide-notification {
	top: -1.5rem;
	right: -1.5rem;
    position: absolute;
    color: #1a1a1a;
    background: white;
    border-radius: 50%;
    height: 3rem;
	width: 3rem;
    min-width: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

/* Style Woocommerce Checkout Customer details Form */
.form-row {
    position: relative;
}

.woocommerce-input-wrapper {
    position: relative;
}

/* Change the Input Field autofill background color to white */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Style My Account Page login and register forms */
@keyframes slide-form-wrapper {
            0%, 49.99% {
                opacity: 0;
                z-index: 1;
            }
            50%, 100% {
                opacity: 1;
                z-index: 5;
            }
        }

.myaccount__login-register__forms-container.active .myaccount__login-wrapper {
            transform: translateX(100%);
      }

.myaccount__login-register__forms-container.active .myaccount__registeration-wrapper {
            transform: translateX(100%);
            opacity: 1;
            z-index: 5;
            animation: slide-form-wrapper 0.6s;
        }

.myaccount__login-register__forms-container.active .myaccount__login-register__swapper-container {
            transform: translateX(-100%);
            border-radius: 10px;
        }

.myaccount__login-register__forms-container.active .myaccount__login-register__swapper-toggle {
            transform: translateX(50%) !important;
        }

.myaccount__login-register__forms-container.active .myaccount__login-register__toggle-panel-left {
            transform: translateX(0);
        }

@media (max-width:767px) {
    .myaccount__login-register__forms-container.active .myaccount__login-register__form-container {
            transform: translateY(100%);
      }

    .myaccount__login-register__forms-container.active .myaccount__login-register__swapper-container {
            transform: translateY(-100%);
        }

    .myaccount__login-register__forms-container.active .myaccount__login-register__swapper-toggle {
            transform: translateY(50%) !important;
        }

    .myaccount__login-register__forms-container.active .myaccount__login-register__toggle-panel-left {
            transform: translateY(0);
        }
}

/* Wishlist list style */
.wlfmc-list .variation-rate {
	font-weight: var(--ff-b-weight-normal);
}

.wlfmc-add-to-wishlist:focus-visible, wlfmc-loop-btn:not(.is-elementor):focus-visible, .wlfmc-addtowishlist:focus-visible,  .wlfmc-add-button.wlfmc-removefromwishlist:focus-visible {
  outline: 2px dotted black;
}

/* Woo Notice */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	overflow: visible !important;
}

.woocommerce-notices-wrapper a {
	margin-left: 0;
}

/* woocommerce info message */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	color: var(--blue);
	background: var(--light-blue);
	border: var(--border-width-light) solid var(--blue);
	border-radius: var(--border-radius-base);
}

.brx-body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button {
	color: var(--white);
	background: var(--blue);
	font-weight: var(--btn-font-weight-normal);
	padding: var(--btn-padding-base) var(--btn-padding-xl);
    border: var(--btn-border-width-base) solid var(--blue);
	border-radius: var(--btn-border-radius-base);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
	border: none !important;
}

/* woocommerce common */
.woocommerce-checkout label {
    letter-spacing: normal !important;
}