/**
 * Block style extras that theme.json cannot express (backdrop-filter).
 * Card / Elevated / Frame appearance lives in theme.json variations.
 */

.wp-block-group.is-style-skif-glass {
    background: color-mix(in srgb, var(--wp--preset--color--accent-5) 85%, transparent);
    backdrop-filter: blur(var(--vl-backdrop-blur, 12px));
    -webkit-backdrop-filter: blur(var(--vl-backdrop-blur, 12px));
    border: 1px solid var(--wp--preset--color--accent-6);
    border-radius: var(--wp--custom--radius--lg);
}

.wp-block-cover.is-style-skif-frame,
.wp-block-image.is-style-skif-frame img,
.wp-block-image.is-style-skif-frame .wp-block-image__crop-area {
    border-radius: var(--wp--custom--radius--md);
}

.wp-block-image.is-style-skif-frame img {
    box-shadow: var(--wp--preset--shadow--sm);
}

.wp-block-button.is-style-skif-solid .wp-block-button__link {
    background: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-3);
    border: 1px solid var(--wp--preset--color--accent-1);
}

.wp-block-button.is-style-skif-ghost .wp-block-button__link {
    background: transparent;
    color: var(--wp--preset--color--contrast);
    border: 1px solid var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-skif-outline .wp-block-button__link {
    background: transparent;
    color: var(--wp--preset--color--accent-1);
    border: 2px solid var(--wp--preset--color--accent-1);
}

.wp-block-post-terms.is-style-skif-meta,
.wp-block-post-terms.is-style-skif-meta a {
    font-family: var(--vl-font-family-display, var(--wp--preset--font-family--oswald));
    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vl-color-primary, var(--wp--preset--color--accent-1));
    text-decoration: none;
}
