/**
 * WordPress editor-canvas styles for ProRank schema blocks.
 *
 * WordPress 7.1 always renders the post editor in an iframe. These scoped
 * rules make the block editors independent of ProRank's admin-shell Tailwind
 * bundle while retaining the layout expressed by their `pr:` utility names.
 */

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) {
    color: #1e1e1e;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) *,
:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) *::before,
:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) *::after {
    box-sizing: border-box;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) > div {
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    padding: 1rem;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) > div > * + * {
    margin-top: 1rem;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:grid"] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr);
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:p-3"] {
    padding: 0.75rem;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:border"] {
    border: 1px solid #dcdcde;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:rounded"],
:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:rounded-md"] {
    border-radius: 4px;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:space-y-3"] > * + * {
    margin-top: 0.75rem;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:mt-3"] {
    margin-top: 0.75rem;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) details > summary {
    cursor: pointer;
    font-weight: 600;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) [class~="pr:text-amber-700"] {
    color: #92400e;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) .components-base-control:last-child,
:where(
    .prorank-faq-schema-block-editor,
    .prorank-howto-schema-block-editor,
    .prorank-recipe-schema-block-editor,
    .prorank-jobposting-schema-block-editor,
    .prorank-dataset-schema-block-editor
) .components-base-control__field {
    margin-bottom: 0;
}

@media (min-width: 782px) {
    :where(
        .prorank-faq-schema-block-editor,
        .prorank-howto-schema-block-editor,
        .prorank-recipe-schema-block-editor,
        .prorank-jobposting-schema-block-editor,
        .prorank-dataset-schema-block-editor
    ) [class~="pr:md:grid-cols-2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :where(
        .prorank-faq-schema-block-editor,
        .prorank-howto-schema-block-editor,
        .prorank-recipe-schema-block-editor,
        .prorank-jobposting-schema-block-editor,
        .prorank-dataset-schema-block-editor
    ) [class~="pr:md:grid-cols-3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (forced-colors: active) {
    :where(
        .prorank-faq-schema-block-editor,
        .prorank-howto-schema-block-editor,
        .prorank-recipe-schema-block-editor,
        .prorank-jobposting-schema-block-editor,
        .prorank-dataset-schema-block-editor
    ) > div,
    :where(
        .prorank-faq-schema-block-editor,
        .prorank-howto-schema-block-editor,
        .prorank-recipe-schema-block-editor,
        .prorank-jobposting-schema-block-editor,
        .prorank-dataset-schema-block-editor
    ) [class~="pr:border"] {
        border-color: CanvasText;
    }
}