/*
Theme Name: Boster Global
Theme URI: https://bosterglobal.com
Description: Hello Elementor child theme for Boster Global – healthcare products, home-care services, caregiver directory, job portal, built-in CRM, AI assistant, WhatsApp Business & Facebook Messenger. All functionality lives in this theme (no extra plugins).
Author: CliqMakers
Author URI: https://cliqmakers.nl
Template: hello-elementor
Version: 2.1.3
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: boster-global
*/

/* ---------- Brand header ---------- */
.bg-header { position: sticky; top: 0; z-index: 9000; background: #fff; box-shadow: 0 2px 16px rgba(11, 61, 145, .08); }
.bg-header-inner { max-width: 1240px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; gap: 24px; }
.bg-logo img { height: 46px; width: auto; display: block; }
.bg-nav { flex: 1; }
.bg-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px 18px; justify-content: center; }
.bg-nav li { margin: 0; }
.bg-nav a { color: #1f2937; font-weight: 600; font-size: .9rem; text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; display: inline-block; }
.bg-nav a:hover, .bg-nav .current-menu-item > a, .bg-nav .current_page_item > a { color: #1565d8; border-bottom-color: #1565d8; }
.bg-nav .bg-menu-ai { display: none; }
.bg-header-cta { display: flex; align-items: center; gap: 10px; }
.bg-burger { display: none; background: none; border: 0; font-size: 1.7rem; color: #0b3d91; cursor: pointer; padding: 4px 8px; }
@media (max-width: 1100px) {
	.bg-nav a { font-size: .82rem; }
	.bg-nav ul { gap: 2px 12px; }
}
@media (max-width: 900px) {
	.bg-header-inner { flex-wrap: wrap; gap: 12px; }
	.bg-burger { display: block; margin-left: auto; }
	.bg-header-cta { order: 3; }
	.bg-header-cta .bg-btn { padding: 8px 12px; font-size: .85rem; }
	.bg-nav { order: 4; flex-basis: 100%; display: none; }
	.bg-nav.is-open { display: block; }
	.bg-nav ul { flex-direction: column; gap: 0; }
	.bg-nav a { display: block; padding: 10px 0; border-bottom: 1px solid #e3e9f2; }
}

/* ---------- Footer ---------- */
.bg-footer { background: #0a1f44; color: #cbd5e1; margin-top: 0; }
.bg-footer-inner { max-width: 1240px; margin: 0 auto; padding: 48px 20px 28px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr; gap: 28px; }
.bg-footer h4 { color: #fff; font-size: .95rem; margin: 0 0 12px; font-weight: 800; }
.bg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.bg-footer a { color: #cbd5e1; text-decoration: none; font-size: .88rem; }
.bg-footer a:hover { color: #fff; }
.bg-footer p { font-size: .88rem; line-height: 1.6; margin: 0 0 12px; }
.bg-footer-logo img { height: 44px; width: auto; margin-bottom: 12px; }
.bg-social { display: flex; gap: 8px; margin-top: 8px; }
.bg-social a { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; font-size: .8rem; font-weight: 800; color: #fff; }
.bg-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
.bg-footer-bottom div { max-width: 1240px; margin: 0 auto; padding: 14px 20px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: .8rem; color: #94a3b8; }
@media (max-width: 900px) { .bg-footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .bg-footer-inner { grid-template-columns: 1fr; } }

/* ---------- Theme resets ---------- */
body { font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; color: #1f2937; }
.site-main { padding: 0; }
.bg-hero-media img { object-fit: cover; aspect-ratio: 5/4; width: 100%; }
.bg-mini-card img { aspect-ratio: 1; }
.bg-care-tile img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.bg-service-tile img { width: 100%; aspect-ratio: 4/3; object-fit: contain; border-radius: 10px; background: #f4f8ff; }