
/* =========================
   THEME: Logo + colores base
   ========================= */

/* ---------- Header / Navbar ---------- */
.navbar-light {
  background-color: #000 !important;
}

/* Barra superior (borde + padding) */
#graph_header .navbar,
.o_header_affix .navbar {
  border-top-color: #272626 !important;
  border-color: transparent;
  padding: 16px 0 0;
}

/* Caso específico cuando queda “affix” */
.o_header_affix.affix.affixed .navbar.navbar-expand-md.navbar-light.bg-light.border_t_1 {
  border-top: 1px solid #373737 !important;
}

/* Logo (normal) */
header .navbar-brand.logo img {
  height: 105px;
}

/* Logo cuando el header está “affixed” */
.o_header_affix.affix.affixed .navbar-brand.logo img {
  height: 73px;
  padding: 6px 0 0;
}

/* Logo en mobile */
@media (max-width: 550px) {
  header .navbar-brand.logo img {
    height: 63px;
  }
}

/* Menú colapsado en mobile */
@media (max-width: 768px) {
  .navbar-collapse {
    padding: 0;
    background-color: #1f1f1f;
  }
	@media (max-width: 768px) {
    .dropdown-menu.show {
        display: block;
        background-color: #4d4d4d;
        border-radius: 6px;
    }
}
}

/* ---------- Footer ---------- */
footer .bg-alpha {
  background-color: #000 !important;
  color: #fff;
}

.o_footer {
  background-color: #ccc !important;
}

/* ---------- Filters / UI ---------- */
.bloque-filters__holder {
  padding: 13px 0;
  color: #000;
}

/* ---------- Buttons ---------- */
.btn-secondary {
  color: #fff;
  background-color: #484848;
  border-color: #484848;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

/* Botón ordenar */
.btn-secondary.boton_ordenar {
  background-color: #fff;
  color: #000;
}

/* Dropdown */
.dropdown-menu {
  background-color: #000;
  border: 1px solid #000;
}

.show > .btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #393939;
  border-color: #383838;
}

/* Botón filtro */
.btn-secondary.btn_filtro {
  color: #fff;
  background-color: #000;
  border-color: #333;
}

/* Botón “stock” (link) */
.btn-link.btn_stock {
  color: #000;
}

/* ---------- Badges ---------- */
.badge-primary {
  color: #000;
  background-color: #ddd;
}

.badge-danger {
  background-color: #1f1f1f;
}

/* ---------- Pagination ---------- */
.page-link {
  color: #000;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border-color: #000;
}

/* ---------- Popup +18 (ibr18) ---------- */
#ibr18 .contenedora.holder.align {
  background-color: #000 !important;
  border: 5px solid #000 !important;
}

#ibr18 .contenedora .cabezal {
  background-color: #000 !important;
}

