/* Tema Preto e Vermelho - Apostalider */
/* Cores: Preto (#000000) e Vermelho (#E03326 - rgb 224, 51, 38) */

:root {
    --theme-primary: #E03326;
    --theme-primary-hover: #b82820;
    --theme-primary-light: #ff4538;
    --theme-bg-dark: #000000;
    --theme-bg-light: #1a1a1a;
    --theme-bg-medium: #2a2a2a;
    --theme-text-light: #ffffff;
    --theme-text-dark: #cccccc;
    --theme-border: rgba(224, 51, 38, 0.3);
}

/* Background Global */
body {
    background-color: var(--theme-bg-dark) !important;
    color: var(--theme-text-light) !important;
}

/* Cores primárias */
.bg-primary,
.btn-primary,
.badge-primary,
.alert-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.text-primary {
    color: var(--theme-primary) !important;
}

.border-primary {
    border-color: var(--theme-primary) !important;
}

/* Headers e Topbar */
header,
.topbar,
.navbar,
.page-header {
    background-color: var(--theme-bg-dark) !important;
    border-bottom-color: var(--theme-primary) !important;
}

/* Sidebar */
.sidebar,
.sidebar-dark,
aside,
.menu,
.nav-sidebar {
    background-color: var(--theme-bg-light) !important;
}

/* Cards e Panels */
.card,
.panel,
.box,
.widget {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
}

.card-header,
.panel-heading,
.box-header {
    background-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

/* Botões */
.btn-success,
.btn-info {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.btn-success:hover,
.btn-info:hover,
.btn-primary:hover {
    background-color: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
}

/* Links */
a {
    color: var(--theme-primary) !important;
}

a:hover {
    color: var(--theme-primary-light) !important;
}

/* Tables */
.table thead th,
.table thead td {
    background-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--theme-bg-light) !important;
}

.table-hover tbody tr:hover {
    background-color: var(--theme-bg-medium) !important;
}

/* Modals */
.modal-header {
    background-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

.modal-content {
    background-color: var(--theme-bg-light) !important;
    color: var(--theme-text-light) !important;
}

.modal-body {
    background-color: var(--theme-bg-light) !important;
}

.modal-footer {
    background-color: var(--theme-bg-medium) !important;
    border-top-color: var(--theme-border) !important;
}

/* Forms */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    background-color: var(--theme-bg-medium) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-light) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(224, 51, 38, 0.25) !important;
}

/* Labels */
label {
    color: var(--theme-text-light) !important;
}

/* Badges */
.badge,
.label {
    background-color: var(--theme-primary) !important;
}

/* Progress bars */
.progress {
    background-color: var(--theme-bg-medium) !important;
}

.progress-bar {
    background-color: var(--theme-primary) !important;
}

/* Alerts */
.alert {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-light) !important;
}

/* Navigation */
.nav-tabs,
.nav-pills {
    border-bottom-color: var(--theme-border) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

/* Dropdown */
.dropdown-menu {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
}

.dropdown-item {
    color: var(--theme-text-light) !important;
}

.dropdown-item:hover {
    background-color: var(--theme-bg-medium) !important;
    color: var(--theme-primary) !important;
}

/* Pagination */
.pagination .page-link {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-light) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--theme-bg-light) !important;
}

.breadcrumb-item.active {
    color: var(--theme-primary) !important;
}

/* Lists */
.list-group-item {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-light) !important;
}

.list-group-item.active {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

/* Footer */
footer,
.footer {
    background-color: var(--theme-bg-dark) !important;
    border-top-color: var(--theme-primary) !important;
    color: var(--theme-text-dark) !important;
}

/* Scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 10px;
    background-color: var(--theme-bg-dark);
}

::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--theme-primary-hover);
}

/* Selection */
::selection {
    background-color: var(--theme-primary);
    color: var(--theme-text-light);
}

::-moz-selection {
    background-color: var(--theme-primary);
    color: var(--theme-text-light);
}

/* Texto */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
    color: inherit;
}

/* Cores específicas do jogo do bicho */
.bicho-numero {
    color: var(--theme-primary) !important;
}

.bicho-active {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

/* Loading e Spinner */
.spinner-border,
.spinner-grow {
    color: var(--theme-primary) !important;
}

/* Tooltips */
.tooltip-inner {
    background-color: var(--theme-primary) !important;
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: var(--theme-primary) !important;
}

.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--theme-primary) !important;
}

.tooltip.bs-tooltip-start .arrow::before {
    border-left-color: var(--theme-primary) !important;
}

.tooltip.bs-tooltip-end .arrow::before {
    border-right-color: var(--theme-primary) !important;
}

/* Popovers */
.popover {
    background-color: var(--theme-bg-light) !important;
    border-color: var(--theme-border) !important;
}

.popover-header {
    background-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

/* Accordion */
.accordion-button {
    background-color: var(--theme-bg-light) !important;
    color: var(--theme-text-light) !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--theme-primary) !important;
    color: var(--theme-text-light) !important;
}

/* Cores de status */
.text-success {
    color: var(--theme-primary) !important;
}

.bg-success {
    background-color: var(--theme-primary) !important;
}