/**
 * Tema opcional: Wrap (SMF Wrap v1.1.1 adaptado)
 * Estilo limpio, claro, botones cyan/azul, cabeceras grises oscuras, fuente Lato.
 * Solo se carga con data-forum-theme="wrap". No se mezcla con Orion ni Gaming Nation.
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

[data-forum-theme="wrap"] {
    --orion-canvas: #f3f3f3;
    --orion-surface: #ffffff;
    --orion-surface-deep: #f8f8f8;
    --orion-surface-soft: rgba(103, 194, 239, 0.12);
    --orion-surface-softer: rgba(103, 194, 239, 0.06);
    --orion-line: #dcdcdc;
    --orion-line-strong: #c4c4c4;
    --orion-line-faint: #ececec;
    --orion-ink: #444444;
    --orion-ink-muted: #666666;
    --orion-ink-dim: #888888;
    --orion-header-bg: #34383c;
    --orion-header-line: #67c2ef;
    --mu-primary: #34383c;
    --mu-accent-blue: #3c9ccb;
    --mu-accent-light: #67c2ef;
    --mu-glow: 0 2px 10px rgba(60, 156, 203, 0.25);
}

[data-forum-theme="wrap"] body {
    background: #f3f3f3;
    color: #444;
    font-family: 'Lato', 'Inter', 'Barlow', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

[data-forum-theme="wrap"] a { color: #3c9ccb; text-decoration: none; }
[data-forum-theme="wrap"] a:hover { color: #2a7aa3; text-decoration: underline; }

/* Header — gris oscuro con acento cyan */
[data-forum-theme="wrap"] .ipsHeader__primary {
    background: linear-gradient(180deg, #3d4248 0%, #282b2e 100%) !important;
    border-bottom: 3px solid #67c2ef !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
[data-forum-theme="wrap"] .ipsHeader a,
[data-forum-theme="wrap"] .ipsUserNav__link {
    color: #f0f0f0 !important;
}
[data-forum-theme="wrap"] .ipsHeader a:hover,
[data-forum-theme="wrap"] .ipsUserNav__link:hover {
    color: #67c2ef !important;
}

/* Hero */
[data-forum-theme="wrap"] .orionHero {
    background: linear-gradient(135deg, #34383c 0%, #4a5056 50%, #282b2e 100%) !important;
    border-bottom: 3px solid #67c2ef !important;
}
[data-forum-theme="wrap"] .orionHero h1,
[data-forum-theme="wrap"] .orionHero__brand,
[data-forum-theme="wrap"] .orionHero * {
    color: #fff !important;
}

/* Boxes */
[data-forum-theme="wrap"] .ipsBox,
[data-forum-theme="wrap"] .orionEditor,
[data-forum-theme="wrap"] .orionPanel,
[data-forum-theme="wrap"] .orionAuth {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    color: #444 !important;
    border-radius: 2px;
}
[data-forum-theme="wrap"] .ipsBox__header {
    background: linear-gradient(180deg, #34383c 0%, #282b2e 100%) !important;
    border-bottom: 2px solid #67c2ef !important;
    color: #f0f0f0 !important;
}
[data-forum-theme="wrap"] .ipsBox__header h1,
[data-forum-theme="wrap"] .ipsBox__header h2,
[data-forum-theme="wrap"] .ipsBox__header h3,
[data-forum-theme="wrap"] .ipsBox__header span,
[data-forum-theme="wrap"] .ipsBox__header i {
    color: #f0f0f0 !important;
}

/* Botones cyan (estilo Wrap original) */
[data-forum-theme="wrap"] .ipsButton,
[data-forum-theme="wrap"] button.ipsButton,
[data-forum-theme="wrap"] a.ipsButton {
    background: linear-gradient(180deg, #67c2ef 0%, #3c9ccb 100%) !important;
    border: 1px solid #51a3cc !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #51a3cc;
    border-radius: 3px;
    font-weight: 700;
}
[data-forum-theme="wrap"] .ipsButton:hover {
    background: linear-gradient(180deg, #7dcef5 0%, #48a8d4 100%) !important;
}

/* Forms */
[data-forum-theme="wrap"] input[type="text"],
[data-forum-theme="wrap"] input[type="password"],
[data-forum-theme="wrap"] input[type="email"],
[data-forum-theme="wrap"] input[type="search"],
[data-forum-theme="wrap"] textarea,
[data-forum-theme="wrap"] select,
[data-forum-theme="wrap"] .orionEditor__area,
[data-forum-theme="wrap"] .orionPanel__input {
    background: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px #ccc;
}
[data-forum-theme="wrap"] input:focus,
[data-forum-theme="wrap"] textarea:focus {
    background: #fff !important;
    border-color: #e8c291 !important;
    box-shadow: inset 0 0 0 1px #e8c291;
    outline: none;
}

/* Toolbar */
[data-forum-theme="wrap"] .ipsToolbar {
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
}
[data-forum-theme="wrap"] .ipsToolbarBtn { color: #555 !important; }
[data-forum-theme="wrap"] .ipsToolbarBtn:hover {
    background: rgba(103,194,239,0.2) !important;
    color: #3c9ccb !important;
}

/* Posts */
[data-forum-theme="wrap"] .cPost {
    background: #fff !important;
    border-color: #ddd !important;
    color: #444 !important;
}

/* Quote style similar a Wrap */
[data-forum-theme="wrap"] blockquote {
    background: #e7eafc !important;
    border-left: 3px solid #99A !important;
    border-top: 2px solid #99A;
    border-bottom: 2px solid #99A;
    color: #333 !important;
}

/* Footer */
[data-forum-theme="wrap"] .orionFooter,
[data-forum-theme="wrap"] footer {
    background: #282b2e !important;
    color: #ccc !important;
    border-top: 3px solid #67c2ef !important;
}
[data-forum-theme="wrap"] .orionFooter a { color: #67c2ef !important; }

/* Message boxes */
[data-forum-theme="wrap"] .orion-mbox { background: #fff; }
[data-forum-theme="wrap"] .orion-mbox--error { background: #fbe3e4; border-color: #e0011b; color: #444; }
[data-forum-theme="wrap"] .orion-mbox--warning { background: #fff6bf; border-color: #ffd324; color: #444; }
[data-forum-theme="wrap"] .orion-mbox--info { background: #d1e1ef; border-color: #67c2ef; color: #333; }
[data-forum-theme="wrap"] .orion-mbox--okay { background: #e9ffdd; border-color: #72c868; color: #444; }

[data-forum-theme="wrap"] .orion-mention {
    color: #3c9ccb;
    background: rgba(103,194,239,0.2);
}

[data-forum-theme="wrap"] .orionEditor__pane--preview { background: #fafafa !important; }
[data-forum-theme="wrap"] .orionEditor__previewLabel {
    background: #f0f0f0 !important;
    color: #555 !important;
    border-color: #ddd !important;
}
[data-forum-theme="wrap"] .orionAch {
    background: #fff !important;
    border-color: #ddd !important;
}
[data-forum-theme="wrap"] .orionAch__name { color: #333 !important; }

/* Tablas de listado de temas */
[data-forum-theme="wrap"] table {
    border-collapse: separate;
    border-spacing: 0;
}
[data-forum-theme="wrap"] tr:nth-child(even) {
    background: rgba(0,0,0,0.02);
}