/**
 * FrontCat — identidade tipográfica sem interferir no conteúdo Elementor.
 *
 * 20.20.773:
 * - Poppins local continua disponível para a interface administrativa do FrontCat.
 * - O reset genérico NÃO alcança mais widgets/containers/templates renderizados pelo Elementor.
 * - Tipografia de widgets e de conteúdo aninhado passa a ser definida pelo próprio Elementor,
 *   incluindo Custom Fonts, Global Fonts e Group_Control_Typography.
 * - A sidebar de ferramentas FrontCat mantém a identidade Poppins, com exceção dos editores
 *   de código que continuam monoespaçados.
 */

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-400.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-500.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-600.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-700.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

/*
 * IMPORTANTE:
 * Nunca voltar a usar seletores genéricos como [class*="frontcat"] * no frontend.
 * Eles alcançam widgets Elementor aninhados em Grade/Carrossel/Bento e, com !important,
 * sobrescrevem a família gerada pelo Group_Control_Typography/Custom Fonts.
 *
 * A identidade Poppins fica limitada ao chrome administrativo do FrontCat e à sidebar
 * de ferramentas do editor, que não fazem parte do conteúdo publicado pelo Elementor.
 */
:where(
    body.frontcat-admin-theme #wpbody-content,
    .frontcat-tools-sidebar
):not(body):not(html),
:where(
    body.frontcat-admin-theme #wpbody-content,
    .frontcat-tools-sidebar
):not(body):not(html) :where(*) {
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

:where(
    body.frontcat-admin-theme #wpbody-content,
    .frontcat-tools-sidebar
):not(body):not(html):not(
    input,
    textarea,
    select,
    option,
    code,
    pre,
    kbd,
    samp,
    .CodeMirror,
    .cm-editor,
    .ace_editor,
    .frontcat-tools-code-input,
    .frontcat-tools-code-highlight,
    .frontcat-tools-code-line-numbers
),
:where(
    body.frontcat-admin-theme #wpbody-content,
    .frontcat-tools-sidebar
):not(body):not(html) :where(*):not(
    input,
    textarea,
    select,
    option,
    code,
    pre,
    kbd,
    samp,
    .CodeMirror,
    .CodeMirror *,
    .cm-editor,
    .cm-editor *,
    .ace_editor,
    .ace_editor *,
    .frontcat-tools-code-input,
    .frontcat-tools-code-highlight,
    .frontcat-tools-code-highlight *,
    .frontcat-tools-code-line-numbers,
    .frontcat-tools-code-line-numbers *
) {
    text-wrap: balance;
}

/* 20.20.733 — hierarquia visual do admin FrontCat em peso medium. */
body.frontcat-admin-theme #wpbody-content :is(
    h1, h2, h3, h4, h5, h6,
    strong, label, legend, th,
    .nav-tab, [role="tab"],
    [class*="-title"], [class*="__title"],
    [class*="-heading"], [class*="__heading"],
    [class*="-kicker"], [class*="__kicker"]
):not(.frontcat-editor-content *),
body.frontcat-admin-theme #wpbody-content [class*="frontcat-"][class*="-field"] > span:first-child {
    font-weight: 500 !important;
}

/* 20.20.758 — editores de código são uma ilha tipográfica. */
.frontcat-tools-sidebar .frontcat-tools-code-editor > textarea.frontcat-tools-code-input,
.frontcat-tools-sidebar .frontcat-tools-code-editor > .frontcat-tools-code-highlight,
.frontcat-tools-sidebar .frontcat-tools-code-editor > .frontcat-tools-code-line-numbers {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-wrap: nowrap !important;
    font-variant-ligatures: none !important;
}
.frontcat-tools-sidebar .frontcat-tools-code-editor > .frontcat-tools-code-highlight *,
.frontcat-tools-sidebar .frontcat-tools-code-editor > .frontcat-tools-code-line-numbers * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-wrap: nowrap !important;
    white-space: inherit !important;
    font-variant-ligatures: none !important;
}
