/**
 * Shortcodes Ultimate — adaptado al theme Yurei / CDRoms.
 * No modifica el plugin; solo overrides desde el theme.
 */

/* ===== Base (ambos temas) ===== */
.cdroms .su-box {
  border-width: 1px !important;
  border-radius: 0.85rem;
  overflow: hidden;
  margin: 0 0 1.25rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.cdroms .su-box-title {
  font-family: var(--font-instrument), "Instrument Sans", sans-serif;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.7rem 1rem !important;
}

.cdroms .su-box-content {
  padding: 1rem 1.1rem !important;
  line-height: 1.55;
}

.cdroms .su-button {
  border-radius: 0.75rem !important;
  overflow: hidden;
  font-family: var(--font-instrument), "Instrument Sans", sans-serif !important;
}

.cdroms .su-button span {
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  border-radius: 0.75rem !important;
}

.cdroms .su-spoiler {
  border-radius: 0.75rem;
  overflow: hidden;
  margin: 0.65rem 0;
}

.cdroms .su-spoiler-title {
  font-family: var(--font-instrument), "Instrument Sans", sans-serif;
  font-weight: 700 !important;
  border-radius: 0.75rem;
}

/* ===== Modo oscuro ===== */
.cdroms.is-dark .su-box {
  border-color: var(--border-3) !important;
  background: var(--card);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.cdroms.is-dark .su-box-title {
  background: #202024 !important;
  background-image: none !important;
  color: #fff !important;
  border-bottom: 1px solid var(--border);
}

.cdroms.is-dark .su-box-content {
  background: #18181b !important;
  color: var(--fg) !important;
}

.cdroms.is-dark .su-box-content,
.cdroms.is-dark .su-box-content p,
.cdroms.is-dark .su-box-content li,
.cdroms.is-dark .su-box-content span,
.cdroms.is-dark .su-box-content strong,
.cdroms.is-dark .su-box-content em,
.cdroms.is-dark .su-box-content td,
.cdroms.is-dark .su-box-content th,
.cdroms.is-dark .su-box-content div {
  color: var(--fg) !important;
}

.cdroms.is-dark .su-box-content a {
  color: var(--accent) !important;
}

.cdroms.is-dark .su-box-content a:hover {
  color: #f05555 !important;
}

/* Botones de descarga / CTAs */
.cdroms.is-dark a.su-button,
.cdroms.is-dark a.su-button:visited,
.cdroms.is-dark .su-button {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(206, 45, 45, 0.28) !important;
}

.cdroms.is-dark a.su-button span,
.cdroms.is-dark .su-button span,
.cdroms.is-dark a.su-button small,
.cdroms.is-dark .su-button small,
.cdroms.is-dark a.su-button i,
.cdroms.is-dark .su-button i {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  border-color: transparent !important;
}

.cdroms.is-dark a.su-button:hover,
.cdroms.is-dark .su-button:hover {
  background: #b71c1c !important;
  background-color: #b71c1c !important;
  opacity: 1 !important;
}

.cdroms.is-dark a.su-button:hover span,
.cdroms.is-dark .su-button:hover span {
  background: transparent !important;
  color: #fff !important;
}

/* Spoilers / acordeones (Idioma, etc.) */
.cdroms.is-dark .su-spoiler {
  border: 1px solid var(--border) !important;
  background: var(--card-2);
}

.cdroms.is-dark .su-spoiler-title {
  background: #202024 !important;
  color: var(--fg) !important;
  border: 0 !important;
}

.cdroms.is-dark .su-spoiler-title:hover,
.cdroms.is-dark .su-spoiler-title:focus {
  background: #2a2a30 !important;
  color: #fff !important;
}

.cdroms.is-dark .su-spoiler-icon,
.cdroms.is-dark .su-spoiler-icon:before {
  color: var(--accent) !important;
}

.cdroms.is-dark .su-spoiler-content {
  background: #18181b !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-spoiler-content,
.cdroms.is-dark .su-spoiler-content p,
.cdroms.is-dark .su-spoiler-content span,
.cdroms.is-dark .su-spoiler-content li {
  color: var(--fg) !important;
}

/* Notas, quotes, listas, tablas */
.cdroms.is-dark .su-note {
  border-color: var(--border-3) !important;
  background: var(--card) !important;
}

.cdroms.is-dark .su-note-inner {
  background: var(--card-2) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-quote-style-default {
  background: var(--card-2) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-list ul li {
  color: var(--fg) !important;
}

.cdroms.is-dark .su-table table,
.cdroms.is-dark table.su-table {
  background: var(--card) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-table th,
.cdroms.is-dark .su-table td,
.cdroms.is-dark table.su-table th,
.cdroms.is-dark table.su-table td {
  background: var(--card) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-table th,
.cdroms.is-dark table.su-table th {
  background: var(--card-2) !important;
}

.cdroms.is-dark .su-label {
  border-color: transparent !important;
}

.cdroms.is-dark .su-tabs-nav span,
.cdroms.is-dark .su-tabs-pane {
  background: var(--card-2) !important;
  color: var(--fg) !important;
  border-color: var(--border) !important;
}

.cdroms.is-dark .su-tabs-nav span.su-tabs-current {
  background: var(--accent) !important;
  color: #fff !important;
}

/* ===== Modo claro: botones coherentes con el accent ===== */
.cdroms:not(.is-dark) a.su-button,
.cdroms:not(.is-dark) .su-button {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(206, 45, 45, 0.22) !important;
}

.cdroms:not(.is-dark) a.su-button span,
.cdroms:not(.is-dark) .su-button span,
.cdroms:not(.is-dark) a.su-button i,
.cdroms:not(.is-dark) .su-button i {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
}

.cdroms:not(.is-dark) a.su-button:hover,
.cdroms:not(.is-dark) .su-button:hover {
  background: #b71c1c !important;
  opacity: 1 !important;
}

.cdroms:not(.is-dark) .su-box {
  border-color: var(--border-2) !important;
}

.cdroms:not(.is-dark) .su-box-title {
  background: #1e1e24 !important;
  background-image: none !important;
  color: #fff !important;
}

.cdroms:not(.is-dark) .su-box-content {
  background: var(--card) !important;
  color: var(--fg) !important;
}