/*
Theme Name: Refurb Market
Theme URI: https://example.com
Author: Refurb Market
Author URI: https://example.com
Description: High-fidelity refurbished marketplace theme with WooCommerce compatibility.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: refurb-market
*/

:root {
  --rm-bg: #f6f8fb;
  --rm-text: #121417;
  --rm-muted: #64748b;
  --rm-primary: #0f172a;
  --rm-accent: #047857;
  --rm-card: #ffffff;
  --rm-border: #e2e8f0;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--rm-bg);
  color: var(--rm-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

a { color: inherit; text-decoration: none; }

.rm-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.rm-card { background: var(--rm-card); border: 1px solid var(--rm-border); border-radius: 16px; padding: 20px; }
.rm-section { margin-top: 24px; }
.rm-grid { display: grid; gap: 16px; }
.rm-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rm-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rm-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 10px 14px; font-weight: 600; }
.rm-btn-primary { background: var(--rm-primary); color: #fff; }
.rm-btn-secondary { background: #fff; color: var(--rm-primary); border: 1px solid var(--rm-border); }
.rm-muted { color: var(--rm-muted); }
.rm-topbar { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--rm-border); }
.rm-topbar-row { display:flex; gap:12px; align-items:center; justify-content:space-between; min-height:64px; }
.rm-brand { font-size: 22px; font-weight: 800; color: var(--rm-accent); }
.rm-nav { display:flex; gap:8px; flex-wrap: wrap; }
.rm-pill { border:1px solid var(--rm-border); border-radius:999px; padding:6px 12px; font-size:12px; font-weight:600; background:#fff; }
.rm-hero { border-radius: 24px; background: linear-gradient(135deg, #0f172a, #1f2937, #065f46); color: #fff; padding: 42px 32px; }
.rm-hero h1 { margin: 8px 0 0; font-size: 46px; line-height: 1.1; }
.rm-trust-strip { background:#ecfdf5; border:1px solid #a7f3d0; border-radius:16px; padding:12px 16px; }
.rm-footer { margin-top: 48px; border-top: 1px solid var(--rm-border); background: #fff; }
.rm-footer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:28px 0; }

@media (max-width: 1024px) {
  .rm-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rm-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rm-hero h1 { font-size: 38px; }
}

@media (max-width: 640px) {
  .rm-grid-3, .rm-grid-2 { grid-template-columns: 1fr; }
  .rm-footer-grid { grid-template-columns: 1fr; }
  .rm-hero { padding: 28px 20px; }
  .rm-hero h1 { font-size: 30px; }
}