/*
 * WebEngine CMS - Bootstrap Dark Overrides
 * Para templates oscuros. Cargar DESPUÉS de Bootstrap.
 */

:root,
[data-bs-theme="dark"]{
  --bs-body-color:#b6bdc7;
  --bs-body-color-rgb:182,189,199;
  --bs-body-bg:#0b0e13;
  --bs-body-bg-rgb:11,14,19;
  --bs-secondary-color:#858d98;
  --bs-secondary-bg:#141922;
  --bs-tertiary-bg:#11161e;
  --bs-emphasis-color:#f1f3f5;
  --bs-border-color:rgba(255,255,255,.09);
  --bs-border-color-translucent:rgba(255,255,255,.07);
  --bs-primary:#d8aa4d;
  --bs-primary-rgb:216,170,77;
  --bs-link-color:#d8aa4d;
  --bs-link-hover-color:#edc773;
}

body,
.mu-module{
  color:var(--bs-body-color);
}

.mu-module .card,
.mu-module .panel,
.mu-module .well,
.mu-module .list-group-item,
.mu-module .modal-content,
.mu-module .dropdown-menu,
.mu-module .accordion-item,
.mu-module .offcanvas,
.mu-module .toast{
  background-color:#11151c!important;
  border-color:var(--bs-border-color)!important;
  color:#c6ccd4!important;
}

.mu-module .card-header,
.mu-module .card-footer,
.mu-module .panel-heading,
.mu-module .panel-footer,
.mu-module .modal-header,
.mu-module .modal-footer,
.mu-module .accordion-button,
.mu-module .dropdown-header{
  background-color:#161b23!important;
  border-color:var(--bs-border-color)!important;
  color:#eceff3!important;
}

.mu-module .table{
  --bs-table-color:#c3c9d1;
  --bs-table-bg:transparent;
  --bs-table-border-color:rgba(255,255,255,.07);
  --bs-table-striped-color:#c3c9d1;
  --bs-table-striped-bg:rgba(255,255,255,.025);
  --bs-table-hover-color:#fff;
  --bs-table-hover-bg:rgba(216,170,77,.06);
  color:#c3c9d1!important;
  border-color:rgba(255,255,255,.07)!important;
}

.mu-module .table > :not(caption) > * > *{
  background-color:transparent!important;
  border-bottom-color:rgba(255,255,255,.07)!important;
  color:inherit!important;
}

.mu-module .table thead th,
.mu-module .table thead td{
  background:#161b23!important;
  color:#e8ebef!important;
  border-color:rgba(255,255,255,.08)!important;
}

.mu-module .form-control,
.mu-module .form-select,
.mu-module .input-group-text,
.mu-module textarea,
.mu-module input[type="text"],
.mu-module input[type="email"],
.mu-module input[type="password"],
.mu-module input[type="number"],
.mu-module select{
  background-color:#0d1117!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#e2e6eb!important;
}

.mu-module .form-control::placeholder,
.mu-module textarea::placeholder,
.mu-module input::placeholder{
  color:#656d78!important;
  opacity:1;
}

.mu-module .form-control:focus,
.mu-module .form-select:focus,
.mu-module textarea:focus,
.mu-module input:focus,
.mu-module select:focus{
  background-color:#0d1117!important;
  color:#fff!important;
  border-color:rgba(216,170,77,.65)!important;
  box-shadow:0 0 0 .2rem rgba(216,170,77,.10)!important;
}

.mu-module .btn-primary{
  --bs-btn-color:#111;
  --bs-btn-bg:#d8aa4d;
  --bs-btn-border-color:#d8aa4d;
  --bs-btn-hover-color:#111;
  --bs-btn-hover-bg:#e6bb65;
  --bs-btn-hover-border-color:#e6bb65;
  --bs-btn-active-bg:#c89a3e;
  --bs-btn-active-border-color:#c89a3e;
  font-weight:700;
}

.mu-module .btn-outline-primary{
  --bs-btn-color:#d8aa4d;
  --bs-btn-border-color:#d8aa4d;
  --bs-btn-hover-color:#111;
  --bs-btn-hover-bg:#d8aa4d;
  --bs-btn-hover-border-color:#d8aa4d;
}

.mu-module .btn-light,
.mu-module .btn-default{
  background:#171c24!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#d3d8df!important;
}

.mu-module .btn-light:hover,
.mu-module .btn-default:hover{
  background:#202630!important;
  color:#fff!important;
}

.mu-module .text-dark,
.mu-module .text-body{
  color:#c8ced6!important;
}

.mu-module .text-muted,
.mu-module .text-body-secondary{
  color:#7f8792!important;
}

.mu-module hr{
  border-color:rgba(255,255,255,.08)!important;
  opacity:1;
}

.mu-module a:not(.btn){
  color:#d8aa4d;
}

.mu-module a:not(.btn):hover{
  color:#edc773;
}

/* Adaptaciones comunes de los módulos que fuimos creando */
.mu-module [class*="module-"] .guild-card,
.mu-module [class*="module-"] .guild-header,
.mu-module [class*="module-"] .myacc-card,
.mu-module [class*="module-"] .myacc-header,
.mu-module [class*="module-"] .email-card,
.mu-module [class*="module-"] .password-card,
.mu-module [class*="module-"] .rk-topbar,
.mu-module [class*="module-"] .rankings-wrap,
.mu-module [class*="module-"] .guild-members-card{
  background:#11151c!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#c6ccd4!important;
}

.mu-module [class*="module-"] .guild-card-title,
.mu-module [class*="module-"] .guild-members-head,
.mu-module [class*="module-"] .myacc-card-header,
.mu-module [class*="module-"] .email-header,
.mu-module [class*="module-"] .password-header,
.mu-module [class*="module-"] .rankings-wrap thead th{
  background:#161b23!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#e8ebef!important;
}

/* Compatibilidad con algunos módulos viejos WebEngine */
.mu-module .panel-default > .panel-heading,
.mu-module .panel-primary > .panel-heading{
  background:#161b23!important;
  color:#e8ebef!important;
  border-color:rgba(255,255,255,.08)!important;
}

.mu-module .pagination > li > a,
.mu-module .pagination > li > span{
  background:#11151c!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#c4cad2!important;
}

.mu-module .pagination > .active > a,
.mu-module .pagination > .active > span{
  background:#d8aa4d!important;
  border-color:#d8aa4d!important;
  color:#111!important;
}