/**
 * publikation-list.css — styles for the mask_niq_publikation_list CT.
 *
 * Mirrors the prod (legacy infothek) rules so the new Mask listing renders
 * visually identical to https://netzwerk-iq.de/angebote/publikationen.
 *
 * Source CSS extracted from prod's merged stylesheet on 2026-04-29.
 */

/* === Filter bar / search box === */
.tx-infothek .rounded.header.bg-secondary {
    /* match prod teal-tinted secondary bar; .bg-secondary already provides bg color */
    border-radius: 1.6px;
}

/* === Product (item row) layout === */
.tx-infothek .product {
    margin-top: 1rem;
}

.tx-infothek .product .image {
    /* Prod: max-width: 18%; min-width: 200px; */
    max-width: 18%;
    min-width: 200px;
}

.tx-infothek .product.twolines {
    flex-wrap: wrap;
}
.tx-infothek .product.twolines .image {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
}
.tx-infothek .product.twolines .image img {
    width: 50%;
    min-width: 200px;
}

.tx-infothek .product .image img {
    border-radius: 4px;
    border: 1px solid #cecece;
    /* Force responsive sizing irrespective of native width attr */
    max-width: 100%;
    height: auto;
}

.tx-infothek .product .text {
    flex-grow: 1;
}

.tx-infothek .product .text .description {
    position: relative;
}
.tx-infothek .product .text .description .dots {
    position: absolute;
}
.tx-infothek .product .text .description .full {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.tx-infothek .product .text .description .controls .less {
    display: none;
}
.tx-infothek .product .text .description .controls svg {
    margin-left: 5px;
}
.tx-infothek .product .text .description .text p:last-child {
    margin-bottom: 0;
}
.tx-infothek .product .text .badge {
    font-weight: normal;
}

/* === Pagination === */
.tx-infothek ul.f3-widget-paginator {
    list-style: none;
    padding: 0;
    margin: 1rem 0 !important;
}
.tx-infothek ul.f3-widget-paginator li {
    margin: 0 1px;
    border-radius: 5px;
    display: inline-block;
    padding: 0;
}
.tx-infothek ul.f3-widget-paginator li a {
    display: block;
    text-decoration: none;
    background: #ddd;
}
.tx-infothek ul.f3-widget-paginator li.current,
.tx-infothek ul.f3-widget-paginator li a {
    padding: 5px 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #000;
}
.tx-infothek ul.f3-widget-paginator li.current,
.tx-infothek ul.f3-widget-paginator li a:hover {
    background: #ccc;
}

/* === FontAwesome inline-SVG sizing (fpfa wrapper) === */
.tx-infothek span.fpfa {
    min-width: 1.25em;
}
.tx-infothek span.fpfa svg {
    height: 1em;
    font-weight: 300;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-top: -3px;
}

/* Search button magnifier — prod has FA-CSS that constrains svg-inline--fa
   globally. We don't load full FA, so cap the inline SVG explicitly. */
.tx-infothek form.search .btn .fpfa svg,
.tx-infothek form.search .btn svg.svg-inline--fa {
    height: 1em;
    width: auto;
    vertical-align: -0.125em;
}