/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
 /***********************
    Theme Setings
***********************/
body{
    --remorque-green: #8ABF4B;
    --brawn-title: #584E3F;
}

h2, h3{
    color: var(--brawn-title) !important;
}

.elementor-button{
    color: var(--remorque-green) !important;
    border-color: var(--remorque-green);
}

.elementor-button:hover{
    background-color: var(--remorque-green);
    color: #FFFFFF !important;
}   

@media screen and (max-width: 767px) {
    html, body{
        overflow-x: hidden;
    }
}
/***********************
    Header mobile
***********************/
.mobile-header-wrapper,
.mobile-home-wrapper
{
    display: block !important;
}

/***********************
    Header
***********************/
.remorques_cart .elementor-button{
    color: #FFFFFF !important;
}

.remorques_cart .elementor-button:hover{
    color: var(--remorque-green) !important;
}

@media screen and (max-width: 1024px) {
    .remorques_header_cats,
    .remorques_header_cats .elementor-element-populated
    {
        width: fit-content;
    }
}

@media screen and (max-width: 767px) {
    .remorques_header_rubriques .elementor-row{
        justify-content: center;
    }

    .remorques_header_cats .elementor-image-box-wrapper{
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .remorques_header_cats .elementor-image-box-title{
        font-size: 17px !important;
    }

    .remorques_header_cats .elementor-image-box-img img{
        max-width: 40px;
    }
}

/***********************
    Footer
***********************/
.remorques_footer h2{
    color: #FFFFFF !important;
}

/***********************
    Home
***********************/
.remoqrues_home_phares .short-desc{
    display: none;
}

.remorques_home_cta_products_type h2,
.remorques_home_newsletter h2{
    color: #FFFFFF !important;
}

.remorques_home_cta_products_type .fa-circle-chevron-right{
    font-size: 20px;
}

.remorques_home_cta_products_type .elementor-cta-title{
    display: flex;
    justify-content: space-between;
}

.pkfp-wn{
    display: none;
}

.remorques_home_reassurance h3{
    color: #FFFFFF !important;
}

.remorques_home_newsletter .elementor-button{
    background-color: var(--remorque-green)!important;
    color: #FFFFFF !important;
}
/***********************
    Cartes des products grid
***********************/
.product-miniature .product-thumbnail{
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 10px 10px 0 0;
}

.product-miniature .product-thumbnail img{
    margin: -100px 0;
}

.product-miniature .product-thumbnail a{
    border-radius: 10px 10px 0 0;
}

.product-miniature .product-desc-wrap{
    background-color: #FFFFFF;
}

.product-miniature .product-brand{
    text-align: center;
    color: #045479;
    padding: 15px 5px 5px 5px;
}

.product-miniature .product-title{
    font-size: 17px;
    text-align: center;
    padding: 5px;
}

.product-miniature .product-price-and-shipping{
    justify-content: center;
    flex-direction: row-reverse;
    background-color: #8ABF4B;
    padding: 10px 0;
    margin: 0;
    border-radius: 0 0 10px 10px;
}

.product-miniature .product-price-and-shipping .price,
.product-miniature .product-price-and-shipping .regular-price{
    color: #FFFFFF;
}

.product-miniature .product-price-and-shipping .regular-price{
    margin-left: 10px;
    margin-right: 0;
}

.product-miniature .product-desc-wrap{
    border-radius: 0 0 10px 10px;
}

.product-miniature .product-flags{
    top: 0;
    right: unset;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.product-miniature .product-flag{
        border-radius: 10px;
}

.product-miniature .product-flag.out_of_stock{
    background-color: #A44F4F;
}

.product-miniature .product-flag.on-sale{
    background-color: #4799B7;
}

.product-miniature .hook-reviews{
    display: none;
}