/**
 * Suite Talk — Policy Documents Module
 * Frontend-facing styles for the [policy_document output="tile"] display.
 * Deliberately structural only (layout/sizing) — no typography, colour or
 * brand styling is imposed here, so theme/Kubio styles can restyle these
 * classes freely without needing !important overrides.
 *
 * Every value below reads from a CSS custom property, centrally generated
 * (see Suite_PD_Shortcodes::appearance_inline_css()) from Policy Documents
 * → Appearance — never encoded per shortcode instance. The hard-coded
 * fallback after each var(...) only applies if that inline block is
 * somehow missing, and matches the original pre-Appearance design.
 * --suite-pd-tile-font-size/--suite-pd-tile-font-weight are only emitted
 * when explicitly set, so the "inherit" fallback below keeps the tile
 * using the theme's own typography by default.
 */

.suite-policy-document-tile {
    display: inline-flex;
    flex-direction: column;
    align-items: var(--suite-pd-tile-align-items, center);
    justify-content: flex-start;
    gap: var(--suite-pd-tile-gap, 8px);
    text-align: var(--suite-pd-tile-text-align, center);
    text-decoration: none;
}

.suite-policy-document-tile__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.suite-policy-document-tile__icon img {
    display: block;
    width: var(--suite-pd-tile-icon-size, 40px);
    height: var(--suite-pd-tile-icon-size, 40px);
    max-width: 100%;
    object-fit: contain;
}

.suite-policy-document-tile__label {
    display: block;
    font-size: var(--suite-pd-tile-font-size, inherit);
    font-weight: var(--suite-pd-tile-font-weight, inherit);
}