/* DARK FUERTE SMA */
body.dark {
  background: #0b0d11 !important;
  color: #e4e6eb !important;
}

/* CONTENIDO */
body.dark .container,
body.dark .content,
body.dark .box,
body.dark .row,
body.dark .col-lg-12,
body.dark .col-md-12 {
  background: #12151b !important;
}

/* HEADER */
body.dark .navbar,
body.dark header {
  background: #0b0d11 !important;
}

/* SIDEBAR */
body.dark .main-sidebar,
body.dark aside {
  background: #101318 !important;
}

/* LINKS */
body.dark a {
  color: #4dabf7 !important;
}

/* INPUTS */
body.dark input,
body.dark select,
body.dark textarea {
  background: #12151b !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

/* FOOTER (ya te gusta ese estilo) */
body.dark footer {
  background: #000 !important;
}

/* FONDO GLOBAL */
body.dark {
  background: #0b0d11 !important;
}

/* WRAPPER PRINCIPAL (CLAVE SMA) */
body.dark .wrapper,
body.dark .container,
body.dark .container-fluid,
body.dark .main-content {
  background: #0b0d11 !important;
}

/* SECCIONES BLANCAS */
body.dark .content,
body.dark .box,
body.dark .panel,
body.dark .well {
  background: #12151b !important;
}

/* BLOQUES TIPO "Productos Destacados" */
body.dark .section,
body.dark .featured-products,
body.dark .products,
body.dark .row {
  background: #0f1318 !important;
}

/* TARJETAS / ITEMS */
body.dark .product,
body.dark .product-item,
body.dark .thumbnail {
  background: #161a20 !important;
  border-color: #222 !important;
}

/* TITULOS (barra gris que ves) */
body.dark h2,
body.dark h3,
body.dark .section-title {
  background: #11151b !important;
  color: #fff !important;
}

/* FOOTER (para que combine) */
body.dark footer {
  background: #000 !important;
}

/* DROPDOWNS */
body.dark .dropdown-menu {
  background: #1a1d23 !important;
  border: 1px solid #2c313a !important;
}

body.dark .dropdown-menu > li > a {
  color: #ddd !important;
}

body.dark .dropdown-menu > li > a:hover {
  background: #2a2f38 !important;
  color: #fff !important;
}

/* BOTONES DEFAULT (los blancos) */
body.dark .btn-default {
  background: #1a1d23 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

body.dark .btn-default:hover {
  background: #2a2f38 !important;
}

/* ELEMENTOS ACTIVOS */
body.dark .active,
body.dark li.active > a {
  background: #2a2f38 !important;
  color: #fff !important;
}

/* ARREGLA BOTON CARRITO / HEADER */
body.dark .btn {
  box-shadow: none !important;
}

/* INPUT SEARCH (por si queda blanco) */
body.dark input[type="text"] {
  background: #12151b !important;
  color: #fff !important;
}

/* DROPDOWN SMA FULL FIX */
body.dark .dropdown-menu,
body.dark .dropdown-menu-right,
body.dark div.dropdown-menu {
  background-color: #1a1d23 !important;
  border: 1px solid #2c313a !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
}

/* items */
body.dark .dropdown-menu > li > a {
  background-color: transparent !important;
  color: #ddd !important;
}

/* hover */
body.dark .dropdown-menu > li > a:hover,
body.dark .dropdown-menu > li.active > a {
  background-color: #2a2f38 !important;
  color: #fff !important;
}

/* separadores */
body.dark .dropdown-menu .divider {
  background-color: #2c313a !important;
}

/* FIX raro de SMA (a veces usa <div>) */
body.dark .dropdown-menu a {
  color: #ddd !important;
}

/* === KILL WHITE DROPDOWNS SMA === */

/* fuerza todos los dropdown */
body.dark ul.dropdown-menu,
body.dark .dropdown-menu,
body.dark .dropdown-menu-right,
body.dark div.dropdown-menu {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  border: 1px solid #2c313a !important;
}

/* fuerza TODOS los hijos */
body.dark .dropdown-menu * {
  background-color: transparent !important;
  color: #ddd !important;
}

/* hover y activos */
body.dark .dropdown-menu li a:hover,
body.dark .dropdown-menu li.active a {
  background-color: #2a2f38 !important;
  color: #fff !important;
}

/* si SMA mete fondo en <li> */
body.dark .dropdown-menu li {
  background: transparent !important;
}

/* FIX para inline style="background:#fff" */
body.dark .dropdown-menu[style],
body.dark ul.dropdown-menu[style] {
  background: #1a1d23 !important;
}