/*
 Theme Name: Tarot Clash Child (Bimber)
 Theme URI:  https://example.com/
 Description: Child theme minimalista para isolar e corrigir layout nas páginas do Tarot Clash (plugin), sem mexer no resto do site.
 Author: Tarot Clash
 Template: bimber3
 Version: 0.1.1
 Text Domain: tarot-clash-child

 Template must match the parent theme folder in wp-content/themes/ (here: bimber3 — projeto/servidor).
 If your parent folder is named "bimber" or something else, change Template to that exact slug.

 0.1.1 — Sidebar oculta só em desktop nas rotas app; header/footer e fundo alinhados ao dark da shell Tarot (azulado).
*/

/*
 * Paleta alinhada à shell / app-home do plugin (fundo azulado, não preto puro).
 * Só aplicada em combinação com body.tarot-clash-royale-php.tc-theme-dark (classe do plugin).
 */
body.tarot-clash-royale-php.tc-theme-dark {
  --tc-bimber-shell-bg: #131624;
  --tc-bimber-shell-bg-deep: #0b0d14;
  --tc-bimber-shell-header: rgba(11, 13, 20, 0.97);
  --tc-bimber-shell-footer: #121622;
  --tc-bimber-shell-text: rgba(244, 240, 255, 0.94);
  --tc-bimber-shell-text-muted: rgba(220, 215, 245, 0.72);
  --tc-bimber-shell-border: rgba(110, 135, 255, 0.22);
}

/* Fundo geral da página (substitui o “nero piatto” do dark Bimber nas vistas app) */
body.tarot-clash-royale-php.tc-theme-dark {
  background-color: var(--tc-bimber-shell-bg) !important;
  background-image: radial-gradient(
    circle at 18% -8%,
    rgba(61, 36, 112, 0.42) 0%,
    #131624 44%,
    var(--tc-bimber-shell-bg-deep) 100%
  ) !important;
  background-attachment: scroll;
  color: var(--tc-bimber-shell-text);
}

/* Header / barra do tema Bimber — mesmo tom da shell */
body.tarot-clash-royale-php.tc-theme-dark .g1-header,
body.tarot-clash-royale-php.tc-theme-dark .g1-header-sticky,
body.tarot-clash-royale-php.tc-theme-dark .g1-primary-nav,
body.tarot-clash-royale-php.tc-theme-dark .g1-secondary-nav,
body.tarot-clash-royale-php.tc-theme-dark header[role="banner"],
body.tarot-clash-royale-php.tc-theme-dark .site-header {
  background: var(--tc-bimber-shell-header) !important;
  background-color: var(--tc-bimber-shell-header) !important;
  border-bottom-color: var(--tc-bimber-shell-border) !important;
  color: var(--tc-bimber-shell-text) !important;
}

body.tarot-clash-royale-php.tc-theme-dark .g1-header a,
body.tarot-clash-royale-php.tc-theme-dark .g1-primary-nav a,
body.tarot-clash-royale-php.tc-theme-dark .g1-secondary-nav a,
body.tarot-clash-royale-php.tc-theme-dark header[role="banner"] a,
body.tarot-clash-royale-php.tc-theme-dark .site-header a {
  color: var(--tc-bimber-shell-text) !important;
}

body.tarot-clash-royale-php.tc-theme-dark .g1-header a:hover,
body.tarot-clash-royale-php.tc-theme-dark .g1-primary-nav a:hover,
body.tarot-clash-royale-php.tc-theme-dark .g1-secondary-nav a:hover {
  color: #fff !important;
}

/* Footer e módulos — alinhado à shell */
body.tarot-clash-royale-php.tc-theme-dark .g1-footer,
body.tarot-clash-royale-php.tc-theme-dark .g1-footer-sticky,
body.tarot-clash-royale-php.tc-theme-dark .g1-footer-nav,
body.tarot-clash-royale-php.tc-theme-dark .g1-footer-text,
body.tarot-clash-royale-php.tc-theme-dark footer[role="contentinfo"],
body.tarot-clash-royale-php.tc-theme-dark .site-footer {
  background: var(--tc-bimber-shell-footer) !important;
  background-color: var(--tc-bimber-shell-footer) !important;
  border-top-color: var(--tc-bimber-shell-border) !important;
  color: var(--tc-bimber-shell-text-muted) !important;
}

body.tarot-clash-royale-php.tc-theme-dark .g1-footer a,
body.tarot-clash-royale-php.tc-theme-dark .g1-footer-nav a,
body.tarot-clash-royale-php.tc-theme-dark footer[role="contentinfo"] a,
body.tarot-clash-royale-php.tc-theme-dark .site-footer a {
  color: var(--tc-bimber-shell-text) !important;
}

body.tarot-clash-royale-php.tc-theme-dark .g1-footer a:hover,
body.tarot-clash-royale-php.tc-theme-dark .g1-footer-nav a:hover {
  color: #fff !important;
}

/* Área principal entre header e footer (evita faixa clara) */
body.tarot-clash-royale-php.tc-theme-dark .g1-body-inner,
body.tarot-clash-royale-php.tc-theme-dark .g1-canvas,
body.tarot-clash-royale-php.tc-theme-dark #page,
body.tarot-clash-royale-php.tc-theme-dark #content {
  background-color: transparent !important;
}

/* Hardening apenas nas páginas do plugin (body class vem do plugin: tarot-clash-royale-php / tc-body) */
body.tarot-clash-royale-php,
body.tc-body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* Neutraliza containers do tema que podem criar cortes laterais */
body.tarot-clash-royale-php .g1-layout,
body.tarot-clash-royale-php .g1-layout-inner,
body.tarot-clash-royale-php .g1-row,
body.tarot-clash-royale-php .g1-row-inner {
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/*
 * Sidebar: esconder só em desktop (>=960px). Em viewports estreitas o Bimber
 * costuma empilhar — mantém-se visível se o tema a mostrar.
 */
@media (min-width: 960px) {
  body.tarot-clash-royale-php .g1-sidebar,
  body.tarot-clash-royale-php .g1-sidebar-normal,
  body.tarot-clash-royale-php #secondary,
  body.tarot-clash-royale-php aside.g1-sidebar {
    display: none !important;
  }

  body.tarot-clash-royale-php .g1-content,
  body.tarot-clash-royale-php .g1-content-inner,
  body.tarot-clash-royale-php .g1-main,
  body.tarot-clash-royale-php .g1-main-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }
}

/* Em mobile/tablet estreito mantém reforço de largura útil sem forçar display da sidebar */
@media (max-width: 959px) {
  body.tarot-clash-royale-php .g1-content,
  body.tarot-clash-royale-php .g1-main {
    max-width: 100%;
    min-width: 0;
  }
}

/* Ensure the plugin shell is never constrained by theme wrappers */
body.tarot-clash-royale-php #tc-app-root,
body.tarot-clash-royale-php .tc-app,
body.tarot-clash-royale-php #tc-main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
  left: 0;
  right: 0;
}

/* Hard stop: some theme wrappers can apply transforms/offsets that cause right-side clipping */
body.tarot-clash-royale-php .g1-layout,
body.tarot-clash-royale-php .g1-layout-inner,
body.tarot-clash-royale-php .g1-row,
body.tarot-clash-royale-php .g1-row-inner,
body.tarot-clash-royale-php .g1-content,
body.tarot-clash-royale-php .g1-main {
  transform: none !important;
}

/* Prevent any wrapper from clipping the plugin UI */
body.tarot-clash-royale-php .g1-layout,
body.tarot-clash-royale-php .g1-layout-inner,
body.tarot-clash-royale-php .g1-row,
body.tarot-clash-royale-php .g1-row-inner,
body.tarot-clash-royale-php .g1-content,
body.tarot-clash-royale-php .g1-main {
  overflow: visible !important;
}