/*
 Theme Name:   MarinaLari
 Description:  Tema per il sito MarinaLari
 Author:       Servizi 3.0 Italia
 Template:     generatepress
 Version:      1.0.0
*/

html {
    overflow-x: clip!important;
}

button.reset_variations {
    display: none!important;
}

.mrnlr_sale_button {
    display: none;
}

.jet-mega-menu-item--relative-item .jet-mega-menu-mega-container {
    transform: translateX(-20%)!important;
}

#yith-wcwl-form {

    & .wishlist-title-container {
        display: none!important;
    }

    & .wishlist-title.wishlist-title-with-form h2 {
        font-size: 1.5rem!important;
    }

    & table.wishlist_table {
        border-collapse: collapse;

        & th {
            background: black;

            color: white;

            font-size: .75rem;

            text-transform: uppercase;
        }

        & td {

            &.product-name {
                font-weight: 600;

                font-size: .875rem;
            }

            &.product-price {
                font-weight: 600;

                & ins {
                    color: black;
                }
            }

            &.product-stock-status {
                font-weight: 600;

                text-transform: uppercase;
            }

            &.product-add-to-cart a {
                font-weight: 800;

                text-transform: uppercase;
            }
        }
    }

    & .yith-wcwl-share {
        & .yith-wcwl-share-title {
            font-size: 1.25rem;
        }

        & ul {
            margin-bottom: 1rem;

            & li a {
                height: 24px;

                padding: 4px;

                width: 24px;

                & svg {
                    height: 14px;

                    width: 14px;
                }
            }
        }

        & .yith-wcwl-after-share-section input {
            font-size: 1rem;

            padding: .5rem .75rem;

            width: fit-content;
        }
    }
}

.mrnlr-category-loop-button {
    & .elementor-button {
        border-radius: 0!important;

        width: 100%!important;
    }
}

.mrnlr-custom-skin {
    .mrnlr-custom-skin-grid {
        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr));

        margin: 0 -10px;

        & .mrnlr-custom-skin-product {
            padding: 10px;

            & .mrnlr-custom-skin-product-image-container {
                cursor: pointer;

                line-height: 0;

                margin: 0 10px;

                position: relative;

                &:hover:has(.mrnlr-custom-skin-product-image-alt) .mrnlr-custom-skin-product-image {
                    opacity: 0;
                }

                & .mrnlr-custom-skin-product-image {
                    position: relative;

                    transition: opacity .4s ease-in-out;

                    z-index: 10;
                }

                & .mrnlr-custom-skin-product-image-alt {
                    position: absolute;

                    height: 100%;

                    left: 0;

                    top: 0;

                    width: 100%;
                }

                & .mrnlr-custom-skin-product-sale {
                    background: #000;

                    color: #fff;

                    font-size: 0.8em;

                    left: 0;
                    line-height: 1;

                    padding: 5px;
                    position: absolute;

                    top: 0;

                    z-index: 20;
                }

                & .mrnlr-custom-skin-out-of-stock {
                    background: #ffffffdd;

                    display: flex;

                    font-size: .875rem;
                    font-weight: 600;

                    height: fit-content;

                    justify-content: center;

                    left: 0;

                    padding: 1.25rem 1.5rem;
                    position: absolute;

                    top: 50%;
                    transform: translateY(-50%);

                    width: 100%;

                    z-index: 100;
                }
            }

            & .mrnlr-custom-skin-info-container {
                font-family: "Lato", Sans-serif;

                margin-top: 8px;

                & .mrnlr-custom-skin-brand {
                    font-size: 0.8em;
                    font-weight: 600;

                    margin-bottom: 0;

                    text-align: center;
                    text-transform: uppercase;
                }

                & .mrnlr-custom-skin-title {
                    font-size: 1em;
                    text-transform: uppercase;
                    font-weight: normal;

                    margin-bottom: 0;

                    text-align: center;
                }

                & .mrnlr-custom-skin-price {
                    font-family: "Lato", Sans-serif;
                    font-size: 0.8em;
                    font-weight: 600;

                    padding-top: 0.5em;

                    text-align: center;
                    text-transform: none;

                    & del {
                        color: #7A7A7A;

                        font-weight: 600;

                        text-decoration-color: black;
                    }
                }
            }
        }
    }

    & .elementor-pagination {

        align-items: center;

        column-gap: 6px;

        display: flex;

        justify-content: center;

        margin-top: 2em;

        & .page-numbers {

            color: #D3D3D3;

            font-size: 16px;

            margin: 0;

            padding: 10px;

            &:hover {
                color: black;
            }

            &.current {
                color: black;
            }
        }
    }
}

.mrnlr-outfit-skin {
    & .mrnlr-outfit-skin-grid {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        margin: 0 -10px;

        & .mrnlr-outfit-skin-single {
            display: flex;

            flex-direction: column;

            padding: 12px;

            & .mrnlr-outfit-skin-single-title-container {
                display: flex;

                justify-content: center;

                position: relative;

                text-align: center;
                text-transform: uppercase;

                width: 100%;

                & .mrnlr-outfit-skin-single-title {
                    background-color: white;

                    font-size: 1.4rem;
                    font-weight: 600;

                    padding: 12px 24px;

                    width: fit-content;

                    z-index: 10;
                }

                &::before {
                    border: solid 1px #e9e9e9;

                    content: "";

                    display: flex;

                    left: 0;

                    position: absolute;

                    top: 50%;
                    transform: translateY(-50%);

                    width: 100%;
                }
            }

            & .mrnlr-outfit-skin-single-component {
                display: flex;

                gap: 1rem;

                margin-top: 1rem;

                & .mrnlr-outfit-skin-single-component-image {
                    width: 10%;
                }

                & .mrnlr-outfit-skin-single-component-title {
                    font-weight: 600;

                    margin-bottom: .3em;

                    text-transform: uppercase;
                }

                & .mrnlr-outfit-skin-single-component-price {
                    font-size: .8rem!important;
                }
            }
        }
    }

    & .elementor-pagination {

        align-items: center;

        column-gap: 6px;

        display: flex;

        justify-content: center;

        margin-top: 2em;

        & .page-numbers {

            color: #D3D3D3;

            font-size: 16px;

            margin: 0;

            padding: 10px;

            &:hover {
                color: black;
            }

            &.current {
                color: black;
            }
        }
    }
}

.mrnlr_product_outift_title {
    font-weight: 600;
}

.mrnlr_product_outfit_grid {
    display: grid;

    gap: 1.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-bottom: 3rem;
    margin-top: .75rem;

    & .mrnlr_product_outfit_item {
        display: flex;

        flex-direction: column;

        & .mrnlr_product_outfit_item_title {
            font-size: 1rem;
            font-weight: 600;

            margin-top: 1rem;

            text-transform: uppercase;
        }

        & .mrnlr_product_outfit_item_price {
            font-size: .800rem;
            font-weight: 600;

            margin-top: .25rem;
        }
    }
}

.mrnlr_related_products {
    & .mrnlr_related_products_item {
        & .mrnlr_related_products_item_image_container {
            cursor: pointer;

            line-height: 0;

            margin: 0 10px;

            position: relative;

            &:hover:has(.mrnlr_related_products_item_image_alt) .mrnlr_related_products_item_image {
                opacity: 0;
            }

            & .mrnlr_related_products_sale {
                background: #000;

                color: #fff;

                font-size: 0.8rem;

                left: 0;
                line-height: 1;

                padding: 5px;
                position: absolute;

                top: 0;

                z-index: 20;
            }

            & .mrnlr_related_products_item_image {
                position: relative;

                transition: opacity .4s ease-in-out;

                z-index: 10;
            }

            & .mrnlr_related_products_item_image_alt {
                position: absolute;

                height: 100%;

                left: 0;

                top: 0;

                width: 100%;
            }

            & .mrnlr_related_products_item_sale {
                background: #000;

                color: #fff;

                font-size: 0.8rem;

                left: 0;
                line-height: 1;

                padding: 5px;
                position: absolute;

                top: 0;

                z-index: 20;
            }

            & .mrnlr_related_products_item_out_of_stock {
                background: #ffffffdd;

                display: flex;

                font-size: .875rem;
                font-weight: 600;

                height: fit-content;

                justify-content: center;

                left: 0;

                padding: 1.25rem 1.5rem;
                position: absolute;

                top: 50%;
                transform: translateY(-50%);

                width: 100%;

                z-index: 100;
            }
        }

        & .mrnlr_related_products_item_info_container {
            font-family: "Lato", Sans-serif;

            margin-top: 8px;

            & .mrnlr_related_products_item_brand {
                font-size: 0.8rem;
                font-weight: 600;

                margin-bottom: 0;

                text-align: center;
                text-transform: uppercase;
            }

            & .mrnlr_related_products_item_title {
                font-size: 1rem;
                text-transform: uppercase;
                font-weight: normal;

                margin-bottom: 0;

                text-align: center;
            }

            & .mrnlr_related_products_item_price {
                font-family: "Lato", Sans-serif;
                font-size: 0.8rem;
                font-weight: 600;

                padding-top: 0.5rem;

                text-align: center;
                text-transform: none;

                & del {
                    color: #7A7A7A;

                    font-weight: 600;

                    text-decoration-color: black;
                }
            }
        }
    }

    &.not-splide {
        display: flex;

        justify-content: center;

        & a.mrnlr_related_products_item {
            margin: 0 10px;

            width: 25%;
        }
    }
}

.mrnlr_search_input {
    font-size: 1rem!important;

    padding: .5rem 1rem!important;

    margin-bottom: 10px!important;
    margin-right: 15px!important;
}

.mrnlr_slider_arrow {
    background: none!important;

    opacity: 1!important;

    height: 20px;

    width: 20px;

    & svg {
        fill: white!important;

        height: 20px;

        width: 20px;
    }
}

.pswp__caption__center {
    display: none;
}

.wcgs-spswiper-arrow {
    height: 25% !important;

    top: 50% !important;
    transform: translateY(-50%);

    user-select: none;

    &.wcgs-spswiper-button-next {
        -webkit-animation: mrnlrRightArrow .5s!important;

        animation: mrnlrRightArrow .5s!important;
    }

    &.wcgs-spswiper-button-prev {
        -webkit-animation: mrnlrLeftArrow .5s!important;

        animation: mrnlrLeftArrow .5s!important;
    }
}

.wp-block-yith-search-block {

    & .ywcas-submit-wrapper {
        display: flex;

        & svg {
            stroke: black;
        }
    }
}

.elementor-widget-posts {
    display: flex;

    flex-direction: column!important;
}

.yith-wcan-filters {
    &.horizontal form {
        & .reset-filters {
            padding: .5rem 1rem!important;
        }

        & .yith-wcan-filter {
            &.select-design, &.color-design, &.filter-price-slider, &.filter-orderby {
                & .filter-title {
                    font-size: 1rem!important;

                    padding: .5rem 1rem!important;

                    &.opened {
                        border: solid 1px rgba(0, 0, 0, 0.3)!important;
                        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3)!important;
                    }
                }

                & .filter-content {
                    border: solid 1px rgba(0, 0, 0, 0.3)!important;
                    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3)!important;

                    padding: 1rem!important;

                    & .search-field-container {
                        margin-bottom: .5rem;

                        & input {
                            font-size: .875rem !important;

                            padding: .5rem .75rem !important;
                        }
                    }

                    & ul.matching-items {
                        padding-left: .5rem;

                        margin-left: 0!important;
                        margin-bottom: 0;

                        & li a {
                            display: inline-block!important;

                            padding-left: .25rem!important;

                            &:hover {
                                color: #B4B4B4!important;
                            }
                        }

                        & li.active a {
                            color: #B4B4B4!important;
                        }
                    }

                    & .term-color.single-color {
                        border-radius: 6px!important;
                    }
                }
            }
        }
    }
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    align-items: start!important;

    margin-bottom: 1rem;

    & span {
        font-size: 1rem;
        font-weight: 600;

        text-transform: uppercase;
    }
}

.yith-wcwl-wishlistaddedbrowse {
    align-items: start!important;

    gap: .5rem;

    margin-bottom: 1rem;

    & a {
        font-size: .75rem;
        font-weight: 600;

        text-transform: uppercase;
    }

    & span {
        font-size: 1rem;
        font-weight: 600;

        text-transform: uppercase;
    }
}

.ywcas-search-mobile {
    background-color: unset!important;

    & .mobile-search-close {
        margin-bottom: .5rem!important;
    }

    & .mobile-search-content {
        padding-top: 0!important;

        & .wp-block-yith-filled-block {
            background-color: white;
            border-radius: 10px;

            padding: .375rem;

            overflow-y: auto;

            & .ywcas-search-results-grid {
                row-gap: 1rem;

                & .search-result-item__content {
                    display: grid;

                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-template-rows: repeat(1, minmax(0, 1fr));

                    & .search-result-item__thumbnail {
                        aspect-ratio: 1;

                        grid-column: span 1 / span 1;

                        line-height: 0;

                        max-width: unset!important;

                        width: 100%!important;

                        & .ywcas-badge {
                            display: none!important;
                        }

                        & img {
                            aspect-ratio: 1;
                            object-fit: cover;
                        }
                    }

                    & .search-result-item_name {
                        grid-column: span 2 / span 2;

                        & .search-result-item__name {
                            font-family: "Lato", sans-serif;
                            font-size: .875rem;
                            font-weight: 600;
                        }

                        & .search-result-item__price {
                            font-weight: 400;
                        }

                        & .search-result-item__inline_group {
                            display: none!important;
                        }
                    }

                    & .search-result-item__summary, & .wp-block-button {
                        display: none;
                    }
                }
            }
        }
    }

    & .ywcas-total-results {
        margin-top: 2rem;

        & a.total-results-link {
            font-weight: 600;

            text-decoration: none;
        }
    }
}

.ywcas-popover-results {

    & .popover-content {
        padding: .75rem!important;

        & .ywcas-search-results{
            margin-left: 0!important;
            margin-top: 0!important;

            & .search-result-item__content {
                align-items: flex-start;

                display: grid;

                grid-template-columns: repeat(5, minmax(0, 1fr));
                grid-template-rows: repeat(1, minmax(0, 1fr));

                & .search-result-item__thumbnail {
                    aspect-ratio: 1;

                    grid-column: span 1 / span 1;

                    line-height: 0;

                    width: 5rem!important;

                    & .ywcas-badge {
                        display: none!important;
                    }

                    & img {
                        aspect-ratio: 1;
                        object-fit: cover;
                    }
                }

                & .search-result-item_name {
                    grid-column: span 4 / span 4;
                    grid-column-start: 2;

                    & .search-result-item__name {
                        font-family: "Lato", sans-serif;
                        font-size: .875rem;
                        font-weight: 600;
                    }

                    & .search-result-item__price {
                        font-weight: 400;
                    }

                    & .search-result-item__inline_group {
                        display: none!important;
                    }
                }

                & .wp-block-button {
                    display: none!important;

                    grid-column: span 4 / span 4;
                    grid-column-start: 2;
                }
            }

            & .search-result-item__summary {
                display: none;
            }

            & .total-results-link {
                font-weight: 600;

                text-decoration: none;
            }
        }
    }
}

body.woocommerce-cart {
    div.woocommerce {
        display: grid;

        grid-template-columns: repeat(5, minmax(0, 1fr));

        gap: 3rem;

        & .woocommerce-notices-wrapper, & #wc-stripe-express-checkout__order-attribution-inputs {
            grid-column: span 5/span 5;
        }

        & .woocommerce-cart-form {
            grid-column: span 3/span 3;

            width: 100%;

            & table {
                border: none!important;

                & th, & td {
                    border: none!important;
                }

                & tr td.actions:has(div.coupon) {
                    display: none!important;
                }

                & td.product-remove {
                    a {
                        color: #7A7A7A!important;

                        &:hover {
                            color: #7A7A7A!important;
                        }
                    }
                }

                & td.product-thumbnail {
                    width: 11%;

                    & a, & img {
                        width: 100%;
                    }
                }
            }
        }

        & .cart-collaterals {
            margin-top: -3.4rem;

            grid-column: span 2/span 2;

            width: 100%;

            & .cart_totals {
                width: 100%;

                & h2 {
                    font-size: 1.8rem;
                    font-weight: 600;
                }
            }

            & .wc-proceed-to-checkout {
                & a {
                    font-size: 1rem;
                    font-weight: 600;

                    padding: 1rem;

                    text-transform: uppercase;

                    width: fit-content;
                }
            }
        }
    }
}

@media screen and (max-width: 1024px) {
    #yith-wcwl-form {
        & ul.shop_table.mobile {
            display: flex;

            flex-direction: column;

            gap: 2rem;

            & li {
                display: flex;

                flex-direction: column;

                gap: .375rem;

                margin-bottom: 0;

                & .item-wrapper {
                    display: flex;

                    gap: .75rem;

                    margin-bottom: 0;

                    width: 100%;

                    & .product-thumbnail {
                        line-height: 0;

                        margin-right: 0;
                        max-width: 100px;
                    }

                    & .item-details {

                        & h3 a {
                            font-size: 1.375rem;
                            font-weight: 600;
                        }

                        & table {
                            margin-bottom: 0;

                            & td.label {
                                font-weight: 400;
                            }

                            & td.value {
                                & del {
                                    color: #6d6c6c!important;
                                }

                                & ins {
                                    color: black!important;

                                    font-weight: 600!important;
                                }
                            }
                        }
                    }
                }

                & .additional-info-wrapper {
                    display: flex;

                    flex-direction: column;

                    gap: .5rem;

                    & .additional-info {

                        margin-bottom: 0;

                        & td.value {

                            & .wishlist-in-stock {
                                color: #297e29;

                                font-weight: 600;

                                text-transform: uppercase;
                            }
                        }
                    }

                    & .product-add-to-cart {
                        margin-bottom: 0;

                        & a {
                            background: black;
                            border-radius: 4px;

                            color: white!important;

                            font-weight: 600!important;

                            margin: 0!important;

                            padding: .375rem 0;

                            width: 100%;
                        }
                    }
                }
            }
        }

        & td {
            width: unset;
        }
    }

    .mrnlr-custom-skin {
        .mrnlr-custom-skin-grid {
            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));


            & .mrnlr-custom-skin-product {
                padding: 10px 4px;

                & .mrnlr-custom-skin-product-image-container {

                    margin: 0;
                }

                & .mrnlr-custom-skin-info-container {

                    & .mrnlr-custom-skin-title {
                        font-size: 0.8em;
                        text-transform: uppercase;
                        font-weight: normal;

                        margin-bottom: 0;
                        margin-top: 4px;

                        text-align: center;
                    }

                    & .mrnlr-custom-skin-price {
                        font-family: "Lato", Sans-serif;
                        font-size: 0.8em;
                        font-weight: 600;

                        padding: 1em 0;

                        text-align: center;
                        text-transform: none;

                        & del {
                            color: #7A7A7A;

                            font-weight: 600;

                            text-decoration-color: black;
                        }
                    }
                }
            }
        }

        & .elementor-pagination {

            align-items: center;

            column-gap: 6px;

            display: flex;

            justify-content: center;

            margin-top: 2em;

            & .page-numbers {

                color: #D3D3D3;

                font-size: 16px;

                margin: 0;

                padding: 10px;

                &:hover {
                    color: black;
                }

                &.current {
                    color: black;
                }
            }
        }
    }

    .mrnlr-outfit-skin {
        & .mrnlr-outfit-skin-grid {
            display: grid;

            grid-template-columns: repeat(1, minmax(0, 1fr));

            & .mrnlr-outfit-skin-single {
                padding: 8px;

                & .mrnlr-outfit-skin-single-component {

                    & .mrnlr-outfit-skin-single-component-title {
                    }
                }
            }
        }

        & .elementor-pagination {

            align-items: center;

            column-gap: 6px;

            display: flex;

            justify-content: center;

            margin-top: 2em;

            & .page-numbers {

                color: #D3D3D3;

                font-size: 16px;

                margin: 0;

                padding: 10px;

                &:hover {
                    color: black;
                }

                &.current {
                    color: black;
                }
            }
        }
    }

    body.woocommerce-cart {
        & div.woocommerce {
            display: flex;

            flex-direction: column;

            gap: 1.5rem;

            & .woocommerce-cart-form {

                width: 100%;

                & table {
                    border: none!important;

                    & th, & td {
                        border: none!important;
                    }

                    & tr td.actions:has(div.coupon) {
                        display: none!important;
                    }

                    & td.product-remove {
                        display: flex;

                        justify-content: end;
                        a {
                            color: #7A7A7A!important;

                            &:hover {
                                color: #7A7A7A!important;
                            }
                        }
                    }

                    & td.product-thumbnail {
                        display: block!important;

                        width: 100%;

                        &:before {
                            display:none!important;
                        }

                        & a, & img {
                            width: 100%;
                        }
                    }
                }
            }

            & .cart-collaterals {
                margin-top: 0;

                & .cart_totals {
                    width: 100%;

                    & h2 {
                        font-size: 1.4rem;
                        font-weight: 600;
                    }
                }

                & .wc-proceed-to-checkout {
                    & a {
                        font-size: 1rem;
                        font-weight: 600;

                        padding: 1rem;

                        text-transform: uppercase;

                        width: fit-content;
                    }
                }
            }
        }
    }

    .elementor-widget-container:has(.yith-wcan-filters) {
        margin: 0!important;

        & .e-con-inner {
            gap: 0!important;
        }

        & .yith-wcan-filters form {
            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            & .mrnlr_search_input {
                grid-column: span 2 / span 2;

                font-size: .75rem!important;

                padding: .375rem .875rem!important;

                margin-bottom: 18px!important;
                margin-right: 15px!important;
            }

            & .select-design, & .color-design, & .filter-price-slider, & .filter-orderby {
                & .filter-title {
                    font-size: .75rem!important;
                    padding: .375rem .875rem!important;
                }
            }
        }
    }
}

@keyframes mrnlrLeftArrow {
    from {
        -webkit-transform: translate(-100%, -50%);

        transform: translate(-100%, -50%);
    }
    to {
        -webkit-transform: translate(0, -50%);

        transform: translate(0, -50%);
    }
}

@keyframes mrnlrRightArrow {
    from {
        -webkit-transform: translate(100%, -50%);

        transform: translate(100%, -50%);
    }
    to {
        -webkit-transform: translate(0, -50%);

        transform: translate(0, -50%);
    }
}