// Shared style for the opinia block. Same file is loaded on the
// frontend and inside the block editor (via block.json "style" key),
// so what you see in the admin panel is exactly what ships to the
// visitor.
//
// The text content lives in native core/paragraph children — all
// typography controls (font size, color, alignment) come from
// theme.json + the block sidebar, so this file only handles the
// card chrome: layout, padding, background, shadow, star color.

.opinie__slide {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--md);
    height: 100%;
    padding: var(--wp--preset--spacing--lg);
    background: var(--wp--preset--color--white, #ffffff);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);

    // Gold rating stars on top of every card. Literal #f5b301 — jedyna
    // hardcoded barwa (gold star nie ma w theme.json palette).
    .opinie__rating {
        color: #f5b301;
        font-size: var(--wp--preset--font-size--text-bigger);
        letter-spacing: 0.1em;
        line-height: 1;
    }

    // Tighten margins on the core/paragraph children — Gutenberg gives
    // paragraphs a default block-gap that looks oversized inside a card.
    .opinie__text,
    .opinie__author-name,
    .opinie__author-category {
        margin: 0;
    }

    // Push the author block to the bottom of the card so cards with
    // different quote lengths still line up nicely.
    .opinie__author-name {
        margin-top: auto;
    }
}