/*
  TR Marketplace PRO - Front styles
  Scope: SOLO clases .trmp-* para no tocar WP Admin ni el theme.
*/

.trmp-wrap{max-width:1100px;margin:22px auto;padding:0 14px}

.trmp-filters{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.06);margin-bottom:16px}
.trmp-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.trmp-filter-row:last-child{margin-bottom:0}
.trmp-filters input[type="search"],
.trmp-filters input[type="number"],
.trmp-filters select{flex:1;min-width:180px;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
.trmp-filters input:focus,
.trmp-filters select:focus{border-color:rgba(37,99,235,.5);box-shadow:0 0 0 4px rgba(37,99,235,.12)}

.trmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer}
.trmp-btn-primary{background:#0f172a;color:#fff}
.trmp-btn-primary:hover{filter:brightness(1.05)}
.trmp-btn-ghost{background:#fff;border-color:rgba(15,23,42,.12);color:#0f172a}
.trmp-btn-ghost:hover{background:rgba(15,23,42,.04)}

.trmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:980px){.trmp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.trmp-grid{grid-template-columns:1fr}}

.trmp-card{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.06)}
.trmp-card-link{color:inherit;text-decoration:none;display:block}
.trmp-card-media{position:relative;aspect-ratio:4/3;background:linear-gradient(180deg,rgba(15,23,42,.06),rgba(15,23,42,.02))}
.trmp-card-img{width:100%;height:100%;object-fit:cover;display:block}
.trmp-card-noimg{height:100%;display:grid;place-items:center;color:rgba(15,23,42,.55);font-weight:700}

.trmp-card-body{padding:12px 12px 14px}
.trmp-card-title{margin:6px 0 8px;font-size:16px;line-height:1.25}
.trmp-price{font-size:15px;font-weight:900}
.trmp-price-xl{font-size:22px}

.trmp-meta{display:flex;gap:8px;flex-wrap:wrap;color:rgba(15,23,42,.72);font-size:13px;margin-top:8px}

.trmp-badge{display:inline-block;background:rgba(16,185,129,.12);color:#065f46;font-weight:900;font-size:12px;border-radius:999px;padding:6px 10px}

.trmp-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-weight:800;font-size:12px}
.trmp-pill-disponible{background:rgba(16,185,129,.12);color:#065f46}
.trmp-pill-reservado{background:rgba(245,158,11,.15);color:#92400e}
.trmp-pill-vendido{background:rgba(239,68,68,.12);color:#991b1b}

.trmp-empty{border:1px dashed rgba(15,23,42,.22);border-radius:16px;padding:18px;background:rgba(15,23,42,.02);color:rgba(15,23,42,.7)}

.trmp-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0}
.trmp-page{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:8px 12px;text-decoration:none;color:#0f172a;font-weight:800}
.trmp-page.active{background:#0f172a;color:#fff;border-color:#0f172a}

/* Single */
.trmp-single{max-width:1100px;margin:22px auto;padding:0 14px}
.trmp-single-head{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
@media (max-width:980px){.trmp-single-head{grid-template-columns:1fr}}
.trmp-single-img{width:100%;height:auto;border-radius:18px;display:block;object-fit:cover}

.trmp-panel{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:18px;padding:14px;box-shadow:0 14px 40px rgba(0,0,0,.06)}
.trmp-single-summary{display:flex;flex-direction:column;gap:10px}
.trmp-single-title{margin:0;font-size:22px;line-height:1.15}

.trmp-table{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
@media (max-width:640px){.trmp-table{grid-template-columns:1fr}}
.trmp-table > div{border:1px solid rgba(15,23,42,.10);border-radius:14px;padding:10px 12px;background:rgba(15,23,42,.02)}
.trmp-table span{display:block;font-size:12px;color:rgba(15,23,42,.65);font-weight:800}
.trmp-table strong{display:block;margin-top:4px}

.trmp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.trmp-single-body{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}

.trmp-form input,
.trmp-form textarea,
.trmp-form select{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
.trmp-form input:focus,
.trmp-form textarea:focus,
.trmp-form select:focus{border-color:rgba(37,99,235,.5);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.trmp-form-row{margin-bottom:10px}
.trmp-form-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.trmp-form-2{grid-template-columns:1fr}}

.trmp-alert{border-radius:14px;padding:10px 12px;font-weight:800;margin:10px 0}
.trmp-alert-ok{background:rgba(16,185,129,.12);color:#065f46;border:1px solid rgba(16,185,129,.25)}
.trmp-alert-error{background:rgba(239,68,68,.12);color:#991b1b;border:1px solid rgba(239,68,68,.25)}

.trmp-footnote{color:rgba(15,23,42,.65);font-size:12px;margin-top:10px}