/*
Theme Name: CENDO
Theme URI: https://www.cendo.nl
Author: Studio MVP
Author URI: https://studiomvp.nl
Version: 2.0.0
*/

/* STIJLING CROSS SELL PRODUCTEN IN DE CART *//
/* Cross-sells – mobile layout only */
@media (max-width: 768px) {
    #cart-cross-sells .cs-caption {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    /* Titel: 2 regels i.p.v. direct ellipsis */
    #cart-cross-sells .cs-title {
        margin: 0 0 8px 0;
        line-height: 1.25;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* Subtitel 1 regel */
    #cart-cross-sells .cs-sub {
        margin: 0 0 8px 0;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    /* Onderrij naar beneden duwen */
    #cart-cross-sells .cs-bottom {
        margin-top: auto;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
    }

    #cart-cross-sells .cs-bottom .price {
        display: inline-block;
    }
}

/* Container lay-out */
.comment_container .review-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
/* EINDE STIJLING CROSS SELL PRODUCTEN IN DE CART *//


/************ STIJLEN REVIEW COMMENTAREN EN FOTO"S BIJ REVIEWS **/
/* Maak anchors en images niet-klikbaar (ook tegen lightbox) */
.comment_container .review-attachments a,
.comment_container .review-attachments img{
  pointer-events:none !important;
  cursor:default !important;
  text-decoration:none !important;
}

/* Thumbnail-styling (vierkant, bijgesneden) */
.comment_container .review-attachments img{
  width:96px !important;
  height:96px !important;
  object-fit:cover;
  border-radius:8px;
  display:inline-block;
}

/* Safety net voor veelvoorkomende galleries/klassen */
.comment_container .review-attachments .cr-review__gallery img,
.comment_container .review-attachments .cr-media-image img{
  width:96px !important;
  height:96px !important;
  object-fit:cover;
}
.comment_container .review-attachments .cr-review__gallery a{
  pointer-events:none !important;
}

/* Lay-out container met thumbnails */
.comment_container .cr-comment-images,
.comment_container .cr-comment-videos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

/* Niet-klikbaar maken (anker én container) */
.comment_container .cr-comment-images,
.comment_container .cr-comment-images a,
.comment_container .iv-comment-image a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* Thumbnail-styling – forceer over WooCommerce's responsive img */
.comment_container .cr-comment-images img,
.comment_container .iv-comment-image img {
  width: 96px !important;
  height: 96px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  display: inline-block;
  border-radius: 8px;
}

/************ EINDE STIJLEN REVIEW COMMENTAREN EN FOTO"S BIJ REVIEWS **/

/**** lijn tussen producten in de gallerij breder maken */////////
/* Volledige scheidslijn via de <li> (laat je code zo) */
ul.products.columns-1>li.product {
    border-bottom: 1px solid #e5e7eb;
    /* Tailwind gray-200 */
}

ul.products.columns-1>li.product:last-child {
    border-bottom: 0;
}

/* Zet de “korte lijn” van het thema uit */
ul.products.columns-1>li.product .cursor-pointer::after,
ul.products.columns-1>li.product article::after,
ul.products.columns-1>li.product::after {
    content: none !important;
    display: none !important;
}