/*
Theme Name: 15/01 - Virgula v6
Theme URI: https://virgulacontabil.com.br
Author: Vírgula Contábil
Author URI: https://virgulacontabil.com.br
Description: Tema institucional moderno focado em alta performance e contabilidade digital. Baseado em Tailwind CSS.
Version: 6.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: virgula-contabil
*/

/* 
 * O estilo visual principal é gerenciado pelo Tailwind CSS (carregado via CDN no header.php).
 * Este arquivo contém ajustes específicos para o WordPress e overrides.
 */

/* Ajuste para a barra de admin do WordPress */
.admin-bar header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar header {
        top: 46px !important;
    }
}

/* Scrollbar personalizada */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #020a1c;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #10b981;
}

/* Utility classes que o WP pode injetar */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
    margin-left: 1.5em;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
}

/* 
 * Correções para o conteúdo do Post (.prose)
 * Garante que listas e parágrafos tenham estilo, já que o reset do Tailwind remove tudo.
 */
.prose p {
    margin-bottom: 1.5em;
}

/* Força estilos de lista para garantir que apareçam mesmo se o plugin falhar */
.prose ul {
    list-style-type: disc !important;
    padding-left: 1.5em !important;
    margin-bottom: 1.5em;
}

.prose ol {
    list-style-type: decimal !important;
    padding-left: 1.5em !important;
    margin-bottom: 1.5em;
}

.prose li {
    margin-bottom: 0.5em;
    padding-left: 0.2em;
}

/* Personaliza a cor dos bullets/números para o verde da marca */
.prose li::marker {
    color: #10b981; /* virgula-green */
    font-weight: bold;
}

/* Ajustes para blockquote */
.prose blockquote {
    border-left: 4px solid #10b981;
    padding-left: 1em;
    font-style: italic;
    color: inherit;
    opacity: 0.8;
}

/* Utilitário para pausar animação ao passar o mouse */
.hover\:paused:hover {
    animation-play-state: paused;
}