.list-document-wrapper { margin-bottom: var(--global-plugin-space-block); }
.list-doc-content { --cols: 3; --gap: 30px; display: grid; grid-template-columns: repeat(var(--cols), 1fr); grid-gap: var(--gap); }
.list-doc-content > * { order: 0; }
.list-doc-item { background: var(--palette-11); border-radius: var(--border-radius); transition: var(--hover-transition); }
.list-doc-item-link { display: flex; flex-direction: column; height: 100%; }
.list-doc-image-wrapper { overflow: hidden; border-radius: var(--border-radius); position: relative; }
.list-doc-image { width: 100%; transition: var(--hover-transition); filter: brightness(.97); }
.list-doc-content-wrapper { padding: 30px 35px; border-radius: var(--border-radius); flex: 1; display: flex; flex-direction: column; }
.list-doc-title { font-size: clamp(1.3rem, 1.8vw, 1.6rem); font-weight: 500; color: var(--text-color); line-height: 1.2; }
.list-doc-subtitle { margin-top: 10px; }
.list-doc-date-section { margin-bottom: 15px; }
.list-doc-date-section > * { font-size: 1rem; }
.list-doc-text { margin-top: 15px; }
.list-doc-property { font-size: clamp(1.1rem, 3vw, 1.15rem); text-transform: uppercase; color: var(--palette-5); font-weight: 700; margin-bottom: 15px; }
.list-doc-find-out-more { display: flex; align-items: center; margin-top: auto; padding-top: 40px; font-weight: 500; color: var(--secondary-color); }
.list-doc-find-out-more span { position: relative; top: 0.1rem; }
.list-doc-find-out-more svg { width: 12px; height: auto; margin-left: 20px; fill: currentColor; transition: var(--hover-transition); }
.list-doc-logo-lepi { position: absolute; top: 12px; right: 12px; width: 13%; }
.list-doc-swiper > .list-doc-swiper-button,
.list-doc-swiper > .list-doc-swiper-pagination { display: none; }

html[data-layer="4122"] .list-document-wrapper { overflow: hidden; margin-bottom: 0; }
html[data-layer="4122"] .list-doc-swiper { position: relative; }
html[data-layer="4122"] .list-doc-swiper > .swiper-container { overflow: hidden; }
html[data-layer="4122"] .list-doc-swiper .list-doc-image-wrapper { aspect-ratio: 600 / 338; }
html[data-layer="4122"] .list-doc-swiper .list-doc-image { height: 100%; object-fit: cover; }
html[data-layer="4122"] .list-doc-swiper .list-doc-content { display: flex; grid-template-columns: none; grid-gap: 0; }
html[data-layer="4122"] .list-doc-swiper .list-doc-content::before,
html[data-layer="4122"] .list-doc-swiper .list-doc-content::after { content: none; }
html[data-layer="4122"] .list-doc-swiper .list-doc-item { width: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1)); height: auto; flex-shrink: 0; background: none; user-select: none; }
html[data-layer="4122"] .list-doc-swiper .list-doc-item:not(:last-child) { margin-right: var(--gap); }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button { display: flex; border: 0; width: auto; height: auto; position: absolute; top: 50%; transform: translateY(-50%); background: none; }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button.swiper-button-prev { left: calc(var(--global-plugin-space-block) * -1); }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button.swiper-button-next { right: calc(var(--global-plugin-space-block) * -1); }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button .swiper-button-icon { width: 15px; filter: brightness(0) }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-pagination { display: block; position: relative; inset: auto; margin-top: 30px; }
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-pagination.swiper-pagination-lock,
html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button.swiper-button-lock { display: none; }

.list-document-wrapper:not(.four-cols) .list-doc-content:has(> :nth-child(3n + 1):last-child)::before,
.related-documents-wrapper .list-doc-content:has(> :nth-child(3n + 1):last-child)::before,
.list-document-wrapper:not(.four-cols) .list-doc-content:has(> :nth-child(3n + 1):last-child)::after,
.related-documents-wrapper .list-doc-content:has(> :nth-child(3n + 1):last-child)::after,
.list-document-wrapper:not(.four-cols) .list-doc-content:has(> :nth-child(3n + 2):last-child)::after,
.related-documents-wrapper .list-doc-content:has(> :nth-child(3n + 2):last-child)::after { content: ''; background: url('/static/img/list-doc-placeholder-logo.svg') no-repeat center / auto 25%, var(--palette-11); order: 1; pointer-events: none; border-radius: var(--border-radius); }

.list-document-wrapper.centered .list-doc-content-wrapper { text-align: center; }

.list-document-wrapper.img-default .list-doc-item:not(:has(.list-doc-image-wrapper)) .list-doc-item-link:before { content: ''; background: url('/static/img/list-doc-placeholder-logo.webp'); background-size: contain; border-radius: var(--border-radius); aspect-ratio: 1 / 1; display: block; transition: var(--hover-transition); }

@media (hover: hover) and (pointer: fine) {
    .list-doc-item:hover .list-doc-image { transform: scale(1.05); }
    .list-doc-item:hover .list-doc-find-out-more svg { margin-left: 25px; }
    .list-document-wrapper.no-image .list-doc-item:hover { background: var(--palette-3); }
    .list-document-wrapper.img-default .list-doc-item:not(:has(.list-doc-image-wrapper)) .list-doc-item-link:hover:before { transform: scale(1.05); }
}

@media (min-width:2200px) {
    .list-doc-content { --cols: 4; }
    .list-document-wrapper.two-cols .list-doc-content { --cols: 3; }
}

@media (min-width:1701px) {
    .list-document-wrapper.four-cols .list-doc-content { --cols: 4; }
}

@media (max-width:1400px) {
    .list-doc-content-wrapper { padding: 20px 25px; }
}

@media (min-width:1201px) and (max-width:2199px) {
    .list-document-wrapper.two-cols .list-doc-content { --cols: 2; }
}

@media (max-width:1200px) {
    .list-doc-content { --cols: 2; }
    html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button { width: auto; }
    html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button.swiper-button-prev { left: calc(var(--global-space-inline) * -1); }
    html[data-layer="4122"] .list-doc-swiper > .list-doc-swiper-button.swiper-button-next { right: calc(var(--global-space-inline) * -1); }
}

@media (max-width:1023px) {
    .list-document-wrapper.two-cols .list-doc-content { --cols: 1; }
}

@media (max-width:767px) {
    .list-doc-content, .list-document-wrapper.tag .list-doc-content { --cols: 1; }
}