/*
Theme Name: Find Marketplace
Theme URI: https://example.com/find-marketplace
Author: Find Team
Author URI: https://example.com
Description: Lightweight service marketplace starter theme for "Find" with built-in sections and shortcodes (no Elementor Pro required). Includes a front page, page templates, and a Customizer field to drop in your booking plugin shortcode (LatePoint/Amelia/etc.).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: find-marketplace
Tags: marketplace, booking, services, lightweight
*/
:root{
  --find-navy:#13324B;
  --find-teal:#1FA3A3;
  --find-lime:#7AD13F;
  --find-gray:#f6f7f9;
  --find-dark:#0e2536;
  --radius:12px;
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#22323d;margin:0;background:#fff;line-height:1.6}
a{color:var(--find-teal);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e6edf3;position:sticky;top:0;z-index:50}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-weight:800;font-size:22px;color:var(--find-navy)}
.menu a{margin:0 10px;font-weight:600;color:#2b3c48}
.btn{display:inline-block;background:var(--find-teal);color:#fff;padding:12px 18px;border-radius:8px;font-weight:700;border:0}
.btn.secondary{background:var(--find-navy)}
.section{padding:56px 0}
.section.gray{background:var(--find-gray)}
.hero{padding:80px 0;background:linear-gradient(180deg,#ffffff, #f8fbfb)}
.hero h1{font-size:34px;line-height:1.2;margin:0 0 10px;color:var(--find-navy)}
.hero p{font-size:18px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #e6edf3;border-radius:var(--radius);padding:18px}
.badge{display:inline-block;background:var(--find-lime);color:#0a3112;font-weight:700;padding:4px 10px;border-radius:999px;font-size:12px}
.footer{background:#0f2230;color:#cfe6ef}
.footer .container{padding:26px 20px}
.small{font-size:14px;color:#576b79}
.cta{background:#0f2230;color:#fff;text-align:center;border-radius:16px;padding:30px}
.find-list{list-style:none;padding:0;margin:0}
.find-list li{padding:8px 0;border-bottom:1px dashed #e6edf3}
.kicker{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#577b88;font-size:12px;margin-bottom:6px}
h2{color:var(--find-navy)}
form.find-shortcode-form input[type=text]{width:100%;padding:10px;border:1px solid #cfd9e0;border-radius:8px}
.notice{background:#fffce6;border:1px solid #ffe58f;padding:12px;border-radius:8px}
@media(max-width:800px){
  .grid{grid-template-columns:1fr}
}