/* theme-mt.css — Monti (Malta) "Limestone" theme, from Claude Design
 * (design1.zip: Pjazzo - Limestone). Loaded AFTER style.css on market 'mt'
 * only (THEME_CSS hook in views.php). METHOD: CSS-variable overrides first,
 * a few component-level touches second, NO template forks — this file is the
 * pattern for every future market theme (theme-<market>.css).
 */
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* Limestone palette — deep harbour teal replaces finnting green; the teal
     accent-2 takes the amber slots (badges, avatar, highlights). */
  --brand:#14425c; --brand-dk:#0f334a; --brand-ll:#e3edf2;
  --amber:#0f5e6e; --amber-dk:#0b4855; --brand-ink:#0f5e6e; /* logo roof-rail (design handoff token) */
  --cream:#fbfaf5; --tint-2:#e9f1f0;
  --ink:#1b2a33; --muted:#5b6670; --line:#e8e2d4; --bg:#f6f3ec;
  --shadow:0 2px 4px rgba(20,42,52,.05),0 20px 44px rgba(20,42,52,.09);
  --shadow-hover:0 4px 12px rgba(20,42,52,.10),0 18px 40px rgba(20,42,52,.12);
  /* Serif display is the theme's voice; body stays Hanken Grotesk (shared). */
  --font-display:'Spectral',Georgia,'Times New Roman',serif;
}

/* Spectral is a true serif — lighter weights read better than 700/800. */
h1,h2,h3,h4,.section-title{font-weight:600;letter-spacing:.2px}
.logo-word{font-weight:600;letter-spacing:.3px}

/* Counts/data in mono — the design's IBM Plex Mono accent. */
.tile-card .cat-count,.stat-card .meta small,.stat-card .meta span,
.admin-stat .n,.map-float strong{font-family:'IBM Plex Mono',monospace;font-weight:500}

/* Buttons/pills: the design uses 12px radii on inputs/CTAs, pill on chips. */
.btn-search,.searchbar{border-radius:12px}

/* Hero: paper-to-panel wash instead of finnting's green-tinted gradient. */
.home-hero,.hero-v2{background:linear-gradient(180deg,var(--cream),var(--bg))}

/* The amber free-through-2027 pill reads teal here. */
.hero-pill,.free-pill{background:#fff;border-color:var(--line);color:var(--brand)}

/* Monti logo lockup (2026-07-17 design handoff): awning SVG mark + mon/ti/.mt wordmark.
   Mark colors come from :root vars (stripes --bg, solid --brand, rail --brand-ink). */
.monti-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.monti-logo .logo-mark{flex:none;display:block}
.monti-logo .mt-wm{font-family:var(--font-display);font-weight:600;letter-spacing:.3px;line-height:1}
.monti-logo .wm-mon{color:var(--ink)}
.monti-logo .wm-ti{color:var(--brand)}
.monti-logo .wm-tld{color:var(--muted);font-weight:500}