/* Zorgt voor gelijke hoogte van webshop afbeeldingen */
.blog-items .com-content-category-blog__item img {
    width: 100%;
    height: 250px; /* Pas deze hoogte aan naar wat jij mooi vindt */
    object-fit: cover; /* Dit zorgt ervoor dat de foto niet vervormt of uitrekt */
}
/* --- COMPREHENSIVELY REMOVE ALL BULLETS FROM THE J6 MENU --- */

/* Schakel bullets uit op ALLE mogelijke lijst-elementen in het menu */
.mod-menu, 
.mod-menu ul, 
.mod-menu li, 
.mod-list,
.nav,
ul.nav {
    list-style: none !important;
    list-style-type: none !important;
    background-image: none !important; /* Voorkomt dat icoontjes stiekem als bullet dienen */
}

/* Zorg dat de hoofdmenu-items (inclusief je nieuwe test-item) strak links beginnen */
.mod-menu li,
.mod-list li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Zorg dat ALLE gemarkeerde sub-items exact jouw gewenste 10px inspringing krijgen */
.mod-menu .sub-item-verstopt,
.mod-menu li a.sub-item-verstopt {
    padding-left: 10px !important;
    display: inline-block !important;
    font-size: 0.95em !important;
    font-weight: normal !important;
}
/* --- DE DEFINITIEVE EN AGRESSIEVE FIX VOOR MENU BULLETS IN CASSIOPEIA --- */

/* Selecteer elke mogelijke lijst en lijst-item in de header en modules */
header ul, 
header li, 
.container-header ul, 
.container-header li, 
.mod-menu, 
.mod-menu ul, 
.mod-menu li,
ul.nav,
li.nav-item {
    list-style: none !important;
    list-style-type: none !important;
    background: none !important; /* Wist eventuele achtergrondstipjes */
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Zorg dat je hoofdmenu-items (zoals Webshop en je test-item) strak links uitlijnen */
.mod-menu > li,
ul.nav > li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: block !important; /* Dwingt ze onder elkaar in plaats van als opsomming */
}

/* Geef de sub-items specifiek hun 10px inspringing terug */
.mod-menu .sub-item-verstopt,
.mod-menu li a.sub-item-verstopt,
.mod-menu li .sub-item-verstopt {
    padding-left: 10px !important;
    display: inline-block !important;
    font-size: 0.95em !important;
    font-weight: normal !important;
}
/* Producttitels in de blog-lay-out kleiner en subtieler maken */
.blog-item .page-header h2 {
    font-size: 1.4rem; /* Past de grootte aan (standaard is vaak 2rem of groter) */
    font-weight: 600;  /* Maakt de letters netjes half-dik gedrukt */
    margin-bottom: 10px; /* Geeft wat ademruimte onder de titel */
}