/*=============================================
DARK MODE STYLES
=============================================*/

/* Background principal */
body {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* Contenedores principales */
.container,
.bodyTemplate {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* Cards y elementos con fondo */
.card,
.card-body,
.card-header {
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6,
.titleProduct {
    color: #ffffff !important;
}

/* Textos */
p, span, label, div {
    color: #e0e0e0 !important;
}

/* Textos mutados */
.text-muted {
    color: #888888 !important;
}

/* Textos oscuros a claros */
.text-dark {
    color: #e0e0e0 !important;
}

/* Backgrounds claros a oscuros */
.bg-light,
.bg-white {
    background-color: #1a1a1a !important;
}

.bg-default {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* Bordes */
.border,
.border-bottom,
.border-top {
    border-color: #2d2d2d !important;
}

/* Inputs y formularios */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select,
.form-control {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

input::placeholder,
textarea::placeholder {
    color: #888888 !important;
}

/* Botones secundarios */
.btn-light,
.btn-default,
.btn-outline-secondary {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

.btn-light:hover,
.btn-default:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

/* Modales */
.modal-content {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.modal-header,
.modal-footer {
    border-color: #2d2d2d !important;
}

/* Tablas */
.table {
    color: #e0e0e0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #1a1a1a !important;
}

.table-hover tbody tr:hover {
    background-color: #2d2d2d !important;
}

/* Alertas y badges */
.alert {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

.badge.bg-secondary {
    background-color: #404040 !important;
}

/* Dropdown menus */
.dropdown-menu {
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
}

.dropdown-item {
    color: #e0e0e0 !important;
}

.dropdown-item:hover {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

/* Navegación */
.nav-tabs,
.nav-pills {
    border-color: #2d2d2d !important;
}

.nav-link {
    color: #e0e0e0 !important;
}

.nav-link:hover {
    color: #ffffff !important;
}

/* Precio y oferta */
.blockPrice {
    color: #e0e0e0 !important;
}

.beforePrice,
.nowPrice {
    color: #ffffff !important;
}

/* Stock */
.blockStock {
    background-color: #1a1a1a !important;
}

.progress {
    background-color: #2d2d2d !important;
}

/* Descripción del producto */
.description {
    color: #e0e0e0 !important;
}

.description p,
.description span,
.description div {
    color: #e0e0e0 !important;
}

/* Comentarios */
.comments .comment-item {
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
}

.comments .bg-light {
    background-color: #1a1a1a !important;
}

/* Variantes */
.bg-default.border {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Flexslider */
.flexslider {
    background-color: #1a1a1a !important;
}

.flex-control-nav {
    background-color: transparent !important;
}

/* Iconos */
i {
    color: inherit !important;
}

/* Links */
a {
    color: #4da6ff !important;
}

a:hover {
    color: #80bfff !important;
}

/* Sombras - reducir intensidad */
.shadow,
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important;
}

/* Scrollbar personalizado */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

/* Rounded elements */
.rounded,
.rounded-pill {
    background-color: #2d2d2d !important;
}

/* Separadores */
hr {
    border-color: #2d2d2d !important;
    opacity: 1 !important;
}

/* Toast y notificaciones */
.toast {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Proceso de entrega */
.delivery_time_new {
    color: #e0e0e0 !important;
}

/* Slider de productos */
.jd-slider .slide-area > li {
    background-color: #1a1a1a !important;
}

/* Nota: Los botones principales (addShop, addCheckout, btn-dark) mantienen sus colores originales del store */
/* Nota: Los colores de éxito, peligro y advertencia mantienen sus colores originales */
/* Nota: Las imágenes del producto no tienen filtros aplicados */

/* ContainerGPT en modo oscuro */
.containerGPT {
    background-color: #0d0d0d !important;
}

.containerGPT .description {
    color: #e0e0e0 !important;
}

/* Ajustes específicos para elementos inline */
.small,
small {
    color: #b0b0b0 !important;
}

/* Lead text */
.lead {
    color: #e0e0e0 !important;
}

/* Font weight bold elements */
.font-weight-bold,
.fw-bold {
    color: #ffffff !important;
}

/* Countdown timer */
.countdown {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Bottom product section */
.bottom-product {
    background-color: #0d0d0d !important;
}

/* Fake counter */
.fake_counter_p,
.fake_counter {
    color: #e0e0e0 !important;
}

/* Accordion */
.accordion-button {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.accordion-button:not(.collapsed) {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

.accordion-body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Collapse elements */
.collapse,
.collapsing {
    background-color: #1a1a1a !important;
}

/* List groups */
.list-group-item {
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* Pagination */
.page-link {
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
    color: #4da6ff !important;
}

.page-link:hover {
    background-color: #2d2d2d !important;
    color: #80bfff !important;
}

.page-item.active .page-link {
    background-color: #404040 !important;
    border-color: #404040 !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: #1a1a1a !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #888888 !important;
}

/* Forzar modo claro en elementos específicos */
/* .light-mode-forced,*/
.light-mode-forced *, 
.light-mode-forced .modal-content,
.light-mode-forced .modal-header,
.light-mode-forced .modal-body,
.light-mode-forced .modal-footer {
    background-color: #ffffff !important;
    /* color: #212529 !important; */
    border-color: #dee2e6 !important;
}

.light-mode-forced .text-muted {
    color: #6c757d !important;
}

.light-mode-forced .text-dark {
    color: #212529 !important;
}

.light-mode-forced .bg-light {
    background-color: #f8f9fa !important;
}

.light-mode-forced .border {
    border-color: #dee2e6 !important;
}

.light-mode-forced input,
.light-mode-forced textarea,
.light-mode-forced select,
.light-mode-forced .form-control {
    background-color: #ffffff !important;
    border-color: #ced4da !important;
    color: #212529 !important;
}

.light-mode-forced input::placeholder,
.light-mode-forced textarea::placeholder {
    color: #6c757d !important;
}

.light-mode-forced .btn-light,
.light-mode-forced .btn-default {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

.light-mode-forced h1,
.light-mode-forced h2,
.light-mode-forced h3,
.light-mode-forced h4,
.light-mode-forced h5,
.light-mode-forced h6 {
    color: #212529 !important;
}

.light-mode-forced p,
.light-mode-forced span,
.light-mode-forced label,
.light-mode-forced div {
    color: #212529 !important;
}

.light-mode-forced a {
    color: #0d6efd !important;
}

.light-mode-forced a:hover {
    color: #0a58ca !important;
}