/* Use rgba so the header reads on both light and dark backgrounds */
@media screen {
    .tarjouspaja-hinnoittelu {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }
}
.tarjouspaja-rivit-table thead tr {
    background: rgba(0, 0, 0, 0.06);
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    color: inherit;
}
.tarjouspaja-rivit-table thead th {
    color: inherit;
}
.tarjouspaja-rivit-table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tarjouspaja-rivit-table tfoot tr {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.tarjouspaja-rivit-table tfoot tr.tp-grand-total {
    border-top: 2px solid rgba(0, 0, 0, 0.2);
}
/* Palveluntarjoaja and Asiakas blocks */
.wp-block-tarjouspaja-palveluntarjoaja .tp-block-label,
.wp-block-tarjouspaja-asiakas-tiedot .tp-block-label {
    color: var(--wp--preset--color--primary, currentColor);
    opacity: 0.85;
}
.wp-block-tarjouspaja-palveluntarjoaja .dashicons,
.wp-block-tarjouspaja-asiakas-tiedot .dashicons {
    color: var(--wp--preset--color--primary, currentColor);
    opacity: 0.7;
}

/* Baseline structure for private quotes without a compatible Kadence 3.x
 * installation. Compatible installations add their real saved-attribute CSS. */
.tarjouspaja-private-quote {
    margin: 0;
}
.tarjouspaja-private-quote .tarjouspaja-quote-content {
    overflow: hidden;
}
.tarjouspaja-private-quote .wp-block-kadence-rowlayout > .kt-row-column-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1.5rem;
}
.tarjouspaja-private-quote .wp-block-kadence-column,
.tarjouspaja-private-quote .kt-inside-inner-col {
    min-width: 0;
}