/*
Theme Name: REIGN Child
Theme URI: https://open-minded.club
Description: OPEN-MINDED.club — Child Theme modo oscuro 2026.
Author: OPEN-MINDED
Template: reign-theme
Version: 2026.1
*/

/* ============ VARIABLES LOCALES (por si necesitas ajustes rápidos) ============ */
:root {
  --bg-secondary: #09041c;
  --bg-input: #0A001F;
  --border-subtle: rgba(255,255,255,.05);
  --text-muted: rgba(240,238,233,.92);
}

/* ============ BREADCRUMB CUSTOM ============ */
.open-breadcrumb {
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}
.open-breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.open-breadcrumb li::after {
  content: "›";
  margin-left: .5rem;
  opacity: .5;
}
.open-breadcrumb li:last-child::after {
  content: "";
}
.open-breadcrumb a {
  transition: opacity 0.3s ease;
}
.open-breadcrumb a:hover {
  opacity: 0.8;
}

/* ============ FIXES COMUNES EN DARK MODE (BuddyBoss/Reign) ============ */
.dark-mode input[type="text"],
.dark-mode input[type="password"],
.dark-mode input[type="email"],
.dark-mode input[type="url"],
.dark-mode textarea,
.dark-mode select {
  background: var(--bg-input);
  color: inherit;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 4px;
}

.dark-mode table,
.dark-mode .bbp-topics-widget,
.dark-mode .bp-tables,
.dark-mode .widget,
.dark-mode .bp-card,
.dark-mode .bb-activity-list,
.dark-mode .activity-list {
  background: var(--bg-secondary);
  border-color: var(--border-subtle);
}

.dark-mode th,
.dark-mode td {
  border-color: var(--border-subtle);
}

.dark-mode .bb-modal,
.dark-mode .bp-modal,
.dark-mode .modal-content {
  background: var(--wp--preset--color--background, #050014);
}

/* ============ FIX PARA ZONA DE AUTOR (FONDO BLANCO) ============ */
/* Esto corrige el box blanco del autor (probablemente un widget o bio en activity/home) */
.dark-mode .author-box,
.dark-mode .bp-widget,
.dark-mode .item-header-content,
.dark-mode .bp-member-description,
.dark-mode .author-description {
  background: var(--bg-secondary) !important; /* Fuerza oscuro */
  color: var(--wp--preset--color--foreground, #F0EEE9) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 8px; /* Suaviza bordes como en tu captura */
}

/* ============ CABECERA POSTS CON IMAGEN DESTACADA (CORREGIDA) ============ */
.single-post.has-post-thumbnail .page-header,
.single-post.has-post-thumbnail .reign-page-header,
.single-post.has-post-thumbnail .reign-page-header-wrap {
  background-color: transparent !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 42vh;
  display: flex;
  align-items: center;
}

/* Overlay elegante (corregido el typo) */
.single-post.has-post-thumbnail .page-header::before,
.single-post.has-post-thumbnail .reign-page-header::before,
.single-post.has-post-thumbnail .reign-page-header-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(5,0,20,.10),
    rgba(5,0,20,.90)
  );
  z-index: 0;
}

/* Título y meta legibles */
.single-post.has-post-thumbnail .entry-title,
.single-post.has-post-thumbnail h1 {
  position: relative;
  z-index: 1;
  text-shadow: 0 10px 35px rgba(0,0,0,.65);
}

.single-post.has-post-thumbnail .page-header-inner {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.single-post.has-post-thumbnail .breadcrumbs,
.single-post.has-post-thumbnail .entry-meta {
  position: relative;
  z-index: 1;
  color: var(--text-muted);
  opacity: 0.92;
}

/* ============ MEJORAS MENORES DE TRANSICIÓN ============ */
a,
button,
.button,
input[type="submit"],
input[type="button"],
a.button {
  transition: all 0.3s ease;
}