/* Estilo base para o header */
@font-face {
    font-family: "bauhau";
    src: url('../font/BAUHS93.ttf') format('truetype'),
         url('../font/Bauhaus\ 93\ Regular.ttf') format('woff'); 
}
@font-face {
    font-family: "fonteMestre";
    src: url('../font/impact.ttf') format('ttf'),
         url('../font/impact.woff') format('woff'); 
}
body{
    margin: 0 auto;
    padding: 0;

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-color: var(--ri-bg);
    color: var(--ri-text);
}   
.logo{
    background: url('../img/ReflexoImaginario.svg') no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;

}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: #12100b !important;
}

.topoMenu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
.topoMenu a {
        text-decoration: none;
        font-size: 22px;
    }

    .topoMenu h1 {
        width: 100px;
        height: 130px;
        margin: 0 80px;
        background: url('../img/ReflexoImaginario.svg') no-repeat;
        background-size: 100%;
        text-indent: -9999px;
    }

    .galeria-livros {
        align-items: center;
        background-color: #ec0000;
        width: 220px;
        max-width: 1200px;
    }

#poesia .Categoria{     
    display: none;

}

#poesia .nomeCategoria{     
    display: none;

}
#poesia .TituloHomeLivro{
    display: none;
}

/* Estilo base para o Livros */

#livros .Categoria{     
    display: none;

}

#livros .nomeCategoria{     
    display: none;

}
#livros .TituloHomeLivro{
    display: none;
}

.bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }

    .b-example-divider {
      width: 100%;
      height: 3rem;
      background-color: #0000001a;
      border: solid rgba(0, 0, 0, 0.15);
      border-width: 1px 0;
      box-shadow:
        inset 0 0.5em 1.5em #0000001a,
        inset 0 0.125em 0.5em #00000026;
    }

    .b-example-vr {
      flex-shrink: 0;
      width: 1.5rem;
      height: 100vh;
    }

    .bi {
      vertical-align: -0.125em;
      fill: currentColor;
    }

    .nav-scroller {
      position: relative;
      z-index: 2;
      height: 2.75rem;
      overflow-y: hidden;
    }

    .nav-scroller .nav {
      display: flex;
      flex-wrap: nowrap;
      padding-bottom: 1rem;
      margin-top: -1px;
      overflow-x: auto;
      text-align: center;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
    }

    .btn-bd-primary {
      --bd-violet-bg: #712cf9;
      --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
      --bs-btn-font-weight: 600;
      --bs-btn-color: var(--bs-white);
      --bs-btn-bg: var(--bd-violet-bg);
      --bs-btn-border-color: var(--bd-violet-bg);
      --bs-btn-hover-color: var(--bs-white);
      --bs-btn-hover-bg: #6528e0;
      --bs-btn-hover-border-color: #6528e0;
      --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
      --bs-btn-active-color: var(--bs-btn-hover-color);
      --bs-btn-active-bg: #5a23c8;
      --bs-btn-active-border-color: #5a23c8;
    }

    .bd-mode-toggle {
      z-index: 1500;
    }

    .bd-mode-toggle .bi {
      width: 1em;
      height: 1em;
    }

    .bd-mode-toggle .dropdown-menu .active .bi {
      display: block !important;
    }

    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png');
    }

    .text-body-secondary {
    color: #f0eded !important; /* Exemplo: #ff0000 */
}

/* Tema Lith - Cores de ouro/bronze */
.btn-lith {
  --lith-primary: #C7B877;
  --lith-secondary: #AD9526;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--lith-primary);
  --bs-btn-border-color: var(--lith-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--lith-secondary);
  --bs-btn-hover-border-color: var(--lith-secondary);
  --bs-btn-focus-shadow-rgb: 199, 184, 119;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--lith-secondary);
  --bs-btn-active-border-color: var(--lith-secondary);
}

/* Variáveis CSS para tema Lith disponíveis em qualquer lugar */
:root {
  --lith-primary: #C7B877;
  --lith-secondary: #AD9526;

  --ri-bg: #f7f7f9;
  --ri-text: #1b1b1b;
  --ri-surface: #ffffff;
  --ri-muted: #6c757d;
  --ri-border: #e5e7eb;
  --ri-link: #2c74f9;
  --ri-accent: #2c74f9;
}

[data-bs-theme="dark"] {
  --ri-bg: #0f1115;
  --ri-text: #e7e7e7;
  --ri-surface: #151821;
  --ri-muted: #a0a6b0;
  --ri-border: #2b303b;
  --ri-link: #8ab4ff;
  --ri-accent: #5aa2ff;
}

[data-ri-theme="lith"] {
  --ri-bg: #12100b;
  --ri-text: #f3eee1;
  --ri-surface: #1b160e;
  --ri-muted: #cbbf9a;
  --ri-border: #3a2f1b;
  --ri-link: #d7c27a;
  --ri-accent: #c7b877;
}

body,
.modal-content,
.card,
.dropdown-menu,
.list-group-item,
.table,
.table thead th,
.table td,
.table th,
.form-control,
.form-select,
.navbar,
footer,
header {
  background-color: var(--ri-surface);
  color: var(--ri-text);
}

.table,
.table td,
.table th,
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.form-control,
.form-select {
  border-color: var(--ri-border);
}

a {
  color: var(--ri-link);
}

.text-muted {
  color: var(--ri-muted) !important;
}

 @media (min-width: 768px) {
    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png width=768px height=460px');
    }
    }

     @media (min-width: 390px) and (max-width: 767px) {
    .py-5 text-center container-fluid bg-light {
        background-image: url('../img/back/Reflexoimaginariocapa.png width=768px height=460px');
    }
    }



    /* pagina editar obras */

            /* Breadcrumb */
        body#editar-capitulo .breadcrumb {
            background-color: transparent;
        }
        body#editar-capitulo .breadcrumb-item a {
            color: #4299e1;
        }
        body#editar-capitulo .breadcrumb-item.active {
            color: #a0aec0;
        }
        
        /* Card Header */
        body#editar-capitulo .card-header.bg-primary {
            background-color: #0d6efd !important;
        }
        
        /* Labels e Textos */
        body#editar-capitulo .form-label {
            color: #e2e8f0 !important;
        }
        body#editar-capitulo .form-text,
        body#editar-capitulo .text-muted {
            color: #a0aec0 !important;
        }
        
        /* Inputs */
        body#editar-capitulo .form-control {
            background-color: #2d3748 !important;
            border-color: #4a5568 !important;
            color: #e2e8f0 !important;
        }
        body#editar-capitulo .form-control::placeholder {
            color: #718096 !important;
        }
        body#editar-capitulo .form-control:focus {
            background-color: #2d3748 !important;
            border-color: #4299e1 !important;
            box-shadow: 0 0 0 0.25rem rgba(66, 153, 225, 0.25) !important;
            color: #e2e8f0 !important;
        }
        
        /* Toolbar do Editor */
        #editor-toolbar {
            background-color: #1a202c !important;
            border-color: #4a5568 !important;
        }
        #editor-toolbar .btn-outline-light {
            border-color: #4a5568 !important;
            color: #a0aec0 !important;
            padding: 0.25rem 0.5rem;
        }
        #editor-toolbar .btn-outline-light:hover {
            background-color: #4a5568 !important;
            color: #fff !important;
        }
        #editor-toolbar .btn-outline-light.is-active {
            background-color: #4299e1 !important;
            border-color: #4299e1 !important;
            color: #1a202c !important;
        }
        
        /* Editor Wrapper */
        #editor-wrapper {
            background-color: #2d3748 !important;
            border-color: #4a5568 !important;
            transition: border-color 0.2s;
        }
        #editor-wrapper:focus-within {
            border-color: #4299e1 !important;
            box-shadow: 0 0 0 0.25rem rgba(66, 153, 225, 0.25);
        }
        
        /* ProseMirror (Tiptap) */
        .ProseMirror {
            outline: none !important;
            min-height: 400px;
            color: #e2e8f0 !important;
            background-color: #2d3748 !important;
            padding: 1rem;
        }
        
        .ProseMirror :first-child {
            margin-top: 0;
        }
        
        /* Listas */
        .ProseMirror ul,
        .ProseMirror ol {
            padding: 0 1rem;
            margin: 1.25rem 1rem 1.25rem 0.4rem;
            color: #e2e8f0 !important;
        }
        .ProseMirror li p {
            margin-top: 0.25em;
            margin-bottom: 0.25em;
        }
        
        /* Cabeçalhos */
        .ProseMirror h1,
        .ProseMirror h2,
        .ProseMirror h3,
        .ProseMirror h4,
        .ProseMirror h5,
        .ProseMirror h6 {
            line-height: 1.1;
            margin-top: 2.5rem;
            color: #f7fafc !important;
        }
        .ProseMirror h1,
        .ProseMirror h2 {
            margin-top: 3.5rem;
            margin-bottom: 1.5rem;
        }
        .ProseMirror h1 { font-size: 1.4rem; }
        .ProseMirror h2 { font-size: 1.2rem; }
        .ProseMirror h3 { font-size: 1.1rem; }
        .ProseMirror h4,
        .ProseMirror h5,
        .ProseMirror h6 { font-size: 1rem; }
        
        /* Parágrafos */
        .ProseMirror p {
            color: #e2e8f0 !important;
            margin-bottom: 1rem;
        }
        
        /* Placeholder */
        .ProseMirror p.is-editor-empty:first-child::before {
            content: attr(data-placeholder);
            float: left;
            color: #718096;
            pointer-events: none;
            height: 0;
        }
        
        /* Código */
        .ProseMirror code {
            background-color: #4a5568 !important;
            border-radius: 0.4rem;
            color: #63b3ed !important;
            font-size: 0.85rem;
            padding: 0.25em 0.3em;
        }
        .ProseMirror pre {
            background-color: #1a202c !important;
            border-radius: 0.5rem;
            color: #e2e8f0 !important;
            font-family: 'JetBrainsMono', monospace;
            margin: 1.5rem 0;
            padding: 0.75rem 1rem;
        }
        .ProseMirror pre code {
            background: none;
            color: inherit;
            font-size: 0.8rem;
            padding: 0;
        }
        
        /* Citação */
        .ProseMirror blockquote {
            border-left: 3px solid #4299e1;
            margin: 1.5rem 0;
            padding-left: 1rem;
            color: #a0aec0 !important;
        }
        
        /* Linha horizontal */
        .ProseMirror hr {
            border: none;
            border-top: 1px solid #4a5568;
            margin: 2rem 0;
        }
        
        /* Botões */
        body#editar-capitulo .btn-outline-secondary {
            border-color: #4a5568 !important;
            color: #e2e8f0 !important;
        }
        body#editar-capitulo .btn-outline-secondary:hover {
            background-color: #4a5568 !important;
            color: #fff !important;
        }