/* ActiveSheets resource-pattern styles. */

.as-resource-pattern {
    box-sizing: border-box;
    padding-block: var(--as-section-space);
    padding-inline: var(--as-page-gutter);
}

.as-resource-pattern__inner {
    width: min(100%, var(--as-wide-width));
    margin-inline: auto;
}

.as-resource-pattern--related .as-grid {
    width: 100%;
    max-width: none;
    margin-inline: 0 !important;
}

.as-resource-pattern--related .as-grid > * {
    margin-block: 0;
}

.as-resource-pattern__split {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
    gap: var(--as-space-xl);
    align-items: center;
}

.as-resource-pattern--download {
    margin-block: var(--as-section-space);
    padding: var(--as-space-xl);
}

.as-resource-pattern--download .as-resource-pattern__action {
    display: grid;
    justify-items: start;
    gap: var(--as-space-sm);
}

.as-resource-pattern--download .as-resource-pattern__action p {
    margin: 0;
}

.as-resource-pattern__media {
    display: grid;
    min-height: 20rem;
    place-items: center;
    padding: var(--as-space-lg);
    border: var(--as-border-width) dashed var(--as-color-border);
    border-radius: var(--as-radius-lg);
    background: var(--as-color-surface);
    color: var(--as-color-text-muted);
    text-align: center;
}

.as-resource-pattern__media p,
.as-resource-pagination p {
    margin: 0;
}

.as-resource-search {
    margin-block-end: var(--as-space-lg);
}

.as-resource-search .wp-block-search__inside-wrapper {
    gap: var(--as-space-xs);
}

.as-resource-pagination {
    gap: var(--as-space-sm) var(--as-space-lg);
    padding-block: var(--as-space-md);
    border-block: var(--as-border-width) solid var(--as-color-border);
}

.as-resource-card > :last-child,
.as-resource-pattern__content > :last-child {
    margin-block-end: 0;
}

@media (max-width: 781px) {
    .as-resource-pattern {
        padding-block: var(--as-space-xl);
    }

    .as-resource-pattern__split {
        grid-template-columns: 1fr;
        gap: var(--as-space-lg);
    }

    .as-resource-pattern--download {
        margin-block: var(--as-space-xl);
        padding: var(--as-space-md);
    }

    .as-resource-pattern__media {
        min-height: 14rem;
    }

    .as-resource-pagination {
        align-items: flex-start;
    }
}