/* Knowledge Box pagina - staging-opmaak (gescoped) */
html:has(body.tweha-v2-look){font-size:16px;}
body.tweha-v2-look .navstyle_10 > .owl-nav button, body.tweha-v2-look .us-nav-style_10 > *, body.tweha-v2-look .us-btn-style_10{font-family:var(--h1-font-family);font-style:normal;text-transform:none;font-size:16px;font-weight:700;letter-spacing:0;padding:.625em 1.75em;transition-duration:.3s;border-radius:50px;transition-timing-function:ease;--btn-height:calc(1.5em + 2 * .625em);--btn-border-width:2px;--btn-background:transparent;--btn-hover-background:linear-gradient(90deg,var(--color-content-orange-700) 0%,var(--color-content-primary) 100%);--btn-border-color:#E0E0E0;background:var(--btn-background,transparent);border-color:var(--btn-border-color,transparent);border-image:none;line-height:1.5 !important;color:var(--color-content-heading) !important;}
body.tweha-v2-look .us-btn-style_10{overflow:hidden;position:relative;transform:translateZ(0);}
body.tweha-v2-look .us-btn-style_10 > *{position:relative;z-index:1;}
body.tweha-v2-look #knowledge-box-table-body, body.tweha-v2-look #knowledge-box-table-body-small .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper{ background-color: var(--color-content-bg-alt); border: 1px solid var(--color-content-bg); align-items: center; }
body.tweha-v2-look .knowledge-box-card .w-image-h img{ transition: filter 0.35s; }
body.tweha-v2-look .knowledge-box-card:hover .w-image-h img{ filter: grayscale(65%); }
body.tweha-v2-look .knowledge-box-filter:hover{ filter: drop-shadow(3px 3px 6px var(--color-content-blue-dark)); }
@media screen and (max-width: 1024px){body.tweha-v2-look .knowledge-box-category{ font-size: 14px; } body.tweha-v2-look .w-filter-item.btns_in_row_auto, body.tweha-v2-look .w-filter-item-content, body.tweha-v2-look .w-filter-item-values{ min-width: 0px !important; } body.tweha-v2-look .w-filter-item-values{ scrollbar-width: none; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.tweha-v2-look .w-filter-item-values::-webkit-scrollbar{ display: none !important; } body.tweha-v2-look .w-filter-item-values .w-filter-item-value{ flex: 0 0 auto !important; white-space: nowrap !important; } body.tweha-v2-look .w-filter-item-values .w-filter-item-value-label{ white-space: nowrap !important; } body.tweha-v2-look .w-filter-scroll-track{ position: relative; height: 4px; background: rgb(224, 224, 224); border-radius: 2px; margin-top: 10px; overflow: hidden; } body.tweha-v2-look .w-filter-scroll-thumb{ position: absolute; top: 0px; left: 0px; height: 100%; background: rgb(247, 148, 29); border-radius: 2px; }}
@media screen and (max-width: 376px){body.tweha-v2-look .knowledge-box-category{ font-size: 11px; }}
body.tweha-v2-look .w-filter-item-value.us-btn-style_10:has(input:checked), body.tweha-v2-look .us-nav-style_10 > span.current, body.tweha-v2-look .no-touch .navstyle_10 > .owl-nav button:hover, body.tweha-v2-look .no-touch .us-nav-style_10 > :hover, body.tweha-v2-look .no-touch .us-btn-style_10:hover{ background: var(--btn-hover-background,transparent); border-color: var(--btn-hover-border-color,transparent); border-image: none; color: rgb(255, 255, 255) !important; }
body.tweha-v2-look .w-filter-item-value.us-btn-style_10:has(input:checked)::after, body.tweha-v2-look .no-touch .us-btn-style_10:hover::after{ opacity: 1; }

/* tabelrijen en kaartopmaak van staging */
body.tweha-v2-look #knowledge-box-table-header, body.tweha-v2-look #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper{ display: grid; grid-template-columns: 2.5fr 1fr 0.5fr 0.5fr; padding: 12px 12px 12px 24px; }
body.tweha-v2-look #knowledge-box-table-header-small, body.tweha-v2-look #knowledge-box-table-body-small .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper{ display: grid; grid-template-columns: 2fr 0.5fr; padding: 12px 12px 12px 16px; }
@media screen and (max-width: 600px){body.tweha-v2-look #knowledge-box-table-header, body.tweha-v2-look #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper{ padding: 6px; }}
@media screen and (max-width: 1024px){body.tweha-v2-look #knowledge-box-table-header, body.tweha-v2-look #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper{ display: flex; justify-content: space-between; padding: 12px; } body.tweha-v2-look .knowledge-box-category{ font-size: 14px; }}

/* Categoriefilter: staging gebruikt knopstijl 10, de app kent die niet en valt terug op stijl 1. Hier dezelfde look voor alleen deze filterchips. */
body.tweha-v2-look .w-filter-item-value.w-btn{font-family:var(--h1-font-family);font-style:normal;text-transform:none;font-size:16px;font-weight:700;letter-spacing:0;padding:.625em 1.75em;transition-duration:.3s;border-radius:50px;transition-timing-function:ease;--btn-height:calc(1.5em + 2 * .625em);--btn-border-width:2px;--btn-background:transparent;--btn-hover-background:linear-gradient(90deg,var(--color-content-orange-700) 0%,var(--color-content-primary) 100%);--btn-border-color:#E0E0E0;background:var(--btn-background,transparent);border:0;box-shadow:inset 0 0 0 2px var(--btn-border-color,transparent);line-height:1.5 !important;color:var(--color-content-heading) !important;overflow:hidden;position:relative;transform:translateZ(0);}
body.tweha-v2-look .w-filter-item-value.w-btn > *{position:relative;z-index:1;}
body.tweha-v2-look .w-filter-item-value.w-btn:has(input:checked){background:var(--btn-hover-background);box-shadow:none;color:#fff !important;}
@media (hover:hover){body.tweha-v2-look .w-filter-item-value.w-btn:hover{background:var(--btn-hover-background);box-shadow:none;color:#fff !important;}}