
/* ============================================
   VÓRTEX — CSS ULTRA-AGRESSIVO
   Sobrescreve TODOS os estilos do WordPress/Gutenberg
   ============================================ */

/* Forçar fundo escuro em TODOS os elementos */
*,
*::before,
*::after,
html,
body,
body.wp-admin,
body.wp-admin #wpwrap,
body.custom-background,
body.custom-background .site,
body.custom-background .site-content,
body.custom-background .content-area,
#wpbody-content,
#wpcontent,
#wpwrap,
.wp-site-blocks,
.wp-block-group,
.wp-block-group__inner-container,
.wp-block-post-template,
.wp-block-query,
.wp-block-query__container,
.wp-block-post,
.wp-block-post-content,
.wp-block-post-excerpt,
.wp-block-post-title,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms,
.wp-block-post-featured-image,
.wp-block-group.has-background,
.wp-block-group.is-layout-flow,
.wp-block-group.is-layout-constrained,
.wp-block-group.is-layout-flex,
.wp-block-columns,
.wp-block-column,
.wp-block-media-text,
.wp-block-cover,
.wp-block-cover__inner-container,
.wp-block-media-text__content,
.is-root-container,
.block-editor-block-list__layout,
.edit-post-visual-editor__content-area,
.interface-interface-skeleton__content,
.editor-styles-wrapper,
.components-accessible-container,
.wp-block-post-template.is-layout-grid,
.wp-block-post-template.is-layout-flow {
    background-color: transparent !important;
    color: inherit !important;
}

/* Forçar fundo escuro no body e html */
html {
    background-color: #0a0a0f !important;
}

body {
    background-color: #0a0a0f !important;
    color: #e8e8f0 !important;
}

/* ============================================
   SOBRESCREVER ESTILOS INLINE DO GUTENBERG
   ============================================ */

/* O Gutenberg injeta estilos inline como:
   .wp-container-1 > * { background-color: ... }
   Precisamos sobrescrever com seletores mais específicos
*/

/* Seletor universal para todos os containers do Gutenberg */
[class*="wp-container-"] > *,
[class*="wp-container-"] > * > *,
[class*="wp-container-"] > * > * > *,
[class*="wp-block-"] {
    background-color: transparent !important;
}

/* Forçar fundo escuro em posts/cards do Query Loop */
.wp-block-post-template .wp-block-post,
.wp-block-post-template .wp-block-post > *,
.wp-block-post-template article,
.wp-block-post-template article > *,
.wp-block-query .wp-block-post,
.wp-block-query .wp-block-post > *,
.wp-block-query article,
.wp-block-query article > * {
    background-color: #1a1a25 !important;
    border: 1px solid #2a2a3a !important;
    color: #e8e8f0 !important;
}

/* Forçar texto claro em todos os títulos do Gutenberg */
.wp-block-post-title a,
.wp-block-post-title a:link,
.wp-block-post-title a:visited,
.wp-block-post-title a:hover,
.wp-block-post-title a:active,
.wp-block-post-title a:focus,
h1.wp-block-post-title,
h2.wp-block-post-title,
h3.wp-block-post-title {
    color: #e8e8f0 !important;
    background-color: transparent !important;
}

/* Forçar texto claro em excertos */
.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt,
.wp-block-post-excerpt p,
.wp-block-post-excerpt__more-text,
.wp-block-post-excerpt__more-link {
    color: #a0a0b0 !important;
    background-color: transparent !important;
}

/* Forçar texto claro em metadados */
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-author__name,
.wp-block-post-author__byline,
.wp-block-post-terms,
.wp-block-post-terms a,
.wp-block-post-terms a:link,
.wp-block-post-terms a:visited {
    color: #6a6a7a !important;
    background-color: transparent !important;
}

/* ============================================
   SOBRESCREVER ESTILOS DO TEMA PADRÃO
   ============================================ */

/* Twenty Twenty-One, Twenty Twenty-Two, etc. */
.site-header,
.site-footer,
.site-main,
.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.post-thumbnail,
.post,
.page,
.type-post,
.type-page,
.hentry,
.archive-header,
.search-header,
.no-results,
.pagination,
.nav-links,
.widget-area,
.widget,
.sidebar {
    background-color: transparent !important;
    color: #e8e8f0 !important;
}

/* Forçar fundo escuro em cards de qualquer tema */
[class*="card"],
[class*="post-card"],
[class*="entry"],
[class*="article"],
[class*="blog-post"],
[class*="post-item"],
[class*="post-list"],
[class*="loop-item"],
[class*="archive-item"] {
    background-color: #1a1a25 !important;
    border-color: #2a2a3a !important;
    color: #e8e8f0 !important;
}

/* Forçar texto claro em títulos */
[class*="card"] h1,
[class*="card"] h2,
[class*="card"] h3,
[class*="card"] h4,
[class*="card"] h5,
[class*="card"] h6,
[class*="post-card"] h1,
[class*="post-card"] h2,
[class*="post-card"] h3,
[class*="post-card"] h4,
[class*="post-card"] h5,
[class*="post-card"] h6,
[class*="entry"] h1,
[class*="entry"] h2,
[class*="entry"] h3,
[class*="entry"] h4,
[class*="entry"] h5,
[class*="entry"] h6 {
    color: #e8e8f0 !important;
    background-color: transparent !important;
}

/* Forçar texto claro em parágrafos */
[class*="card"] p,
[class*="post-card"] p,
[class*="entry"] p,
[class*="article"] p {
    color: #a0a0b0 !important;
    background-color: transparent !important;
}

/* Forçar texto claro em links */
[class*="card"] a,
[class*="post-card"] a,
[class*="entry"] a,
[class*="article"] a {
    color: #6366f1 !important;
    background-color: transparent !important;
}

[class*="card"] a:hover,
[class*="post-card"] a:hover,
[class*="entry"] a:hover,
[class*="article"] a:hover {
    color: #818cf8 !important;
}
