/*==============================================================================
  MSM ACADEMY — COMUNIDAD (BuddyBoss ReadyLaunch)
  ------------------------------------------------------------------------------
  Perfil, directorio de miembros, feed de actividad, grupos, mensajes.

  ESTRATEGIA — deliberadamente de toque ligero:
  ReadyLaunch tiene modo oscuro NATIVO (`bb_rl_theme_mode = dark`, clase
  `bb-rl-dark-mode`). Esa opción ya resuelve superficies, bordes y contraste
  del área de comunidad, y lo hace mejor que cualquier override porque conoce
  cada componente propio.

  Así que aquí NO se repintan superficies. Solo se añade lo que ReadyLaunch no
  puede saber: la voz tipográfica del home, el acento gold y los efectos firma
  (orbes, filos de gradiente, veils). Menos CSS = menos deuda en cada update.
==============================================================================*/

/*------------------------------------------------------------------------------
  1. VOZ TIPOGRÁFICA
------------------------------------------------------------------------------*/
body.msm-ui.bb-readylaunch-template,
body.msm-ui .bb-rl-container {
  font-family: var(--msm-display);
}

body.msm-ui .bb-rl-entry-heading,
body.msm-ui .bb-rl-item-block-heading,
body.msm-ui .bb-rl-card-heading {
  font-family: var(--msm-display);
  font-weight: 700;
  letter-spacing: -.015em;
}

/* Títulos de sección con el tratamiento del home */
body.msm-ui .bb-rl-entry-heading > h1,
body.msm-ui .bb-rl-entry-heading > h2 {
  font-weight: 800;
  letter-spacing: -.025em;
}
.site.bb-readylaunch{
  margin-top: 0px;
}
body.admin-bar .bb-rl-header {
    top: 0px;
}

body.msm-ui .bb-rl-heading-count {
  font: 700 11px var(--msm-mono);
  letter-spacing: .1em;
  color: var(--msm-gold);
}

/* Eyebrows y metadatos en mono con tracking */
body.msm-ui .bb-rl-card-meta,
body.msm-ui .bb-rl-item-meta-asset,
body.msm-ui .bb-rl-last-activity,
body.msm-ui .bb-rl-filter-label {
  font-family: var(--msm-display);
  letter-spacing: .01em;
}

/*------------------------------------------------------------------------------
  2. ACENTO GOLD
  Los tokens --bb-rl-* ya se remapearon en msm-dark.css. Aquí solo lo que
  ReadyLaunch hardcodea.
------------------------------------------------------------------------------*/
body.msm-ui .bb-rl-button--brandFill {
  background: var(--msm-gold);
  border-color: var(--msm-gold);
  color: #fff;
  border-radius: var(--msm-r-pill);
  font-family: var(--msm-display);
  font-weight: 700;
  transition: all .25s var(--msm-ease);
}
body.msm-ui .bb-rl-button--brandFill:hover {
  background: var(--msm-gold-hover);
  border-color: var(--msm-gold-hover);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--msm-shadow-glow);
}

body.msm-ui .bb-rl-button--secondaryFill,
body.msm-ui .bb-rl-button--secondary-fill,
body.msm-ui .bb-rl-card-action-outline {
  border-radius: var(--msm-r-pill);
  font-family: var(--msm-display);
  font-weight: 700;
}
body.msm-ui .bb-rl-button--secondaryFill:hover,
body.msm-ui .bb-rl-card-action-outline:hover {
  border-color: var(--msm-gold);
  color: var(--msm-gold);
}

body.msm-ui .bb-rl-button--tertiaryLink { color: var(--msm-gold); }
body.msm-ui .bb-rl-button--tertiaryLink:hover { color: var(--msm-gold-hover); }

/* Item activo del panel lateral: pill gold, como el nav del home */
body.msm-ui .bb-rl-left-panel-menu-link.active,
body.msm-ui .bb-rl-left-panel-menu-list li.active > .bb-rl-left-panel-menu-link,
body.msm-ui .bb-rl-left-panel-menu-list li.current-menu-item > a {
  background: var(--msm-gold);
  color: #fff;
  border-radius: var(--msm-r-sm);
}
body.msm-ui .bb-rl-left-panel-menu-link {
  font-family: var(--msm-display);
  font-weight: 500;
  border-radius: var(--msm-r-sm);
  transition: background .2s var(--msm-ease), color .2s var(--msm-ease);
}

/* Filtros del directorio */
body.msm-ui .bb-rl-scope-filter .selected,
body.msm-ui .bb-rl-grid-filters .active { color: var(--msm-gold); }

/*------------------------------------------------------------------------------
  3. EFECTOS FIRMA
------------------------------------------------------------------------------*/

/* Header de ReadyLaunch con el filo de gradiente del home */
body.msm-ui .bb-rl-header {
  position: relative;
  font-family: var(--msm-display);
}
body.msm-ui .bb-rl-header::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
              transparent,
              rgba(var(--msm-gold-rgb), .45) 30%,
              rgba(var(--msm-gold-rgb), .45) 70%,
              transparent);
  pointer-events: none;
}

/* Cabecera de perfil: escena con orbes detrás de la portada */
body.msm-ui .bb-rl-member-header,
body.msm-ui .bb-rl-profile-header,
body.msm-ui #cover-image-container {
  position: relative;
  isolation: isolate;
}

/* Velo degradado sobre la imagen de portada, para que el nombre siempre lea */
body.msm-ui #header-cover-image::after,
body.msm-ui .bb-rl-cover-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
              rgba(14, 12, 9, .92) 0%,
              rgba(14, 12, 9, .35) 55%,
              rgba(14, 12, 9, .08) 100%);
  pointer-events: none;
}

/* Anillo gold en el avatar del perfil propio */
body.msm-ui .bb-rl-member-header .bb-rl-card-avatar img,
body.msm-ui #item-header-avatar img.avatar {
  border: 2px solid rgba(var(--msm-gold-rgb), .55);
  box-shadow: 0 0 0 5px rgba(var(--msm-gold-rgb), .10);
}

/* Nombre del miembro con la voz del home */
body.msm-ui #item-header-content h2,
body.msm-ui .bb-rl-member-header h1,
body.msm-ui .bb-rl-member-header h2 {
  font: 800 clamp(26px, 3.4vw, 40px)/1.08 var(--msm-display);
  letter-spacing: -.025em;
}

/* Tarjetas de miembro y grupo: hover con elevación, como las del catálogo */
body.msm-ui .bb-rl-card-entity,
body.msm-ui .bb-rl-popup-card {
  border-radius: var(--msm-r-lg);
  transition: transform .32s var(--msm-ease),
              border-color .32s var(--msm-ease),
              box-shadow .32s var(--msm-ease);
}
body.msm-ui .bb-rl-card-entity:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--msm-gold-rgb), .38);
  box-shadow: var(--msm-shadow-card);
}
body.msm-ui .bb-rl-card-avatar img { transition: transform .45s var(--msm-ease); }
body.msm-ui .bb-rl-card-entity:hover .bb-rl-card-avatar img { transform: scale(1.05); }

/* Modales */
body.msm-ui .bb-rl-modal-container,
body.msm-ui .bb-rl-modal-content {
  border-radius: var(--msm-r-lg);
}
body.msm-ui .bb-rl-modal-mask { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.msm-ui .bb-rl-modal-header { font-family: var(--msm-display); }

/* Skeletons de carga en tono MSM */
body.msm-ui .bb-rl-loading-bg {
  background: linear-gradient(90deg,
              rgba(246, 241, 230, .05) 25%,
              rgba(246, 241, 230, .10) 37%,
              rgba(246, 241, 230, .05) 63%);
  background-size: 400% 100%;
  animation: msmShimmer 1.6s ease-in-out infinite;
}
@keyframes msmShimmer {
  0%   { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

/*------------------------------------------------------------------------------
  4. FEED DE ACTIVIDAD
------------------------------------------------------------------------------*/
body.msm-ui .activity-list .activity-item,
body.msm-ui .bb-rl-activity-item {
  border-radius: var(--msm-r-lg);
  transition: border-color .3s var(--msm-ease);
}
body.msm-ui .activity-list .activity-item:hover { border-color: var(--msm-line-2); }

body.msm-ui .activity-header a,
body.msm-ui .bb-rl-activity-header a {
  font-family: var(--msm-display);
  font-weight: 700;
}

/* Caja de publicar */
body.msm-ui #whats-new-form,
body.msm-ui .bb-rl-whats-new-form {
  border-radius: var(--msm-r-lg);
}
body.msm-ui #whats-new-form.focus-in,
body.msm-ui .bb-rl-whats-new-form.focus-in {
  border-color: rgba(var(--msm-gold-rgb), .45);
  box-shadow: 0 0 0 3px rgba(var(--msm-gold-rgb), .10);
}

/* Reacciones y contadores */
body.msm-ui .activity-state .activity-state-comments:hover,
body.msm-ui .bb-rl-activity-state a:hover { color: var(--msm-gold); }

/*------------------------------------------------------------------------------
  5. SIN READYLAUNCH (fallback)
  Si en el futuro desactivas ReadyLaunch en alguna zona, el área de comunidad
  cae al layout clásico de BuddyBoss. Estas reglas evitan que quede en claro.
------------------------------------------------------------------------------*/
body.msm-ui:not(.bb-readylaunch-template) #buddypress .bp-navs,
body.msm-ui:not(.bb-readylaunch-template) #buddypress .item-body {
  background: transparent;
}
body.msm-ui:not(.bb-readylaunch-template) #buddypress .bp-navs li a {
  color: var(--msm-muted);
  font-family: var(--msm-display);
}
body.msm-ui:not(.bb-readylaunch-template) #buddypress .bp-navs li.current a,
body.msm-ui:not(.bb-readylaunch-template) #buddypress .bp-navs li.selected a {
  color: var(--msm-gold);
  border-bottom-color: var(--msm-gold);
  background: transparent;
}
body.msm-ui:not(.bb-readylaunch-template) #buddypress .activity-list .activity-item,
body.msm-ui:not(.bb-readylaunch-template) #buddypress .bs-item-wrap {
  background: var(--msm-surface-2);
  border: 1px solid var(--msm-line);
  border-radius: var(--msm-r-lg);
}