/* Produktübersicht im Stil der Variantentabelle. Nur Klassen dieses Shortcodes. */
.hbpim-overview {
    width: 100%;
    margin: 1.5rem 0 2rem;
    --hbpim-overview-border: var(--hbpim-table-border-color, #ddd);
    --hbpim-overview-header: var(--hbpim-dark-blue, #005a9a);
    --hbpim-overview-stripe: var(--hbpim-light-gray, #f9f9f9);
}
.hbpim-overview__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; }
.hbpim-overview__scroll:focus-visible { outline: 2px solid var(--hbpim-overview-header); outline-offset: 2px; }
.hbpim-overview__table { border-collapse: collapse; width: 100%; min-width: 1080px; font-size: var(--hbpim-font-size); font-variant-numeric: tabular-nums; }
.hbpim-overview__table th {padding: var(--hbpim-table-padding-header); border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
.hbpim-overview__table td {padding: var(--hbpim-table-padding-header); border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
.hbpim-overview__table thead th { background: var(--hbpim-overview-header); color: #fff; font-weight: 600; white-space: nowrap; }
/*.hbpim-overview__table tbody tr:nth-child(even) { background: var(--hbpim-overview-stripe); }*/
.hbpim-overview__row { cursor: pointer; }
.hbpim-overview__row:hover { background: #f3f6f9 !important; }
.hbpim-overview__col--image { /*width: 190px; min-width: 170px; */}
.hbpim-overview__image a {     height: 70px;    width: 300px;    display: flex;    align-items: center;    overflow: hidden;    justify-content: center;}
.hbpim-overview__thumbnail {  display: block; /*width: 160px;*/ max-width: 100%; /*height: 76px;*/ object-fit: contain; }
.hbpim-overview__image-placeholder { color: #777; }
.hbpim-overview__table .hbpim-overview__col--sku { text-align: left; white-space: nowrap; /*min-width: 155px; */}
.hbpim-overview__sku { font-weight: 600; }
.hbpim-overview__sku a { color: inherit; text-decoration: none; }
.hbpim-overview__sku a:hover, .hbpim-overview__sku a:focus-visible { color: var(--hbpim-overview-header); text-decoration: underline; }
.hbpim-overview__col--diameter, .hbpim-overview__col--teeth, .hbpim-overview__col--tooth-type { /*min-width: 76px;*/ white-space: nowrap; }
.hbpim-overview__col--coating { /*min-width: 150px; */}
.hbpim-overview__col--dc, .hbpim-overview__col--trocut { /*width: 77px; */}
.hbpim-overview__col--iso { min-width: 238px; }
.hbpim-overview__col--link { /*width: 50px; */}
.hbpim-overview__na { color: #858585; }
.hbpim-overview__boolean { display: inline-block; font-size: 21px; font-weight: 700; line-height: 1; }
.hbpim-overview__details { display: inline-flex; align-items: center; justify-content: center; /*width: 30px; height: 30px;*/ color: var(--hbpim-overview-header); font-size: 22px; text-decoration: none; }
.hbpim-overview__details:hover { color: var(--hbpim-button-hover-background, #0090f7); }
.hbpim-overview__empty, .hbpim-overview__error { margin: 1rem 0; }
.hbpim-overview__error { color: #a22; }


/* Platzhalter ausblenden */
.hbpim-properties__boolean-placeholder,
.hbpim-overview__boolean > span {
    font-size: 0;
}

/* Gemeinsame Icon-Einstellungen */
.hbpim-properties__boolean-placeholder::before,
.hbpim-overview__boolean > span::before {
    display: inline-block;
    font-size: 17px;
    font-family: 'FA-Sharp-Solid' !important;
}

/* Haken */
.hbpim-properties__boolean--true .hbpim-properties__boolean-placeholder::before,
.hbpim-overview__boolean--true > span::before {
    content: "\f093";
    color: var(--hbpim-dark-blue);
}

/* Kreuz */
.hbpim-properties__boolean--false .hbpim-properties__boolean-placeholder::before,
.hbpim-overview__boolean--false > span::before {
    content: "\f136";
    color: #a5aab0;
}

/* ISO: Gruppen mit Wert 0 oder ohne Angabe ausblenden */
.hbpim-overview .hbpim-iso__group:has(.hbpim-iso__dot--empty),
.hbpim-overview .hbpim-iso__group:has(.hbpim-iso__missing) {
    display: none;
}

/* ISO: Alle Punkte ausblenden */
.hbpim-overview .hbpim-iso__dots {
    display: none;
}

/* ISO: Kästchen kompakter darstellen */
.hbpim-overview .hbpim-iso--compact .hbpim-iso__group {
    height: 28px;
    padding: 7px 4px;
    justify-content: center;
}

/* ISO: Abstand zwischen den Kästchen */
.hbpim-overview .hbpim-iso__list {
    gap: 3px;
}

@media (max-width: 800px) {
    .hbpim-overview__thumbnail {   max-width: 100%;  max-height: 40px; }
    .hbpim-overview__image a {     height: unset;    width: unset;   max-width: 150px;  justify-content: right;}
}