/*
 * Kleine opmaak-fixes garantierondje - 15-11-2026 Innovatie Media
 * 1. Headerpil "NL / incl. BTW" niet laten omslaan naar twee regels.
 * 2. TranslatePress-dropdown in het voorkeursmenu: ingeklapte optielijst
 *    stak als leeg strookje onder de taalkeuze uit; nu alleen zichtbaar
 *    bij hover/focus, met nette kaart-opmaak.
 * 3. WhatsApp-knop (wp-whatsapp plugin): compact en subtiel, 44px rond,
 *    in lijn met de cookie-badge linksonder.
 */

.preference-switcher .primary-settings {
    white-space: nowrap;
}

/* TranslatePress zet om de eigenlijke taalkeuze-box nóg een witte doos
   (border + padding + achtergrond); die buitenste onzichtbaar maken zodat
   alleen de nette binnenste select-box overblijft. */
.preference-dropdown .trp-language-switcher {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    box-shadow: none !important;
}

.preference-dropdown .trp-switcher-dropdown-list {
    display: none;
}
.preference-dropdown .trp-language-switcher:hover .trp-switcher-dropdown-list,
.preference-dropdown .trp-language-switcher:focus-within .trp-switcher-dropdown-list {
    display: block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.wa__button.wa__r_button {
    width: 44px !important;
    height: 44px !important;
    min-height: 0 !important;
    bottom: 16px !important;
    right: 16px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important;
}
.wa__button .wa__btn_icon {
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* De plugin positioneert het icoon absoluut met een translate die bij
       de oorspronkelijke 64px-knop hoorde; neutraliseren zodat de
       flex-centrering van de knop het icoon echt centreert. */
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
}
.wa__button .wa__btn_icon img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    display: block !important;
}
.wa__button .wa__btn_txt {
    display: none !important;
}

/*
 * Homepage-blokken (review 15-11-2026):
 * 4. Content-blok "voor industrie, machinebouw en onderhoud": de foto is veel
 *    korter dan de tekstkolom en bleef bovenin hangen; nu sticky zodat hij
 *    meeloopt. De kale standaard-bullets vervangen door merkrode vinkjes,
 *    in dezelfde stijl als de groene vinkjes bij de nieuwsbrief-USP's.
 * 5. Keurmerk-blok: 120px boven + 180px onder gaf een dood gat voor de
 *    beoordelingsregel; gelijkgetrokken met de andere blokken (100/100).
 */

.block-content [class*="image-position-"] {
    align-items: flex-start;
}
.block-content .content__image {
    position: sticky;
    top: 140px;
}

.block-content .content__text ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}
.block-content .content__text ul li {
    position: relative;
    padding-left: 30px;
    margin: 0 0 12px;
    line-height: 1.6;
}
.block-content .content__text ul li:last-child {
    margin-bottom: 0;
}
.block-content .content__text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ED1C24;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
}

.block-webwinkelkeur {
    margin-top: 100px;
    margin-bottom: 100px;
}