/* PokeRey — Ofertas */

.pkro-box { margin: 1em 0 1.5em; }
.pkro-button { margin-bottom: .5em; }

.pkro-form { border: 1px solid rgba(0,0,0,.12); border-radius: 4px; padding: 1em; margin-top: .5em; max-width: 420px; }
.pkro-form--inline { margin-top: 1em; }
.pkro-field { display: flex; flex-direction: column; gap: .3em; margin-bottom: .8em; }
.pkro-field label { font-size: .85em; font-weight: 600; }
.pkro-field input, .pkro-field textarea { width: 100%; }

.pkro-note { font-size: .85em; opacity: .8; margin: .4em 0; }
.pkro-note--warn { color: #a76a16; opacity: 1; }
.pkro-note--blocked { font-weight: 600; opacity: 1; }

.pkro-table { width: 100%; }
.pkro-state { font-weight: 600; }
.pkro-state--accepted { color: #a76a16; }
.pkro-state--paid { color: #1b7355; }
.pkro-state--declined, .pkro-state--expired, .pkro-state--cancelled, .pkro-state--retracted { opacity: .7; }

.pkro-thread-title { margin-bottom: .2em; }

.pkro-chat { display: flex; flex-direction: column; gap: .6em; margin: 1.2em 0; }
.pkro-msg { border: 1px solid rgba(0,0,0,.12); border-radius: 6px; padding: .7em .9em; max-width: 90%; }
.pkro-msg--buyer { align-self: flex-end; background: rgba(0,0,0,.03); }
.pkro-msg--seller { align-self: flex-start; }
.pkro-msg--system { align-self: center; font-size: .85em; opacity: .75; }
.pkro-msg-head { font-size: .9em; display: flex; gap: .4em; align-items: baseline; flex-wrap: wrap; }
.pkro-msg-date { font-size: .8em; opacity: .6; margin-left: auto; }
.pkro-msg-text { margin: .4em 0 0; }

.pkro-actions { display: flex; gap: .8em; align-items: center; flex-wrap: wrap; }
.pkro-inline-form { display: inline; }
.pkro-link { background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; font: inherit; opacity: .8; }
.pkro-cta { border: 1px solid #a76a16; border-radius: 6px; padding: 1em; margin: 1em 0; }

/* Admin */
.pkro-admin-table td { vertical-align: top; }
.pkro-admin-form { display: flex; flex-wrap: wrap; gap: .4em; align-items: center; }
.pkro-counter-wrap { display: inline-flex; gap: .3em; align-items: center; }
.pkro-admin-msg { width: 100%; max-width: 260px; }
.pkro-quote { opacity: .75; font-style: italic; }

@media (max-width: 600px) {
  .pkro-msg { max-width: 100%; }
  .pkro-form { max-width: 100%; }
}

/* Botón dentro de la ficha propia del tema (.cta-stack de single-product.php).
   Usa los mismos tokens del tema, con respaldo por si no existen. */
.pkro-box{display:flex;flex-direction:column;gap:10px;margin:0;}
.pkro-cta{
  background:var(--white,#fff);
  color:var(--navy,#1a2744);
  border:2px solid var(--navy,#1a2744);
  border-radius:11px;
  padding:13px 15px;
  font-size:15px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  text-decoration:none;
  transition:opacity .15s;
}
.pkro-cta:hover{opacity:.88;}
.pkro-cta--send{background:var(--navy,#1a2744);color:var(--yellow,#ffcb05);border-color:var(--navy,#1a2744);}
.pkro-box .pkro-form{border:1px solid var(--border,#e5e7eb);border-radius:11px;background:var(--white,#fff);max-width:none;}
.pkro-box .pkro-field input,.pkro-box .pkro-field textarea{
  border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:10px;font-family:inherit;font-size:14px;
}
@media(max-width:640px){.pkro-cta{padding:12px;font-size:14px;}}

/* ── Mis ofertas dentro de la cuenta (page-mi-cuenta.php) ── */
.pkro-list{display:flex;flex-direction:column;gap:10px;}
.pkro-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--white,#fff);text-decoration:none;color:inherit;}
.pkro-row:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);}
.pkro-row-img img{width:46px;height:46px;object-fit:cover;border-radius:8px;display:block;}
.pkro-row-body{display:flex;flex-direction:column;flex:1;min-width:0;}
.pkro-row-name{font-weight:700;font-size:14px;}
.pkro-row-meta{font-size:12px;color:var(--sub,#6b7280);}
.pkro-back{margin-bottom:10px;font-size:13px;}
.pkro-thread-head h2{font-size:18px;font-weight:800;margin:0 0 4px;}
.pkro-cta-box{border:1px solid var(--navy,#1a2744);border-radius:12px;padding:16px;margin:14px 0;display:flex;flex-direction:column;gap:10px;}
.pkro-empty{color:var(--sub,#6b7280);}
.pkro-form--open{display:block;margin-top:14px;}
.pkro-box--sticky{margin:0;}
.pkro-cta--sticky{padding:10px 14px;font-size:13px;white-space:nowrap;}

/* Bandeja: ofertas que dejan a la tienda debajo del costo */
.pkro-below{background:#fef2f2;}
.pkro-below-tag{color:#b91c1c;font-weight:700;}

/* Avisos al volver de enviar una oferta */
.pkro-alert{border-radius:10px;padding:11px 14px;font-size:13.5px;font-weight:600;line-height:1.45;}
.pkro-alert--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;}
.pkro-alert--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;}
.pkro-alert--err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}

/* Atajos de porcentaje en el formulario de oferta */
.pkro-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:-2px 0 12px;}
.pkro-chip{
  display:flex;align-items:baseline;justify-content:center;gap:7px;
  padding:10px 8px;border:1px solid var(--border,#e5e7eb);border-radius:9px;
  background:var(--white,#fff);font-family:inherit;cursor:pointer;line-height:1.1;
  transition:border-color .12s,background .12s;
}
.pkro-chip:hover{border-color:var(--navy,#1a2744);}
.pkro-chip.is-on{border-color:var(--navy,#1a2744);background:#f0f3ff;}
.pkro-chip-pct{font-size:12px;font-weight:800;color:var(--sub,#6b7280);}
.pkro-chip.is-on .pkro-chip-pct{color:var(--navy,#1a2744);}
.pkro-chip-monto{font-size:14px;font-weight:800;color:var(--text,#111827);}
@media(max-width:380px){.pkro-chips{grid-template-columns:1fr;}}

/* Campo de importe con botones de salto */
.pkro-amount{display:flex;align-items:stretch;gap:8px;}
.pkro-amount input{flex:1;min-width:0;text-align:center;font-size:17px;font-weight:800;}
.pkro-step{
  width:46px;flex:none;border:1px solid var(--border,#e5e7eb);border-radius:8px;
  background:var(--white,#fff);font-family:inherit;font-size:20px;font-weight:800;
  color:var(--navy,#1a2744);cursor:pointer;line-height:1;
}
.pkro-step:hover{border-color:var(--navy,#1a2744);}
.pkro-hint{display:block;font-size:11.5px;color:var(--sub,#6b7280);margin-top:6px;font-weight:400;}