/* Color de texto y fondo activo de los items del menú del foro */
#fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state), #fd .fd-toolbar .is-active .fd-toolbar__submenu-link  { 
    background-color: #212121 !important;
    color: #ffffff !important; 
}   

/* Color de texto de los títulos de las publicaciones del foro */
a {
    color: #ffffff !important;
    text-decoration: none;
}

/* Color de texto activo y enlaces del foro, nombres, categorías, etiquetas etc */
a:hover {
    color: #e60023 !important;
}

/* Regla específica para mantener el color blanco del texto del botón en las acciones de publicar una nueva discusión  */
#ed .o-btn--primary {
  color: #ffffff !important;
  background-color: #e60023 !important;
}

/* Regla específica para mantener el color blanco del texto del botón en las acciones de publicar una nueva discusión en la barra del menú superior */
#fd .fd-toolbar__link.is-composer {
  color: #ffffff !important;
  background-color: #e60023 !important;
}

/* Color de texto y fondo del área de las publicaciones mostradas en el muro  de EasySocial */
#ed {
    color: #e6e6e6;
    background-color: #1e1e1e;
}

/* Cambiar color de fondo de las tarjetas de discusiones sin leer */
#ed .o-card--ed-post-item.is-unread {
    background-color: #aaaaaa !important;
}

/* Cambiar color de fondo para otras tarjetas relacionadas */
#ed .o-card--ed-badge,
#ed .o-card--ed-category,
#ed .o-card--ed-post-item {
    background-color: #292929 !important; /* ejemplo: gris claro */
}

/* Cambiar color del icono y texto de la última respuesta de una discusión en el foro */
#ed .t-text--600 {
    color: #ffffff !important;
}

/* Cambiar color del icono y texto de la fecha y los detalles de una discusión en el foro */
#ed .o-meta {
    color: #ffffff;
}

/* Color del borde inferior de las pestañas activas de las opciones de las publicaciones en el foro */
#ed .o-tabs--ed .active .o-tabs__link {
    border-bottom: 2px solid #e60023;
}

/* Estilo base del botón: fondo rojo y borde rojo */
#ed .o-btn--primary {
    background-color: #e60023;
    border: 1px solid #e60023;
    color: #ffffff;
    cursor: not-allowed; 
    transition: background-color 0.3s, border-color 0.3s, transform 0.1s;
}

/* Estado disabled o inactivo: mantiene el color y el cursor */
#ed .o-btn--primary:disabled,
#ed .o-btn--primary[disabled] {
    background-color: #e60023;
    border: 1px solid #e60023;
    cursor: not-allowed;
}

/* Estado hover y focus cuando el botón está activo (no disabled) */
#ed .o-btn--primary:hover:not(:disabled),
#ed .o-btn--primary:focus:not(:disabled) {
    background-color: #e60023;
    border-color: #e60023;
    outline: none;
}

/* Estado cuando el botón está siendo pulsado (active) */
#ed .o-btn--primary:active:not(:disabled) {
    background-color: #a9001a;
    border-color: #a9001a;
    transform: translateY(1px);
}

/* Estado focus: sin sombra azul, borde rojo y resaltado */
#ed .o-btn--primary:focus {
    outline: none;
    box-shadow: none; 
    border-color: #e60023;
}

/* Para estilos adicionales en foco y resaltado */
#ed .o-btn--primary:focus {
    box-shadow: 0 0 0 3px rgba(230, 0, 35, 0.2); /* Puedes ajustar o eliminar */
}

/* Transiciones suaves en cambios de estado */
#ed .o-btn--primary {
    transition: background-color 0.3s, border-color 0.3s, transform 0.1s;
}

/* Estilo en foco y resaltado adicional si es necesario */
#ed .o-btn--primary:focus, 
.o-btn-check:focus + #ed .o-btn--primary {
    color: #fff;
    background-color: #a9001a !important;
    border-color: #a9001a !important;
    box-shadow: 0 0 0 0.2rem rgba(169, 0, 26, 0.5); 
}

/* Color del texto de la subida de archivos en las publicaciones del foro */
#ed .ed-attachment-item-input {
    color: #e60023;
}

/* Color de fondo y borde de la casilla activa checkbox de Términos y condiciones del foro */
#ed .o-form-check-input:checked {
    background-color: #e60023;
    border-color: #e60023;
}

/* Color de fondo y del borde de la casilla inactiva checkbox de Términos y condiciones del foro */
#ed .o-form-check-input {
    background-color: #ffffff;
    border: 1px solid #e60023;
}

/* Color de fondo de las notificaciones push de las repuestas y acciones del foro */
#ed .ed-toast {
    color: #ffffff !important;
    background-color: #101010 !important;
}

/* Cambiar color de fondo a gris oscuro en estado normal y estado final de las respuestas en la notificación push  */
#ed .o-card--ed-reply-item {
    background-color: #292929 !important;
    transition: background 1s ease-in-out !important;
}

/* Cuando se pulsa o en hover, en lugar del verde menta, gris medio */
#ed .o-card--ed-reply-item:active,
#ed .o-card--ed-reply-item:hover {
    background-color: #101010 !important;
}

/* Color del icono de la burbuja de las notificaciones del foro  */
#ed .ed-toolbar__link-bubble {
    background-color: #e60023;
}

#ed .ed-state-unread i {
    background-color: #00bc65;
}

/* Color del texto de los nombres citados del foro  */
#ed .is-editor-markup .ed-quotes__from span {
    color: #e60023;
}

/* Color de fondo de las etiquetas de nuevas publicaciones del foro  */
#ed .t-bg--primary {
    background-color: #e60023 !important;
}

/* Mostrar el título de las notificaciones del foro solo en la vista móvil  */
@media (max-width: 767px) {
  #mod_easydiscuss_notifications h3 {
    display: block !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 3px;
  }
}