/* =========================================================
   MB Dark / Light Mode
   - El modo oscuro se activa cuando <html> tiene la clase .mb-dark
   - Los estilos del toggle aplican SIEMPRE; el resto solo en oscuro
   ========================================================= */

/* ---------- TOGGLE (conmutador) ---------- */
.mb-dlm-toggle{
  background:transparent; border:0; padding:4px; margin:0;
  cursor:pointer; line-height:0; display:inline-flex; vertical-align:middle;
}
.mb-dlm-toggle:focus-visible{ outline:2px solid #f97316; outline-offset:3px; border-radius:999px; }
.mb-dlm-track{
  position:relative; display:inline-flex; align-items:center;
  width:54px; height:28px; border-radius:999px;
  background:#E9E6E1; border:1px solid rgba(15,23,42,.14);
  padding:3px; transition:background .2s ease, border-color .2s ease;
  box-sizing:border-box;
}
.mb-dlm-thumb{
  width:22px; height:22px; border-radius:50%; background:#ffffff;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  display:flex; align-items:center; justify-content:center;
  transition:transform .22s ease, color .2s ease; color:#f59e0b;
}
.mb-dlm-i{ width:14px; height:14px; position:absolute; transition:opacity .18s ease; }
.mb-dlm-i-sun{ opacity:1; }
.mb-dlm-i-moon{ opacity:0; }

html.mb-dark .mb-dlm-track{ background:#3A3A3D; border-color:rgba(255,255,255,.16); }
html.mb-dark .mb-dlm-thumb{ transform:translateX(26px); color:#fbbf24; }
html.mb-dark .mb-dlm-i-sun{ opacity:0; }
html.mb-dark .mb-dlm-i-moon{ opacity:1; }

/* Botón flotante */
.mb-dlm-float{ position:fixed; z-index:99990; }
.mb-dlm-float .mb-dlm-track{
  box-shadow:0 6px 20px rgba(2,6,23,.22);
}
.mb-dlm-pos-br{ bottom:20px; right:20px; }
.mb-dlm-pos-bl{ bottom:20px; left:20px; }
.mb-dlm-pos-tr{ top:30px; right:20px; }
.mb-dlm-pos-tl{ top:30px; left:20px; }
.mb-dlm-pos-tc{ top:30px; left:50%; transform:translateX(-50%); }

/* En movil, el boton flotante arriba (tc/tr/tl) se solapa con la hamburguesa
   del menu de Blocksy. Lo colocamos JUSTO DEBAJO de la hamburguesa (arriba
   derecha, por debajo de la cabecera). El calc() con safe-area lo baja lo justo
   en moviles con notch; sin notch usa ~70px. */
@media (max-width:768px){
  .mb-dlm-float{
    top:calc(env(safe-area-inset-top, 0px) + 70px) !important;
    bottom:auto !important; left:auto !important; right:16px !important;
    transform:none !important;
  }
}


/* =========================================================
   MODO OSCURO — TEMA BLOCKSY
   Blocksy define su paleta con variables CSS. Redefiniéndolas
   bajo .mb-dark, gran parte del tema cambia automáticamente.

   ⚠️ IMPORTANTE: los nombres exactos pueden variar según tu
   instalación. Verifícalos inspeccionando tu web (botón derecho
   → Inspeccionar sobre el <html>/<body> y mira las variables
   "--theme-..."). Ajusta los valores de abajo a tu gusto.
   ========================================================= */
html.mb-dark{
  color-scheme: dark;

  /* Paleta global de Blocksy.
     OJO: NO redefinimos color-1 ni color-2 (tu acento naranja) para que
     el naranja quede EXACTAMENTE igual que en claro. */
  --theme-palette-color-3:#E9E6E1; /* texto que antes era oscuro -> claro */
  --theme-palette-color-4:#A09A94;
  --theme-palette-color-5:#2E2E31; /* bordes / superficies suaves */
  --theme-palette-color-6:#1A1A1C;
  --theme-palette-color-7:#141416;
  --theme-palette-color-8:#0F0F10; /* blanco que antes era fondo -> oscuro */

  /* Variables de texto/fondo del tema (revisar nombres) */
  --theme-text-color:#D6D2CC;
  --theme-headings-color:#F2F0EE;
  --theme-link-initial-color:#D6D2CC; /* enlaces en claro; el naranja queda para acento/hover */
  --theme-link-hover-color:#f97316;   /* tu naranja, sin cambiar */
  --theme-border-color:#2E2E31;
  --theme-content-area-background:#0F0F10;
  --theme-content-background-color:#0F0F10;
}

/* Red de seguridad: por si algún contenedor no usa variables.
   Mantenlo ligero para no romper el diseño del tema. */
html.mb-dark body{ background-color:#0F0F10; color:#D6D2CC; }


/* =========================================================
   MODO OSCURO — CONTENIDO DEL SITIO (LearnDash, cabecera…)
   ========================================================= */

/* ---------- Tarjetas de cursos (LearnDash Course Grid) — VERIFICADO ----------
   El blanco lo pinta ".grid-2 .post" (4 clases). Hay que igualar/superar esa
   especificidad, por eso el selector es largo. */
html.mb-dark .learndash-course-grid .items-wrapper .grid-2 .post{
  background:#1A1A1C !important;
  border-color:#2E2E31 !important;
}
html.mb-dark .learndash-course-grid .entry-title,
html.mb-dark .learndash-course-grid .entry-title a,
html.mb-dark .learndash-course-grid .content{
  color:#E9E6E1 !important;
}

/* ---------- Interior del curso (LearnDash) — VERIFICADO ----------
   Bloques/lecciones, barra de progreso y temas. El naranja de LearnDash
   (botones "Expandir"/"Expandir todo") se mantiene intacto. */
html.mb-dark .learndash-wrapper .ld-item-list-item{ background:#1A1A1C !important; border-color:#2E2E31 !important; }
html.mb-dark .learndash-wrapper .ld-course-status{ background:#161618 !important; }
html.mb-dark .learndash-wrapper .ld-pages{ background:#2E2E31 !important; }

html.mb-dark .learndash-wrapper .ld-item-title,
html.mb-dark .learndash-wrapper .ld-item-name{ color:#F2F0EE !important; }
html.mb-dark .learndash-wrapper .ld-item-components,
html.mb-dark .learndash-wrapper .ld-item-component{ color:#A09A94 !important; }

/* Círculo de estado (LearnDash) en oscuro → estilo ANILLO.
   LD lo dibuja como círculo con borde de 4px y centro blanco (background-color).
   Ese centro blanco es lo que "manchaba" en oscuro. Solución: centro transparente
   (se ve el fondo de la tarjeta = aro) y borde recoloreado.
   - Incompleto: aro gris oscuro.
   - En progreso (media luna): verde el avance + gris oscuro el resto.
   - Completado: disco verde con su check, tono unificado. */
html.mb-dark .learndash-wrapper .ld-status-icon.ld-status-incomplete{
  background-color:transparent !important;
  border-color:#3A3A3D !important;
}
html.mb-dark .learndash-wrapper .ld-status-icon.ld-status-in-progress{
  background-color:transparent !important;
  border-color:#16a34a #3A3A3D #3A3A3D #16a34a !important;
}
html.mb-dark .learndash-wrapper .ld-status-icon.ld-status-complete{
  background-color:#16a34a !important;
}

/* Filas de temas al expandir un bloque (fondo transparente; solo texto) */
html.mb-dark .learndash-wrapper .ld-table-list-item-preview,
html.mb-dark .learndash-wrapper .ld-table-list-item .ld-topic-title,
html.mb-dark .learndash-wrapper .ld-table-list-item .ld-item-title{ color:#E9E6E1 !important; }
html.mb-dark .learndash-wrapper .ld-table-list-item{ border-color:#2E2E31 !important; }

/* Título de la página (lecciones, temas y páginas en general): que no quede negro */
html.mb-dark .entry-header .page-title,
html.mb-dark h1.page-title{ color:#F2F0EE !important; }

/* Barra de progreso de lección/tema + breadcrumb (LearnDash) */
html.mb-dark .learndash-wrapper .ld-lesson-status,
html.mb-dark .learndash-wrapper .ld-topic-status,
html.mb-dark .learndash-wrapper .ld-breadcrumbs{ background:#161618 !important; }
html.mb-dark .learndash-wrapper .ld-breadcrumbs,
html.mb-dark .learndash-wrapper .ld-breadcrumbs a,
html.mb-dark .learndash-wrapper .ld-breadcrumbs span{ color:#A09A94 !important; }

/* Barra lateral del modo enfoque: lista de temas expandida del bloque actual */
html.mb-dark .ld-lesson-item-expanded{ background:#161618 !important; }
html.mb-dark .ld-lesson-item-expanded a,
html.mb-dark .ld-lesson-item-expanded .ld-topic-title{ color:#D6D2CC !important; }

/* Widget "Progreso de tu curso" (ld-course-navigation en la barra lateral). Los títulos de
   BLOQUE usan .ld-lesson-title y los encabezados de MÓDULO .ld-lesson-section-heading: clases
   que no cubrían las reglas de arriba, por eso salían en gris/azul oscuro sobre fondo oscuro. */
html.mb-dark .learndash-wrapper .ld-lesson-title,
html.mb-dark .learndash-wrapper .ld-lesson-item-preview-heading{ color:#F2F0EE !important; }
html.mb-dark .learndash-wrapper .ld-lesson-item-preview-heading:hover .ld-lesson-title{ color:#FF7A1A !important; }
html.mb-dark .learndash-wrapper .ld-lesson-section-heading{ color:#C9C4BE !important; }
html.mb-dark .learndash-wrapper .ld-course-navigation .ld-home-link{ color:#A09A94 !important; }

/* ---------- Desplegable de la cuenta (Blocksy) ---------- */
html.mb-dark .ct-header-account-dropdown{
  background:#1A1A1C !important;
  border-color:#2E2E31 !important;
}
html.mb-dark .ct-header-account-dropdown a{ color:#E9E6E1; }

/* ---------- Pie de página (Blocksy) ---------- */
html.mb-dark footer.ct-footer [data-row="bottom"]{ background-color:#0F0F10 !important; }

/* ---------- Cabecera (Blocksy) ---------- */
html.mb-dark header.ct-header [data-row="middle"]{ background-color:#0F0F10 !important; }
/* Menú en claro */
html.mb-dark header.ct-header [data-row="middle"] .ct-menu-link{ color:#E9E6E1; }
/* Ítem activo (página actual): mismo naranja que en modo claro (#cc4e00) */
html.mb-dark header.ct-header [data-row="middle"] .current-menu-item > .ct-menu-link,
html.mb-dark header.ct-header [data-row="middle"] .current-menu-ancestor > .ct-menu-link,
html.mb-dark header.ct-header [data-row="middle"] .current-page-item > .ct-menu-link,
html.mb-dark header.ct-header [data-row="middle"] .current-page-ancestor > .ct-menu-link{
  color:#cc4e00 !important;
}

/* LOGO en oscuro.
   APAÑO ACTUAL: ponemos el logo en blanco con un filtro (scoped SOLO al logo,
   para no afectar a los avatares de cuenta). Esto pierde el naranja del logo.

   MEJOR OPCIÓN (recomendada): sube un logo claro propio (texto blanco + ACADEMY
   en naranja) a Medios, y cambia este bloque por la versión con content:url(). */
html.mb-dark header.ct-header .site-logo-container img{
  filter:brightness(0) invert(1);
}
/* Versión con logo claro real (descomenta y pon tu URL; comenta el filter de arriba):
html.mb-dark header.ct-header .site-logo-container img{
  content:url('https://learning.marketbreakers.academy/wp-content/uploads/XXXX/logo-claro.png');
  filter:none;
}
*/


/* =========================================================
   MODO OSCURO — PLUGINS PROPIOS
   ========================================================= */

/* ---------- Colaboraciones MB (adaptado) ---------- */
html.mb-dark .cmb-wrap{
  --cmb-ink:#F2F0EE;
  --cmb-muted:#A09A94;
  --cmb-card:#1A1A1C;
  --cmb-border:#2E2E31;
  --cmb-shadow:0 14px 40px rgba(0,0,0,.5);
}
html.mb-dark .cmb-card__media{ background:#0F0F10; }
html.mb-dark .cmb-group__empty{ background:#161618; border-color:#2E2E31; color:#A09A94; }
html.mb-dark .cmb-video-list::-webkit-scrollbar-track{ background:#161618; }

/* Tarjeta "Contenido para alumnos" (login de los plugins propios) en oscuro.
   Cubre la original de Colaboraciones (.cmb-login) y la unificada (.mbp-login,
   que usan Tracker, Journal, Journal 2.0 y Calendario). */
html.mb-dark .cmb-login{
  --cmb-ink:#F2F0EE; --cmb-muted:#A09A94; --cmb-border:#2E2E31;
  background:#1A1A1C; box-shadow:0 14px 40px rgba(0,0,0,.4);
}
html.mb-dark .mbp-login{
  --mbp-ink:#F2F0EE; --mbp-muted:#A09A94; --mbp-border:#2E2E31;
  background:#1A1A1C; box-shadow:0 14px 40px rgba(0,0,0,.4);
}
/* El recuadro del candado: tinte naranja sobre fondo oscuro (en vez del crema claro) */
html.mb-dark .cmb-login__icon,
html.mb-dark .mbp-login__icon{
  background:rgba(249,115,22,.16); border-color:rgba(249,115,22,.30);
}


/* ---------- Reproductor YouTube (HTML personalizado) ---------- */
html.mb-dark .yt-playlist-wrapper{ background:#1A1A1C; border-color:#2E2E31; box-shadow:0 8px 26px rgba(0,0,0,.5); }
html.mb-dark .yt-player-section{ background:#1A1A1C; }
html.mb-dark .yt-sidebar{ background:#161618; border-left-color:#2E2E31; }
html.mb-dark .yt-sidebar-header{ background:#1A1A1C; color:#F2F0EE; border-bottom-color:#2E2E31; }
html.mb-dark .yt-mobile-toggle{ background:#161618; color:#F2F0EE; border-top-color:#2E2E31; }
html.mb-dark .yt-video-item .yt-item-title{ color:#E9E6E1; }
html.mb-dark .yt-video-item.yt-active .yt-item-title{ color:#ffffff; }


/* ---------- Tracker (TrackerFondeo) — VERIFICADO ----------
   Usa variables --wmb-*. Redefinimos texto/bordes y oscurecemos las
   superficies blancas (tarjetas, paneles, pills, chips). El naranja de
   acento (--wmb-accent) y los estados activos NO se tocan.
   NOTA: el interior del GRÁFICO (líneas/ejes/áreas) lo dibuja Chart.js
   por código, no por CSS → se ajusta aparte en TrackerFondeo.php. */
html.mb-dark .wmb-app{
  --wmb-text:#E9E6E1;
  --wmb-muted:#A09A94;
  --wmb-border:rgba(255,255,255,.12);
  --wmb-shadow:0 8px 26px rgba(0,0,0,.45);
  --wmb-danger:#f87171;
}
html.mb-dark .wmb-app .wmb-tabs,
html.mb-dark .wmb-app .wmb-chip--filters,
html.mb-dark .wmb-app .wmb-chip--dates,
html.mb-dark .wmb-app .wmb-chip--ghost,
html.mb-dark .wmb-app .wmb-kpi,
html.mb-dark .wmb-app .wmb-mini-kpi,
html.mb-dark .wmb-app .wmb-point-card,
html.mb-dark .wmb-app .wmb-panel,
html.mb-dark .wmb-app .wmb-chart-half,
html.mb-dark .wmb-app .wmb-legend-pill,
html.mb-dark .wmb-app .wmb-pill,
html.mb-dark .wmb-app .wmb-chart-currency-toggle,
/* Pestañas "Registro de cuentas" y "Calculadora CFDs": */
html.mb-dark .wmb-app .wmb-currency-toggle,
html.mb-dark .wmb-app .wmb-form,
html.mb-dark .wmb-app .wmb-table,
html.mb-dark .wmb-app .wmb-chip--btn,
html.mb-dark .wmb-app .wmb-cfds-card,
html.mb-dark .wmb-app .wmb-metric,
html.mb-dark .wmb-app .wmb-radio,
html.mb-dark .wmb-app .tb-calc-card{
  background:#1A1A1C !important;
  border-color:#2E2E31 !important;
}
/* Título "Tracker": el <h1> toma el color de encabezado del tema (azul oscuro),
   que no hereda --wmb-text, así que en dark queda azul apagado sobre negro. */
html.mb-dark .wmb-app .wmb-title{ color:#F2F0EE !important; }
html.mb-dark .wmb-app .wmb-title,
html.mb-dark .wmb-app .wmb-tabs-block .wmb-title{ background:none !important; -webkit-text-fill-color:#F2F0EE !important; }

/* Calculadora CFDs: caja de valor fijo que tenía texto oscuro fijo (#0f172a) */
html.mb-dark .wmb-app .tb-calc-posicion-fixed{
  background:#242427 !important;
  color:#E9E6E1 !important;
  border-color:#2E2E31 !important;
}
/* Botones de moneda (€/$): el inactivo tenía fondo blanco -> texto claro invisible */
html.mb-dark .wmb-app .wmb-currency-btn{ background:transparent !important; color:#A09A94 !important; }
html.mb-dark .wmb-app .wmb-currency-btn:hover{ background:rgba(255,255,255,.08) !important; color:#E9E6E1 !important; }
html.mb-dark .wmb-app .wmb-currency-btn.is-active{ background:var(--wmb-accent) !important; color:#111 !important; }

/* Campos de formulario (inputs, selects, textareas) */
html.mb-dark .wmb-app input,
html.mb-dark .wmb-app select,
html.mb-dark .wmb-app textarea{
  background:#161618 !important;
  color:#E9E6E1 !important;
  border-color:#2E2E31 !important;
}

/* Tabla de cuentas: cabecera con TINTE naranja + línea de acento (como el crema
   del modo claro), para que destaque del cuerpo. Celdas transparentes. */
html.mb-dark .wmb-app .wmb-table th{
  background:rgba(249,115,22,.10) !important;
  color:#F2F0EE !important;
  border-bottom:2px solid rgba(249,115,22,.35) !important;
}
html.mb-dark .wmb-app .wmb-table td{ background:transparent !important; border-color:#2E2E31 !important; }

/* Botones outline del calculador (Calcular/Reiniciar): fondo transparente,
   conservan su borde y texto naranja */
html.mb-dark .wmb-app .tb-calculadora .wmb-btn,
html.mb-dark .wmb-app .tb-calculadora .wmb-btn--ghost{ background:transparent !important; }

/* Etiquetas con color SLATE FIJO (rgba(15,23,42,...) / #64748b en el plugin), que NO usan
   var(--wmb-muted) y por eso se quedaban casi negras sobre fondo oscuro: mini-KPIs (Best Payout,
   ROS, Media mensual, Retiros + sus subtítulos), el punto del gráfico (Capital/Ganancias/Gastos y
   "Detalle del punto") y las etiquetas del calculador. */
html.mb-dark .wmb-app .wmb-mini-title,
html.mb-dark .wmb-app .wmb-metric .wmb-lbl{ color:#C9C4BE !important; }
html.mb-dark .wmb-app .wmb-mini-sub,
html.mb-dark .wmb-app .wmb-point-hint,
html.mb-dark .wmb-app .tb-calc-posicion-opt-label,
html.mb-dark .wmb-app .tb-calc-posicion-row label,
html.mb-dark .wmb-app .tb-calc-posicion-result-label,
html.mb-dark .wmb-app .tb-calc-posicion-empty{ color:#A09A94 !important; }


/* =========================================================
   MODO OSCURO — CALENDARIO (WMB Live Calendar / FullCalendar) — VERIFICADO
   Inspirado en el dark de Google Calendar: celdas oscuras, texto claro,
   líneas sutiles y "hoy" con tinte naranja. Los eventos conservan su color.
   ========================================================= */
html.mb-dark .wmb-livecal-wrap{
  --wmb-ink:#E9E6E1;
  --wmb-muted:#A09A94;
  --wmb-card:#1A1A1C;
  --wmb-border:#2E2E31;
  --wmb-shadow:0 14px 40px rgba(0,0,0,.45);
  background:#1A1A1C !important;
}
html.mb-dark .wmb-livecal-wrap .fc{
  --fc-border-color:#2E2E31;
  --fc-today-bg-color:rgba(249,115,22,.12);
  --fc-page-bg-color:#1A1A1C;
  --fc-neutral-bg-color:#161618;
  background:transparent !important;
}
html.mb-dark .wmb-livecal-wrap .fc th,
html.mb-dark .wmb-livecal-wrap .fc td{ border-color:#2E2E31 !important; background:transparent !important; }
html.mb-dark .wmb-livecal-wrap .fc .fc-col-header-cell-cushion,
html.mb-dark .wmb-livecal-wrap .fc .fc-daygrid-day-number,
html.mb-dark .wmb-livecal-wrap .fc-toolbar-title{ color:#E9E6E1 !important; }

/* Botones de navegación (Hoy, ‹, ›) y "Copiar enlace": pasaban a pastillas
   blancas (texto invisible) al cambiar de mes. Los dejamos oscuros en todos
   los estados. */
html.mb-dark .wmb-livecal-wrap .fc .fc-button{ background:#242427 !important; border-color:#2E2E31 !important; color:#E9E6E1 !important; }
html.mb-dark .wmb-livecal-wrap .fc .fc-button:hover{ background:#2E2E31 !important; }
html.mb-dark .wmb-livecal-wrap .fc .fc-button:disabled{ background:#161618 !important; color:#8A847D !important; opacity:1 !important; }
html.mb-dark .wmb-livecal-wrap .wmb-livecal-btn-secondary{ background:#242427 !important; border-color:#2E2E31 !important; color:#E9E6E1 !important; }

/* Botón primario "Suscribirme (Google)": su fondo es var(--wmb-ink), que en
   oscuro pasa a claro -> con texto blanco quedaba invisible. Lo dejamos
   NARANJA (acento) + texto blanco como CTA principal, en todos los estados. */
html.mb-dark .wmb-livecal-wrap .wmb-livecal-btn:not(.wmb-livecal-btn-secondary),
html.mb-dark .wmb-livecal-wrap .wmb-livecal-btn:not(.wmb-livecal-btn-secondary):hover,
html.mb-dark .wmb-livecal-wrap .wmb-livecal-btn:not(.wmb-livecal-btn-secondary):focus-visible{
  background:var(--wmb-accent, #f97316) !important;
  border-color:var(--wmb-accent, #f97316) !important;
  color:#fff !important;
}

/* Modal de evento (popup al clicar un evento). Está fuera de .wmb-livecal-wrap. */
html.mb-dark .wmb-livecal-modal__card{ background:#1A1A1C !important; border-color:#2E2E31 !important; }
html.mb-dark .wmb-livecal-modal__title{ color:#F2F0EE !important; }
html.mb-dark .wmb-livecal-modal__close{ color:#A09A94 !important; }
/* Botón "Descargar .ics": oscuro que casa con el fondo (el "Añadir a Google"
   se queda naranja). Hereda de .wmb-livecal-btn-secondary, reforzamos por si
   el modal va fuera del wrap. */
html.mb-dark .wmb-livecal-modal .wmb-livecal-btn-secondary{ background:#242427 !important; border-color:#2E2E31 !important; color:#E9E6E1 !important; }
html.mb-dark .wmb-livecal-modal .wmb-livecal-btn:not(.wmb-livecal-btn-secondary){ background:var(--wmb-accent, #f97316) !important; border-color:var(--wmb-accent, #f97316) !important; color:#fff !important; }


/* ---------- Journal (JournalTB) — POR AJUSTAR ----------
   Igual que el Tracker: confirmamos clases/variables al inspeccionar. */


/* =========================================================
   MODO OSCURO — PÁGINA DE ACCESO (wp-login.php)
   El selector y el guardado de preferencia los añade este mismo plugin vía los
   hooks login_* (ver darkLightMode.php). Convive con el plugin "MB Login".
   ========================================================= */
html.mb-dark body.login{ background:#0F0F10 !important; }
html.mb-dark .login form{
  background:#1A1A1C !important; border:1px solid #2E2E31 !important;
  box-shadow:0 14px 40px rgba(0,0,0,.45) !important;
}
html.mb-dark .login label{ color:#E9E6E1 !important; }
html.mb-dark .login input[type=text],
html.mb-dark .login input[type=password]{
  background:#161618 !important; color:#E9E6E1 !important; border-color:#2E2E31 !important;
}
html.mb-dark .login .forgetmenot label{ color:#A09A94 !important; }
html.mb-dark .login #nav a,
html.mb-dark .login #backtoblog a,
html.mb-dark .login .privacy-policy-link{ color:#A09A94 !important; }
html.mb-dark .login #nav a:hover,
html.mb-dark .login #backtoblog a:hover,
html.mb-dark .login .privacy-policy-link:hover{ color:#f97316 !important; }
/* El logo del login lo recrea el plugin "MB Login" como texto (se adapta solo a
   claro/oscuro), así que aquí NO tocamos .login h1 a. */
/* Selector de idioma */
html.mb-dark .login .language-switcher select,
html.mb-dark .login #language-switcher select{
  background:#161618 !important; color:#E9E6E1 !important; border-color:#2E2E31 !important;
}
html.mb-dark .login .language-switcher .button{
  background:#242427 !important; border-color:#2E2E31 !important; color:#E9E6E1 !important;
}


/* =========================================================
   MODO OSCURO — ÁREA DE ALUMNO (snippet "WMB – Área alumno")
   Páginas "Mi cuenta" [wmb_account] y "Editar perfil" [wmb_account_edit].
   Sus tarjetas .wmb-card tienen colores fijos claros; aquí las adaptamos.
   El borde y el botón naranjas (de marca) se mantienen.
   ========================================================= */
html.mb-dark .wmb-card{
  background:#1A1A1C !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45) !important;
}
html.mb-dark .wmb-card .wmb-title{ color:#F2F0EE !important; }
html.mb-dark .wmb-card .wmb-label{ color:#E9E6E1 !important; }
html.mb-dark .wmb-card .wmb-help,
html.mb-dark .wmb-card p{ color:#A09A94 !important; }
html.mb-dark .wmb-card .wmb-input{
  background:#161618 !important; color:#E9E6E1 !important;
}
html.mb-dark .wmb-card .wmb-input[readonly]{ background:#161618 !important; opacity:1 !important; }
html.mb-dark .wmb-card .wmb-input::placeholder{ color:#8A847D !important; }
html.mb-dark .wmb-card .wmb-alert{ color:#E9E6E1 !important; }