/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.ib-product-accessories{
    display: none;
}

.ib-product-accessories:has(.ibrelatedproduct){
    display: block;
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, .1254901961);
}

.ibrelatedproducts-title{
    color: #2C2C2C;
    font-family: "Barlow Semi Condensed", sans-serif;;
    font-size: clamp(22px, 2vw, 34px);
    font-weight: 600;
    padding-bottom: 20px;
}
.ibrelatedproducts{
    border-radius: 5px;
    border: 1px solid #F3F5F6;
    padding: 15px;
    background-color: #F3F5F6;
}

.ibrelatedproducts .row {
    align-items: center;
}

.ibrelatedproduct{
    border-radius: 5px;
    background:#fff;
    padding: 15px 10px;
    align-items: center;
    gap: 10px;
}
.ibrelatedproducts .col-xl-7 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;

}
.ibrelatedproducts .col-xl-7 .ibrelatedproduct{
    background-color: #fff;
    position: relative;
    margin-top: 40px;
}

.ibrelatedproducts .col-xl-7 .ibrelatedproduct:before{
    content: "+";
    font-size: 42px;
    color: #000000;
    font-weight: 300;
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
}

.ibrelatedproduct .media-left{
    width: clamp(80px, 6vw, 110px);
    height: clamp(80px, 6vw, 110px);
}
.ibrelatedproduct .media-left img{
    height: 100%;
    mix-blend-mode: multiply;
}

.ibrelatedproduct .media-body{
    max-width: 250px;
    padding-left: 5px;
}

.ibrelatedproduct .media-body .media-heading{
    color: #1F1F1F;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.ibrelatedproduct .media-body strong{
    color: #1F1F1F;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1vw, 18px);
    font-weight: 700;
}
.ibrelatedproduct .media-body del{
    color: #1F1F1F;
    font-family: "Raleway";
    font-size: 16px;
    opacity: 0.6;
    text-decoration-line: line-through;
}

.ibrelatedproduct .media-body:has(del) strong{
    color: #EC6F5A;
}

.ibrelatedproducts > .row .ibrelatedproduct input[type="checkbox"]{
    width: 25px;
}
.ibrelatedproducts > .row .ibrelatedproduct input[type="checkbox"]::before{
    content: '';
    background-color: #fff;
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #000000;
    position: relative;
    bottom: 5px;
}

.ibrelatedproducts > .row .ibrelatedproduct input[type="checkbox"]:checked::before{
    content: "\e902";
    font-family: 'bricoex';
    font-size: 16px;
    background-color: #027CDE;
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #027CDE;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.ibrelatedproducts .col-xl-7 .ibrelatedproduct input[type="checkbox"]::before{
    cursor: pointer;
}

.ibrelatedproducts > .row >div:first-child .ibrelatedproduct input[type="checkbox"]:checked::before{
    width: 25px;
    height: 25px;
    position: relative;
}

.ibrelatedproducts-totals{
    text-align: center;
    padding-top: 20px;
}
.ibrelatedproducts-totals .ibrelatedproducts-totals-price{
    padding-bottom: 10px;
}
.ibrelatedproducts-totals .total-price, .ibrelatedproducts-totals .euro{
    color: #000;
    font-family: "Barlow Semi Condensed";
    font-size: clamp(22px, 2vw, 34px);
    font-weight: 600;
}
.ibrelatedproducts-totals .ibrelatedproducts-add-to-cart{
    border-radius: 100px;
    color: #F6F6F6;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 100%;
    padding: 12px 10px;
}

@media screen and (min-width: 1200px){
    .ib-product-accessories:has(.ibrelatedproduct){
        padding: 100px 0;
    }
    .ibrelatedproducts .col-xl-7{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        gap: 40px;
        padding-left: 25px;
    }
    .ibrelatedproducts{
        padding: 24px;
    }
    .ibrelatedproduct .media-body{
        padding-left: 15px;
    }
    .ibrelatedproducts-totals{
        padding: 0;
    }
    .ibrelatedproducts .col-xl-7 .ibrelatedproduct:before{
        left: -33px;
        top: 50%;
        transform: translateY(-50%);
    }
    .ibrelatedproducts .col-xl-7 .ibrelatedproduct{
        margin-top: 0;
    }
    .ibrelatedproduct{
        padding: 15px 24px;
    }
}