/* =============================================================================
   WIDGET SEOLINKS — skins/wc_clinic.css
   Skin do tema wc_clinic (base .ag-* de wc_css/wc-agency.css). O rodapé do tema é
   CLARO por padrão (--ag-footer-bg = --ag-bg-2), então os tokens do widget são
   mapeados nos tokens do tema em vez dos rgba() brancos do base.css.

   Cuidado de especificidade: wc-agency.css:354 declara
       .ag-footer a { display: block; padding: .25rem 0; }
   o que quebraria os chips (viram blocos empilhados). As regras abaixo usam
   .ag-footer .wc-seolinks__* (0,2,0 > 0,1,1) para vencer sem !important.
   ============================================================================= */

.wc-seolinks {
    --wc-seo-border: var(--ag-border);
    --wc-seo-sum: var(--ag-heading);
    --wc-seo-sum-hover: var(--ag-primary);
    --wc-seo-h: var(--ag-footer-text);
    --wc-seo-accent: var(--ag-primary);

    --wc-seo-link: var(--ag-footer-text);
    --wc-seo-link-hover: var(--ag-footer-link);

    --wc-seo-chip-border: var(--ag-border);
    --wc-seo-chip-bg: var(--ag-surface-2);
    --wc-seo-chip-bg-hover: rgba(var(--ag-primary-rgb), .1);
    --wc-seo-chip-text: var(--ag-heading);
    --wc-seo-chip-text-hover: var(--ag-primary);
}

/* Espaçamento coerente com .ag-footer-grid (padding-bottom: 40px). */
.ag-footer .wc-seolinks {
    margin-top: 0;
    padding: 28px 0 40px;
    border-top: 1px solid var(--ag-border);
}

/* Vence `.ag-footer a { display:block; padding:.25rem 0 }`. */
.ag-footer .wc-seolinks__chip {
    display: inline-block;
    padding: .3rem .7rem;
}

.ag-footer .wc-seolinks__link {
    display: block;
    padding: .1rem 0;
}

/* O summary usa o peso dos títulos de coluna do tema (.ag-footer h6). */
.ag-footer .wc-seolinks__sum {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .82rem;
}

.wc-seolinks__h { opacity: .85; }

/* Modo escuro do rodapé (paleta do painel com SITE_THEME_FOOTER_BG escuro):
   o tema já troca --ag-footer-* via --wc-footer-*; aqui só suavizamos a borda,
   que em fundo escuro fica dura demais com --ag-border claro. */
@media (prefers-color-scheme: dark) {
    .wc-seolinks {
        --wc-seo-border: rgba(var(--wc-footer-text-rgb, 128, 148, 174), .2);
        --wc-seo-chip-border: rgba(var(--wc-footer-text-rgb, 128, 148, 174), .26);
        --wc-seo-chip-bg: transparent;
    }
}