/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

 .woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #f1f1f1;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background-color: white;
}
.woocommerce-message a.button {
    margin-left: 7px;
}
.elementor-menu-cart__container ul.cart_list li a, .elementor-menu-cart__container ul.product_list_widget li a {
    color: #000;
    font-weight: 600;
    display: block;
}
.elementor-menu-cart__container ul.cart_list li img, .elementor-menu-cart__container ul.product_list_widget li img {
    float: right;
    margin-left: 4px;
    width: 32px;
    height: auto;
    box-shadow: none;
}
.elementor-menu-cart__container ul.cart_list, .elementor-menu-cart__container ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
}
.elementor-menu-cart__container a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}
.elementor-menu-cart__container p.woocommerce-mini-cart__buttons.buttons a{
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #e9e6ed;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce-cart .qib-button-wrapper .quantity input.input-text.qty.text {
    min-height: 41px !important;
}
.single-product button.plus.qib-button {
    margin-left: 0px !important;
}
.logged-out-user .elementor-element.elementor-element-bfcb22f.elementor-widget.elementor-widget-heading {
    display: none;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
    background: white !important; ;
}
.wpgs-for .slick-arrow::before, .wpgs-nav .slick-prev::before, .wpgs-nav .slick-next::before {
    color: #b5a5a5 !important;
}
.wpgs-nav .slick-current {
    border-color: #b5a5a5 !important;
}
.archive p.woocommerce-result-count {
    display: none;
}

.archive ul.products.elementor-grid.columns-3 {
    margin-top: 2rem;
}

.woocommerce-order-received .woocommerce-order{
    width: 80%;
    margin: auto;
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.woocommerce .woocommerce-customer-details address{
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843) !important;
}
.woocommerce-order-received .woocommerce table.shop_table{
    border: 1px solid rgba(0,0,0,.1) !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr{
    border:1px solid hsla(0,0%,50.2%,.5019607843) !important;
    padding: 9px 12px !important;
}
.woocommerce-order-received .woocommerce ul.order_details li{
    text-align: start;
    margin-bottom: 10px;
}
.woocommerce-orders-table thead {
    background-color: #f7f7f7;
}

.woocommerce-orders-table th, 
.woocommerce-orders-table td {
    padding: 15px;
    text-align: left;
    font-size: 16px;
    border: 0px !important;
}
.woocommerce-orders-table td{
    font-family: "Urbanist", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #151517 !important;
    padding: 10px 20px !important;
}
.woocommerce-orders-table th {
    text-transform: uppercase;
    color: #000000 !important;
    letter-spacing: 1px;
    font-family: "Urbanist", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    padding: 15px 20px !important;
}

.woocommerce-orders-table td {
    color: #555;
    vertical-align: middle;
}

.woocommerce-orders-table tr {
    border-bottom: 1px solid #eee;
}

.woocommerce-orders-table tbody tr:last-child {
    border-bottom: none;
}

.woocommerce-orders-table img {
    max-width: 100px !important;
    height: 133px !important;
    border-radius: 10px !important;
    margin-right: 10px;
}

.woocommerce-orders-table tr:nth-child(even) {
    background-color: #fafafa;
}


.user-account-form {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: auto;
    text-align: center;
}

.profile-image-wrapper {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.profile-image {
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
}

.upload-image-button {
    margin-top: 10px;
    padding: 8px 24px !important;
    background-color: #D1D1D1 !important;
    border: none !important;
    border-radius: 28px !important;
    font-size: 14px;
    cursor: pointer;
    font-family: "Urbanist", Sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left;
    color: #1B2A31 !important;
}

.upload-image-button:hover {
    background-color: #bbb;
}

.user-account-form .form-group {
    margin-bottom: 20px;
}

.user-account-form .form-group label {
    display: block;
    margin-bottom: 5px;
    font-family: "Urbanist", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #000000;
}

.user-account-form .form-group input {
    width: 100%;
    padding: 13px 16px;
    border-radius: 28px;
    font-size: 16px;
    border: 2px solid #EEEEEE;
    background: #FFFFFF;
    font-family: "Urbanist", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #999999;
}

.user-account-form .change-password-link {
    color: #3D3D3D;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin-bottom: 50px;
    font-family: "Urbanist", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.user-account-form .change-password-link:hover {
    text-decoration: underline;
}

.user-account-form .save-changes-button {
    width: 100%;
    background-color: #333;
    color: white;
    padding: 15px;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
}

.user-account-form .save-changes-button:hover , .user-account-form .save-changes-button:focus , .user-account-form .save-changes-button:active {
    background-color: #555;
}

.user-account-form .success {
    color: green;
    margin-bottom: 20px;
}
.logged-in-user .login-btn {
    display: none;
}
.logged-out-user .account-btn {
    display: none;
}
.user-account-form .error {
    color: red;
    margin-bottom: 20px;
}
.single-product td.value.woo-variation-items-wrapper {
    display: flex;
}
.eael-register-form-wrapper p.eael-form-msg.valid {
    display: none;
}
.single-product ul.variable-items-wrapper.radio-variable-items-wrapper.wvs-style-rounded {
    display: contents;
}
.swiper-pagination span.swiper-pagination-bullet-active{
    font-size: 13px;
    color: #000;
    width: 20px;
    height: 20px;
    position: relative;
    background: transparent;
    border: 1px solid #838585;
    padding: 0;
    display: inline-block !important;
    margin: 19px 0px !important;
}
.swiper-pagination span{
    font-size: 1px;
    color: #000;
    width: 12px;
    height: 12px;
    position: relative;
    background: #888;
    border: 1px solid #888;
    padding: 0;
    display: inline-block !important;
    margin: 19px 0px !important;
    opacity: unset !important;
}
.swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px; 
    height: 40px;
    background-color: #b4b4b4;
}
.swiper-pagination-bullet:last-child::before {
    display: none;
}
.toggle-filter{
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}
.toggle-filter.active {
    max-height: 100%;
    opacity: 1;
}
.toggle-btn{
    cursor: pointer;
}
form.woocommerce-ordering {
    display: block;
    position: absolute;
    top: -12%;
    right: 35px;
    width: 187PX;
}
select.orderby , select.orderby:focus {
    border: 1px solid #EEEEEE !important;
    border-radius: 47px;
    padding: 4px 8px;
    font-family: "Urbanist", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000;
    height: 48px;
    background: #fff !important;
}

.whatsapp-div {
    width: fit-content;
    position: fixed;
    bottom: 70px;
    right: 25px;
    z-index: 999;
}
.whatsapp-div .wa__button{
    width: 75px;
}
.wa__stt_online .wa__btn_txt {
    display: none;
}
@media screen and (max-width: 768px) {
    .whatsapp-div {
        right: 20px;
        bottom: 50px;
    }
    .whatsapp-div .wa__button{
        width: 75px;
    }
    .elementor-nav-menu--dropdown li a{
        background: transparent !important;
    }
    .menicor {
        justify-content: end !important;
    }
    .woocommerce-notices-wrapper .woocommerce-message{
        display: inline-grid;
    }
    .woocommerce-notices-wrapper .woocommerce-message a.button {
        margin-left: 0px !important;
        margin-top: 5px;
        width: max-content;
        float: right !important;
    }
    .woocommerce-notices-wrapper .woocommerce-message a.button:nth-child(2) {
        margin-top: -18px;
    }
    .woocommerce-order-received .woocommerce-order{
        width: 95%;
    }
    .elementor-1307 .elementor-element.elementor-element-e132f33 .elementor-icon svg {
        height: 38px !important;
        width: 38px;
        margin-top: -3px;
    }
    .toggle-btn .elementor-icon-wrapper {
        display: flex;
    }
    select.orderby {
        height: 36px;
    }
    form.woocommerce-ordering {
        position: absolute;
        top: -13%;
        right: 45px;
        width: 40%;
        z-index: 1;
    }
    body:has(.toggle-filter.active) form.woocommerce-ordering {
        display: none !important;
    }
    #wpfBlock_8 .wpfFilterVerScroll{
        max-height: 100% !important;
    }
    button.wpfClearButton.wpfButton, button.wpfClearButton.wpfButton:hover, button.wpfClearButton.wpfButton:active, button.wpfClearButton.wpfButton:focus {
        width: 96%;
    }
    .mobile-menu-popup {
        background-color: unset !important;
        pointer-events: none !important;
    }
    
    .mobile-menu-popup a.dialog-close-button.dialog-lightbox-close-button{
        display: none !important;
    }
    .mobile-menu-popup .dialog-message {
        width: 100% !important;
        height: auto;
    }
    .menu-main-cu{
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    .mobile-menu-popup .dialog-widget-content.dialog-lightbox-widget-content.animated {
        width: 96%;
        margin-top: 4.1rem;
        background: transparent;
        box-shadow: unset !important;
        border-bottom-left-radius: 28px !important;
        border-bottom-right-radius: 28px !important;
    }
    .mobile-menu-popup .dialog-widget-content.dialog-lightbox-widget-content.animated:before {
        content: "";
        background: rgba(242, 249, 249, 0.5);
        backdrop-filter: blur(12px); 
        -webkit-backdrop-filter: blur(20px);
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-bottom-left-radius: 28px !important;
        border-bottom-right-radius: 28px !important;
    }
    span.submenu1{
        display: flex;
        align-items: center;
    }
    span.submenu1:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Construction-1.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    .mobile-buicon .elementor-icon-wrapper {
        display: flex;
        width: 22px;
    }
    .mobile-closecon{
        display: none;
    }
    .mobile-closecon .elementor-icon-wrapper {
        display: flex;
        width: 22px;
        justify-content: center;
    }
    span.submenu2{
        display: flex;
        align-items: center;
    }
    span.submenu2:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Window.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    span.submenu3{
        display: flex;
        align-items: center;
    }
    span.submenu3:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Blind.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    span.submenu4{
        display: flex;
        align-items: center;
    }
    span.submenu4:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Pergola.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    span.submenu5{
        display: flex;
        align-items: center;
    }
    span.submenu5:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Garage.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    span.submenu6{
        display: flex;
        align-items: center;
    }
    span.submenu6:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Fence.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    .mobile-menu-popup ul.sub-menu.elementor-nav-menu--dropdown li {
        margin-bottom: 10px;

    }
    span.submenu7{
        display: flex;
        align-items: center;
    }
    body:has(.elementor-sticky--active) .mobile-menu-popup .dialog-widget-content.dialog-lightbox-widget-content.animated{
        margin-top: 3.3rem !important;
    }
    span.submenu7:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://benimconcept.fr/wp-content/uploads/2024/08/Door.svg);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }
    .mobile-menu-popup .elementor-nav-menu--dropdown {
        background-color: transparent;
        font-size: 13px;
    }
    .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
        background-color: unset !important;
    }
    .elementor-element-fec7b83 .elementor-shortcode{
        overflow-x: auto;
    }
    .woocommerce-orders-table {
        font-size: 14px;
    }

    .woocommerce-orders-table img {
        max-width: 50px;
    }
}


@media screen and (max-width: 370px) {
    form.woocommerce-ordering {
        position: absolute;
        top: -14%;
        right: 45px;
        width: 40%;
        z-index: 1;
    }
}