/* Variables */
/* --primary-color: #d48f51; */
/* --neutral-dark: #090808; */
/* --neutral-light: #fff; */

/* ======= Carcard ======= */
.c-carcard__imgcontainer{
    height: 360px !important;
    overflow: hidden !important;
}

.c-carcard__imgcontainer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(9, 8, 8, 0.35) 0%,
        rgba(9, 8, 8, 0) 30%,
        rgba(9, 8, 8, 0) 45%,
        rgba(9, 8, 8, 1) 100%
    );
    pointer-events: none; /* zodat clicks doorgaan naar elementen eronder */
}
.c-carcard--highlighted .c-carcard__imgcontainer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(9, 8, 8, 0.8) 0%,
        rgba(9, 8, 8, 0) 8%,
        rgba(9, 8, 8, 0) 75%,
        rgba(9, 8, 8, 1) 100%
    );
    pointer-events: none; /* zodat clicks doorgaan naar elementen eronder */
}

.c-carcard__img{
    height: 360px !important;
    transition: all 0.45s ease !important;
}

.c-carcard:hover .c-carcard__img{
    scale: 1.15;
}

.c-carcard--highlighted:hover .c-carcard__img{
    scale: 1.04;
}

.c-carcard__title {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* aantal regels dat je wil tonen */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ======= Load More Btn ======= */
.e-loop__load-more{
    margin-top: 40px !important;
}

/* ======= Sold Status ======= */
.c-carcard__verkocht{
  color: var(--primary-color);
  display: none;
}

.c-carcard.c-carcard__sold,
a.c-carcard.c-carcard__sold {
    /* opacity: 0.6; */
    /* filter: grayscale(60%); */
    pointer-events: none; /* if you want to disable the link */

}

a.c-carcard.c-carcard__sold .c-carcard__title{
    z-index: 10;
}
a.c-carcard.c-carcard__sold .c-carcard__pricecontainer{
    margin-top: 16px;
}
a.c-carcard.c-carcard__sold .c-carcard__price{
    display: none;
}
a.c-carcard.c-carcard__sold .c-carcard__verkocht{
    display: block;
}
a.c-carcard.c-carcard__sold .c-carcard__info{
    opacity: 0;
    display: none;
}

a.c-carcard.c-carcard__sold .c-carcard__imgcontainer::after {
    content: '';
    position: absolute;
    inset: 0; /* shorthand for top/right/bottom/left: 0 */
    background-color: rgba(212, 143, 81, 0.45); /* red with 35% opacity */
    pointer-events: none; /* clicks pass through to the link */
    z-index: 1;
}

/* ======= DetailPage ======= */

.c-cardetail__equipmentitem{
    color: #fff;
    width: 48%;
    display: flex;
    /* align-items: center; */
    margin-bottom: 0.5rem;
}

@media (max-width: 600px){
    .c-cardetail__equipmentitem{
        width: 100%;
    }
}