/*
Theme Name: BazaarBite
Description: Marketing site and marketplace shell for the BazaarBite food delivery platform. Requires the BazaarBite Food Platform plugin and WooCommerce.
Version: 0.1.0
Author: BazaarBite
Text Domain: bazaarbite
*/

* { box-sizing: border-box; }
body {
	font-family: 'Poppins', 'Segoe UI', -apple-system, sans-serif;
	color: #1F2328;
	background: #FDFBF9;
	margin: 0;
	line-height: 1.5;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3 { line-height: 1.2; margin: 0 0 12px; }
.fp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ---- Site header ---- */
.bb-header {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 0; background: #fff; border-bottom: 1px solid #EDE7E1;
	position: sticky; top: 0; z-index: 50;
}
.bb-header-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.bb-logo { font-weight: 800; font-size: 22px; color: #D9622B; text-decoration: none; letter-spacing: -0.5px; }
.bb-logo span { color: #1F2328; }
.bb-nav { display: flex; gap: 26px; align-items: center; }
.bb-nav a { text-decoration: none; font-weight: 600; font-size: 14px; color: #1F2328; }
.bb-nav a:hover { color: #D9622B; }
.bb-header-actions { display: flex; align-items: center; gap: 12px; }
.bb-location-pill {
	display: flex; align-items: center; gap: 6px; background: #FCE8DA; color: #B84D1E;
	padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; border: none; cursor: pointer;
}
.bb-btn { font-family: inherit; font-weight: 700; font-size: 14px; padding: 10px 20px; border-radius: 999px; border: none; cursor: pointer; text-decoration: none; display: inline-block; }
.bb-btn-primary { background: #D9622B; color: #fff; }
.bb-btn-primary:hover { background: #B84D1E; }
.bb-btn-ghost { background: transparent; color: #1F2328; border: 1.5px solid #EDE7E1; }
.bb-btn-ghost:hover { border-color: #D9622B; color: #D9622B; }
.bb-menu-toggle { display: none; background: none; border: none; font-size: 24px; cursor: pointer; }

@media (max-width: 960px) {
	.bb-nav { display: none; }
	.bb-menu-toggle { display: block; }
	.bb-nav.bb-nav-open { display: flex; flex-direction: column; position: absolute; top: 68px; left: 0; right: 0; background: #fff; padding: 16px 20px; border-bottom: 1px solid #EDE7E1; gap: 16px; }
}

/* ---- Footer ---- */
.bb-footer { background: #1F2328; color: #C7CBD1; padding: 60px 0 24px; margin-top: 80px; }
.bb-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
.bb-footer h4 { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; }
.bb-footer a { color: #C7CBD1; text-decoration: none; font-size: 14px; display: block; margin-bottom: 10px; }
.bb-footer a:hover { color: #D9622B; }
.bb-footer-bottom { border-top: 1px solid #333; margin-top: 40px; padding-top: 20px; font-size: 13px; color: #8A8F98; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.bb-footer-logo { color: #D9622B; font-weight: 800; font-size: 20px; margin-bottom: 12px; }
.bb-footer-tagline { font-size: 13px; max-width: 280px; }

@media (max-width: 780px) {
	.bb-footer-grid { grid-template-columns: 1fr 1fr; }
}