/* Card and list proportions based on niRvana WordPress 3.1.0. */
.nvwp-cards[data-view='card'] {
    gap: 30px;
}

.nvwp-cards[data-view='card'] .nvwp-post-card {
    position: relative;
    border: 0;
    border-radius: 13px;
    background: var(--white-default);
    box-shadow: 0 13px 15px var(--gray-opacity-1);
}

.nvwp-cards[data-view='card'] .nvwp-card-media {
    margin: 0;
    border-radius: 13px 13px 0 0;
}

.nvwp-cards[data-view='card'] .nvwp-card-cover {
    border-radius: inherit;
}

.nvwp-cards[data-view='card'] .nvwp-card-copy {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 8px 15px 11px;
    text-align: start;
}

.nvwp-cards[data-view='card'] .nvwp-card-copy h2 {
    order: 1;
    margin: 6px 0 0;
    font-size: 16px;
}

.nvwp-cards[data-view='card'] .nvwp-card-date {
    display: block;
    color: var(--text-color-3);
    font-size: 12px;
}

.nvwp-cards[data-view='card'] .nvwp-card-meta {
    order: 2;
    min-height: 20px;
    margin-top: 8px;
}

.nvwp-cards .nvwp-card-tags {
    inset: 0 0 auto;
    justify-content: flex-start;
    opacity: 1;
    visibility: visible;
    transform: none;
    transform-origin: left center;
}

.nvwp-cards .nvwp-card-tags > * {
    font-size: 11px;
}

.nvwp-cards .nvwp-stats {
    position: absolute;
    inset: 0 auto auto 0;
    justify-content: flex-start;
    opacity: 0;
    transform: scale(1.35);
    transform-origin: left center;
}

.nvwp-cards[data-view='card'] :is(.nvwp-card-link, .nvwp-card-glow, .nvwp-card-photo-date) {
    display: none;
}

.nvwp-cards[data-view='list'] {
    grid-template-columns: minmax(0, 1fr);
}

.nvwp-cards[data-view='list'] .nvwp-post-card {
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.nvwp-cards[data-view='list'] .nvwp-card-cover {
    width: 150px;
    height: 134px;
    border-radius: 8px;
    box-shadow: 0 13px 15px var(--gray-opacity-1);
}

.nvwp-cards[data-view='list'] .nvwp-card-copy {
    align-self: center;
    padding-inline-start: 20px;
}

@media (hover: hover) {
    .nvwp-cards[data-view='card'] .nvwp-post-card:is(:hover, :focus-within) {
        transform: translateY(13px);
    }
    .nvwp-cards[data-view='card'] .nvwp-post-card:is(:hover, :focus-within) :is(.nvwp-card-media, h2) {
        transform: none;
    }
    .nvwp-cards .nvwp-post-card:hover:not(:focus-within) .nvwp-card-tags {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.55);
    }
    .nvwp-cards .nvwp-post-card:hover:not(:focus-within) .nvwp-stats {
        opacity: 1;
        transform: none;
    }
}

.nvwp-cards[data-view='list'] .nvwp-card-meta {
    min-height: 20px;
}

@media (max-width: 575px) {
    .nvwp-cards[data-view='card'] {
        gap: 18px 12px;
    }
    .nvwp-cards[data-view='list'] .nvwp-post-card {
        grid-template-columns: 92px minmax(0, 1fr);
    }
    .nvwp-cards[data-view='list'] .nvwp-card-cover {
        width: 92px;
        height: 82px;
    }
}