:root {
    --bs-body-bg: {{ theme_setting.item_bg_color }} !important; /* Table Backgrounds */
    --bs-header-footer-bg: {{ theme_setting.header_footer_bg_color }} !important;
    --bs-header-footer-text: {{ theme_setting.header_footer_text_color }} !important;
    --bs-body-color: {{ theme_setting.item_text_color }} !important;
    --bs-table-bg: {{ theme_setting.item_bg_color }} !important;
    --bs-text-color: {{ theme_setting.item_text_color }} !important;
    --bs-table-color: {{ theme_setting.item_text_color }} !important;
    --bs-emphasis-color: {{ theme_setting.item_text_color }} !important;
}

/* make the button background red */
/* .navbar-toggler {
    background-color: #FFDE59 !important;
    border: 1px solid #000000 !important;
} */

.btn {
    color: var(--bs-text-color) !important;
}

.cart-sidebar {
    background-color: var(--bs-table-bg) !important;
    color: #000000 !important;
}

.cart-sidebar-header {
    color: var(--bs-text-color) !important;
}

.btn-view-cart {

    color: var(--bs-header-footer-text) !important;
    border: none;
}

/* Color del Carrito de Compra en móbil */
.nav-link.me-4{
    color: var(--bs-header-footer-text) !important;
}

/* .announcement_bar {
    background-color: var(--bs-emphasis-color) !important;
    color: var(--bs-header-footer-text) !important;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 8px 15px;
    text-align: center;
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
} */

a:link,
a:visited,
a:hover,
a:active {
    color: var(--bs-emphasis-color) !important;
    text-decoration: none !important;
}


.fondo_store,
.card,
.card-body,
.card-header,
.card-footer,
.card-title,
.card-text {
    /* background-color: var(--bs-table-bg) !important; */
    color: {{ theme_setting.item_text_color }} !important;
}

.table {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
}

.table th,
.table td {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.table thead th {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
}

.table tbody tr {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
}

/* #fondo_header,
#navbarTogglerDemo03 a.nav-link {
    background-color: var(--bs-header-footer-bg) !important;
    color: var(--bs-header-footer-text) !important;
} */


#fondo_productos {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
}

/* Modal theming */
.modal-content {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
    border: 1px solid rgba(0,0,0,0.2);
}

.modal-header {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.modal-body {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
}

.modal-footer {
    background-color: {{ theme_setting.item_bg_color }} !important;
    color: {{ theme_setting.item_text_color }} !important;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.modal-title {
    color: {{ theme_setting.item_text_color }} !important;
}

/* Bootstrap close button theming */
.btn-close {
    filter: brightness(0) saturate(100%) invert(1) !important;
    color: {{ theme_setting.item_text_color }} !important;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25) !important;
}