/*
Author: Capitanu Mihai
x2-custom.css (c) 2023
Desc: custom css applied to all pages
Created:  2023-08-14T06:09:00.050Z
*/

/* [GLOB-92] */
@media only screen and (max-width: 988px){
    .nav-before-open .nav-sections{
        overflow: visible;
    }
    .nav-before-open .nav-sections::before {
        content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="%232E3A34" class="bi bi-x-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/></svg>');
        margin-left: 102%;
        margin-top: 17px;
        position: absolute;
        pointer-events: none;
        }
}

/* [GLOB-101] */
.cart .qty div.mage-error{
    position: absolute;
    top: 50px;
    white-space: nowrap;
    max-width: 272px;
}

@media only screen and (max-width: 768px){
    .table-wrapper{
    	display: contents;
    }
     .item-options dd{
        text-wrap: wrap;
    }
    .item-options dt{
        float:none!important;
    }
}
/* [GLOB-97] */
.ui-menu-item.level2.parent > a:first-of-type span {
    font-weight: bold;
}

/* [GLOB-102] Left/Right scroll function */
.owl-nav{
	display:block!important;
}

/* [GLOB-139] OK-button of warning modal not centered */
.action-primary,.action-accept{
	font-size: inherit!important;
}

/* [GLOB-140] General width rule */
@media (min-width: 992px) {
    #googlereviews-reviews {
        width: 75%;
        margin: auto;
    }
}

/* start [GLOB-236] - Buttons not aligned in cart*/

.checkout-cart-index .crosssell .products.list.items.product-items{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.checkout-cart-index .crosssell .products-grid .product-item .product-item-info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.checkout-cart-index .crosssell .product-item-details {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.checkout-cart-index .crosssell .product-item-details .product-short-description {
    flex-grow: 1;
}
/* end [GLOB-236] */
@media screen and (max-width : 500px) {
    .v-dialog__container .matrix_uploadPreflightContainer .matrix_preflightInfo {
        justify-content : center;
        flex-direction  : column;
    }

    .v-dialog__container .preflight-right-actions {
        justify-content : center;
        width           : 100%;
    }

    .v-dialog .preflight-header.datacheck {
        font-size : inherit;
    }
}

.upload-main .matrix_uploadActionsContainer span.uploadButtonDelete{
    order:3;
}