/* Price list groups: cards in two balanced columns, each listing its price lists as rows. */
.lc-price-lists {
    columns: 2 22rem;
    column-gap: 1.25rem;
}

.lc-price-list {
    display: inline-block; /* Keeps a card whole within a column. */
    width: 100%;
    margin: 0 0 1.25rem;
    padding: 1.5rem;
    background: var(--leguma-surface, #ffffff);
    border: 1px solid var(--leguma-border, #e4e4e4);
    border-radius: 1.25rem;
    break-inside: avoid;
}

.lc-price-list-header {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.lc-price-list-icon {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 3rem;
    height: 3rem;
    color: var(--leguma-secondary-dark, #778f00);
    background: var(--leguma-surface-hover, #f6f6f6);
    border-radius: 50%;
}

.lc-price-list-icon svg {
    width: 1.35rem;
    height: 1.35rem;
}

.lc-price-list-title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 800;
}

.lc-price-list-count {
    color: var(--leguma-muted, #676767);
    font-size: 0.8125rem;
}

/* Price list links as rows inside a group. */
.lc-price-list .lc-button-style3.lc-plugin-button-common-style {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--leguma-border, #e4e4e4);
    border-radius: 0;
}

.lc-price-list .lc-button-style3.lc-plugin-button-common-style:hover {
    border-radius: 0.6rem;
}

.lc-price-list .lc-button-style3:hover,
.lc-price-list .lc-button-style3:hover + .lc-button-style3 {
    border-top-color: transparent;
}