/* MundoRestaurantes – Buscador v1.5.0 */
.mrf-scope{max-width:1280px;margin:0 auto;padding:0 16px}
.mrf-scope[data-container="full"]{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:20px;padding-right:20px}
.mrf-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:10px 0 18px}
.mrf-field{min-width:220px;flex:1}
.mrf-field--q{min-width:260px;flex:2}
.mrf-field label{display:block;font-weight:600;margin:0 0 6px}
.mrb-q-wrap{position:relative}
.mrb-suggest{position:absolute;top:100%;left:0;right:0;background:var(--mrb-card-bg,#fff);border:1px solid #eee;border-radius:10px;margin-top:6px;box-shadow:0 10px 24px rgba(0,0,0,.08);z-index:50;max-height:260px;overflow:auto}
.mrb-suggest[hidden]{display:none}
.mrb-sg-item{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #f1f1f1;text-decoration:none;color:#111}
.mrb-sg-item:last-child{border-bottom:none}
.mrb-sg-item:hover,.mrb-sg-item.is-active{background:#f7f7f7}
.mrb-sg-title{font-weight:600}
.mrb-sg-meta{font-size:.9rem;opacity:.7}
.mrf-field input[type=text], .mrf-field select{width:100%;padding:10px;border-radius:10px;border:1px solid #cfcfcf;background:#f7f7f7}
.mrf-actions{display:flex;gap:10px}
.mrf-btn{display:inline-block;border:none;background:var(--mrb-primary,#E63946);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none}
.mrf-btn--sm{padding:8px 12px;border-radius:8px;font-size:.9rem}
.mrf-link{background:none;border:none;color:#333;cursor:pointer;text-decoration:underline;padding:8px 6px}
/* Grid (if used) */
.mrf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:1000px){.mrf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mrf-grid{grid-template-columns:1fr}}
/* Row layout */
.mrf-results{display:flex;flex-direction:column;gap:18px}
.mrf-row.mrf-row-wide{display:grid;grid-template-columns:420px 1fr;gap:20px;background:var(--mrb-card-bg,#fff);border:1px solid #eee;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.06);overflow:hidden;align-items:stretch}
.mrf-row-thumb{display:block;width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;min-height:240px}
.mrf-thumb--placeholder{background-image:linear-gradient(135deg,#eee,#ddd)}
.mrf-row-body{padding:16px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.mrf-title{font-size:1.25rem;margin:0}
.mrf-title a{color:#111;text-decoration:none}
.mrf-title a:hover{text-decoration:underline}
/* Small tags under title */
.mrf-tags{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}
.mrf-tag{display:inline-block;font-size:.78rem;line-height:1;padding:6px 8px;border-radius:999px;background:#f2f2f2;color:#444;border:1px solid #e6e6e6}
.mrf-excerpt{color:#333;margin:8px 0 0}
.mrf-btn-inline{align-self:flex-start;margin-top:8px}
/* Mobile fixes */
@media (max-width:900px){
  .mrf-row.mrf-row-wide{grid-template-columns:1fr}
  .mrf-row-thumb{min-height:200px}
  .mrf-btn-inline{margin-top:6px}
}
/* Pagination */
.mrf-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mrf-page{border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.mrf-page.is-active{background:#111;color:#fff;border-color:#111}
/* Dark mode */
@media (prefers-color-scheme: dark){
  .mrb-suggest{background:#0f0f0f;border-color:#222;box-shadow:0 10px 24px rgba(0,0,0,.5)}
  .mrb-sg-item{color:#eee;border-bottom-color:#1f1f1f}
  .mrb-sg-item:hover,.mrb-sg-item.is-active{background:#171717}
  .mrf-row.mrf-row-wide{background:var(--mrb-card-bg,#0f0f0f);border-color:#1e1e1e;box-shadow:0 6px 24px rgba(0,0,0,.4)}
  .mrf-title a{color:var(--mrb-text-color,#fff)}
  .mrf-tag{background:#1a1a1a;color:#ddd;border-color:#2a2a2a}
  .mrf-excerpt{color:var(--mrb-text-color,#ddd)}
  .mrf-page{background:#0f0f0f;border-color:#2a2a2a;color:#eee}
  .mrf-page.is-active{background:#fff;color:#000;border-color:#fff}
}

/* --- v1.5.1 Pagination current-page fix --- */
.mrf-pagination{justify-content:center}
.mrf-page{font-weight:400 !important; background:#fff !important; color:#333 !important; border:1px solid #ddd !important}
.mrf-page.is-active{font-weight:700 !important; background:#000 !important; color:#fff !important; border-color:#000 !important}
@media (prefers-color-scheme: dark){
  .mrf-page{background:#0f0f0f !important; color:#eee !important; border-color:#2a2a2a !important}
  .mrf-page.is-active{background:#fff !important; color:#000 !important; border-color:#fff !important}
}

/* --- v1.5.2 Pagination current-page robust --- */
.mrf-pagination{display:flex;gap:8px;justify-content:center;margin-top:12px}
.mrf-pagination .mrf-page{font-weight:400; background:#fff; color:#333; border:1px solid #ddd; border-radius:8px; padding:6px 10px; cursor:pointer}
.mrf-pagination .mrf-page.is-active,
.mrf-pagination .mrf-page[aria-current="page"],
.mrf-pagination .current{
  font-weight:700; background:#000; color:#fff; border-color:#000;
}
@media (prefers-color-scheme: dark){
  .mrf-pagination .mrf-page{background:#0f0f0f; color:#eee; border-color:#2a2a2a}
  .mrf-pagination .mrf-page.is-active,
  .mrf-pagination .mrf-page[aria-current="page"],
  .mrf-pagination .current{background:#fff; color:#000; border-color:#fff}
}

/* --- v1.5.3 layout spacing & pagination polish --- */
.mrf-form{gap:16px}
.mrf-field--q{min-width:340px;flex:2.2}
@media (min-width:1100px){
  .mrf-field{min-width:260px}
}
/* Pagination pills look & active state */
.mrf-pagination{display:flex;gap:10px;justify-content:center;margin-top:16px}
.mrf-pagination .mrf-page{border-radius:20px;padding:8px 12px}

/* v1.6.0: Search width tighter on desktop */
@media(min-width:1024px){ .mrf-field--q{flex:1.6; max-width:420px} }

/* v1.6.3: configurable text color inside restaurant cards */
.mrf-title a, .mrf-excerpt{ color: var(--mrb-text-color, #fff); }
