/* WPeiso — Foro de discusión (shortcode [wpeiso_foro]) */
.wpeiso-foro{--wpf-brand:#2f6bef;--wpf-brand2:#1d4ed8;--wpf-ink:#1f2a44;--wpf-muted:#64748b;--wpf-line:#e2e8f0;--wpf-bg:#f8fafc;--wpf-staff:#2fd4a7;max-width:860px;margin:0 auto;font-size:16px;line-height:1.6;color:var(--wpf-ink)}
.wpeiso-foro *{box-sizing:border-box}
.wpeiso-foro h2{font-size:1.6em;margin:0 0 6px}
.wpeiso-foro h3{font-size:1.15em;margin:0 0 12px}

/* Avisos */
.wpeiso-foro .wpf-note{padding:12px 16px;border-radius:10px;margin:0 0 18px;font-weight:600;font-size:.95em}
.wpeiso-foro .wpf-note-ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.wpeiso-foro .wpf-note-err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}

/* Encabezado */
.wpeiso-foro .wpf-head{margin:0 0 20px}
.wpeiso-foro .wpf-head p{color:var(--wpf-muted);margin:4px 0 0}

/* Cajas / formularios */
.wpeiso-foro .wpf-box{background:#fff;border:1px solid var(--wpf-line);border-radius:14px;padding:20px;margin:0 0 22px;box-shadow:0 10px 30px -24px rgba(15,23,42,.5)}
.wpeiso-foro .wpf-userbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--wpf-muted);font-size:.92em}
.wpeiso-foro .wpf-logout{color:var(--wpf-brand);text-decoration:none;font-weight:600}
.wpeiso-foro .wpf-logout:hover{text-decoration:underline}
.wpeiso-foro .wpf-form{display:flex;flex-direction:column}
.wpeiso-foro .wpf-form label{font-weight:600;font-size:.9em;margin:10px 0 5px}
.wpeiso-foro .wpf-form label.wpf-check{flex-direction:row;display:flex;align-items:center;gap:8px;font-weight:500}
.wpeiso-foro .wpf-form input[type=text],.wpeiso-foro .wpf-form input[type=email],.wpeiso-foro .wpf-form input[type=password],.wpeiso-foro .wpf-form textarea{width:100%;padding:11px 13px;border:1px solid var(--wpf-line);border-radius:10px;font:inherit;color:var(--wpf-ink);background:var(--wpf-bg)}
.wpeiso-foro .wpf-form input:focus,.wpeiso-foro .wpf-form textarea:focus{outline:none;border-color:var(--wpf-brand);box-shadow:0 0 0 3px rgba(47,107,239,.15);background:#fff}
.wpeiso-foro .wpf-form textarea{resize:vertical;min-height:96px}
.wpeiso-foro .wpf-btn{align-self:flex-start;margin-top:14px;background:var(--wpf-brand);color:#fff;border:0;border-radius:999px;padding:11px 22px;font:inherit;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}
.wpeiso-foro .wpf-btn:hover{background:var(--wpf-brand2);transform:translateY(-1px)}
.wpeiso-foro .wpf-link{color:var(--wpf-brand);text-decoration:none;font-weight:600;font-size:.92em;margin-top:10px;display:inline-block}
.wpeiso-foro .wpf-link:hover{text-decoration:underline}
.wpeiso-foro .wpf-back{margin-bottom:14px}
.wpeiso-foro .wpf-muted{color:var(--wpf-muted)}

/* Auth en dos columnas */
.wpeiso-foro .wpf-auth{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.wpeiso-foro .wpf-auth{grid-template-columns:1fr}}

/* Lista de temas */
.wpeiso-foro .wpf-list{margin-top:8px}
.wpeiso-foro .wpf-item{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--wpf-line);border-radius:12px;margin-bottom:10px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.wpeiso-foro .wpf-item:hover{border-color:var(--wpf-brand);box-shadow:0 12px 30px -22px rgba(47,107,239,.8);transform:translateY(-1px)}
.wpeiso-foro .wpf-item-title{font-weight:700;font-size:1.05em;color:var(--wpf-ink)}
.wpeiso-foro .wpf-item-meta{color:var(--wpf-muted);font-size:.86em}

/* Paginación */
.wpeiso-foro .wpf-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.wpeiso-foro .wpf-page{min-width:36px;text-align:center;padding:7px 10px;border:1px solid var(--wpf-line);border-radius:9px;text-decoration:none;color:var(--wpf-ink);font-weight:600;font-size:.9em}
.wpeiso-foro .wpf-page:hover{border-color:var(--wpf-brand);color:var(--wpf-brand)}
.wpeiso-foro .wpf-page.is-current{background:var(--wpf-brand);border-color:var(--wpf-brand);color:#fff}

/* Tema individual */
.wpeiso-foro .wpf-topic{background:#fff;border:1px solid var(--wpf-line);border-radius:14px;padding:24px;margin:0 0 24px}
.wpeiso-foro .wpf-byline{color:var(--wpf-muted);font-size:.9em;margin:6px 0 16px}
.wpeiso-foro .wpf-body{font-size:1.02em}
.wpeiso-foro .wpf-body p{margin:0 0 12px}

/* Insignia staff */
.wpeiso-foro .wpf-badge{display:inline-block;background:var(--wpf-staff);color:#06281f;font-size:.72em;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:3px 9px;border-radius:999px;vertical-align:middle}

/* Respuestas en hilo */
.wpeiso-foro .wpf-replies{margin:0 0 22px}
.wpeiso-foro .wpf-thread{list-style:none;margin:0;padding:0}
.wpeiso-foro .wpf-thread .wpf-thread{margin:10px 0 0 0;padding-left:22px;border-left:2px solid var(--wpf-line)}
.wpeiso-foro .wpf-thread .wpf-thread.is-flat{padding-left:0;border-left:0}
.wpeiso-foro .wpf-reply{margin:0 0 12px;list-style:none}
.wpeiso-foro .wpf-reply-card{border:1px solid var(--wpf-line);border-radius:12px;padding:14px 16px;background:#fff}
.wpeiso-foro .wpf-reply.is-staff > .wpf-reply-card{border-color:rgba(47,212,167,.6);background:linear-gradient(0deg,rgba(47,212,167,.07),rgba(47,212,167,.07))}
.wpeiso-foro .wpf-reply-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.wpeiso-foro .wpf-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--wpf-brand);color:#fff;font-weight:800;font-size:.82em;flex:0 0 auto}
.wpeiso-foro .wpf-reply.is-staff .wpf-avatar{background:var(--wpf-staff);color:#06281f}
.wpeiso-foro .wpf-reply-date{color:var(--wpf-muted);font-size:.82em;margin-left:auto}
.wpeiso-foro .wpf-reply-body{font-size:.98em}
.wpeiso-foro .wpf-reply-body p{margin:0 0 10px}
.wpeiso-foro .wpf-reply-body p:last-child{margin-bottom:0}

/* Botón «Responder» e inline form */
.wpeiso-foro .wpf-reply-toggle{margin-top:10px;background:transparent;border:0;color:var(--wpf-brand);font:inherit;font-weight:700;font-size:.86em;cursor:pointer;padding:2px 0}
.wpeiso-foro .wpf-reply-toggle:hover{text-decoration:underline}
.wpeiso-foro .wpf-reply-toggle.is-open{color:var(--wpf-muted)}
.wpeiso-foro .wpf-inline-form{margin-top:12px}
.wpeiso-foro .wpf-form-sm textarea{min-height:72px}
.wpeiso-foro .wpf-form-sm .wpf-btn{padding:9px 18px;font-size:.92em}

/* Portada bajo registro (gate) */
.wpeiso-foro .wpf-gate-head{text-align:center;margin:10px 0 26px}
.wpeiso-foro .wpf-lock{display:inline-block;font-size:2.4em;line-height:1;margin-bottom:6px}
.wpeiso-foro .wpf-gate-head p{max-width:560px;margin:6px auto 0}


/* Switcher de idioma (motor i18n compartido) */
.wpeiso-foro .wpf-topbar{display:flex;justify-content:flex-end;margin:0 0 14px}
.wpeiso-foro .wpeiso-lang{display:inline-flex;gap:2px;background:#fff;border:1px solid var(--wpf-line);border-radius:999px;padding:3px;flex:0 0 auto}
.wpeiso-foro .lang-btn{appearance:none;border:0;background:transparent;color:var(--wpf-muted);font:inherit;font-size:12px;font-weight:700;letter-spacing:.3px;cursor:pointer;padding:5px 8px;border-radius:999px;line-height:1;display:inline-flex;align-items:center;white-space:nowrap;transition:background .15s,color .15s}
.wpeiso-foro .lang-btn .flag{display:none}
.wpeiso-foro .lang-btn:hover{color:var(--wpf-ink)}
.wpeiso-foro .lang-btn.is-active{background:var(--wpf-brand);color:#fff}

/* ---- Acota el logo del encabezado del TEMA en la página del foro ----
   CAUSA RAÍZ: el foro NO encola wpeiso.css (solo forum.css), así que la regla
   de logo que vive en wpeiso.css nunca llegaba al foro (en la tienda sí, porque
   la tienda sí encola wpeiso.css). La replicamos aquí, en forum.css, que es el
   CSS que efectivamente se carga en la página del foro. El header del tema queda
   FUERA de `.wpeiso-foro`, por eso la regla va global (sin ese scope); como
   forum.css solo se carga donde está el foro, no afecta a otras páginas.
   width:auto conserva la proporción (no deforma). */
header img,
.site-header img,
#masthead img,
#header img,
.header img,
.site-branding img,
.custom-logo-link img,
img.custom-logo,
img[class*="logo" i],
a[class*="logo" i] img,
[class*="site-logo" i] img,
[class*="brand" i] img{
  max-height:40px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
@media (max-width:640px){
  header img,
  .site-header img,
  #masthead img,
  #header img,
  .header img,
  .site-branding img,
  .custom-logo-link img,
  img.custom-logo,
  img[class*="logo" i],
  a[class*="logo" i] img,
  [class*="site-logo" i] img,
  [class*="brand" i] img{max-height:34px !important}
}