/* ── BREADCRUMB ── */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px; /* Adds the correct spacing around the arrow */
    font-size: 13px;
    color: #5f6368; 
    margin-bottom: 18px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.breadcrumb a {
    color: #1a73e8; 
    text-decoration: none; /* Removes the default blue underline */
    font-weight: 600;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb span {
    color: #dadce0; 
}

/* ── HERO CHIP (The Rounded Pill Design) ── */
.hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e8f0fe; /* Light blue background */
    color: #1a73e8; /* Theme blue text */
    border-radius: 100px;
    padding: 5px 14px 5px 8px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.hero-chip-dot {
    width: 22px;
    height: 22px;
    background: #1a73e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
}

/* FORCE BRAND LOGO COLORS GLOBALLY  */
.nav-logo, .footer-logo {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    display: inline-block;
}

/* Header Letter Colors [cite: 4-5, 15-16] */
.nav-logo .blue   { color: #1a73e8 !important; }
.nav-logo .red    { color: #d93025 !important; }
.nav-logo .green  { color: #1e8e3e !important; }
.nav-logo .yellow { color: #f9ab00 !important; }

/* REMOVE TOP WHITE SPACE */
html { margin-top: 0 !important; }
#wpadminbar { display: none !important; } /* Hides the admin bar causing the gap */

nav {
    position: sticky; 
    top: 0 !important;
    z-index: 1000;
    background: rgba(255,255,255,0.95) !important;
    border-bottom: 1px solid #e8eaed;
}
/* ─── 1. RESET & WORDPRESS ADMIN FIX ─── */
html { margin-top: 0 !important; scroll-behavior: smooth; }
body { margin: 0 !important; padding-top: 0 !important; background: #f8f9fc; }

/* Remove top gap completely */
#wpadminbar { display: none !important; } 

/* ─── 2. GLOBAL LOGO COLOR FIX ─── */
/* Ensures colorful logo on Home, About, Contact, and Services */
.nav-logo, .footer-logo {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* Header & Footer Brand Colors */
.nav-logo .blue, .lb { color: #1a73e8 !important; }   /* Blue I */
.nav-logo .red, .lr { color: #d93025 !important; }    /* Red T */
.nav-logo .green, .lg { color: #1e8e3e !important; }  /* Green T */
.nav-logo .yellow, .ly { color: #f9ab00 !important; } /* Yellow e */

/* ─── 3. NAVIGATION TOP ALIGNMENT ─── */
nav {
    position: sticky; top: 0 !important;
    z-index: 1000;
    width: 100%;
    margin-top: 0 !important;
}

/* ─── 4. GLOBAL FOOTER BREAKOUT (Full Width Fix) ─── */
/* This forces the footer and CTA strip to be edge-to-edge on every page */
.site-footer, 
.footer-cta, 
.cta-banner,
.about-cta {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* ─── 5. FOOTER CONTENT CENTERING ─── */
/* Keeps the text inside the footer aligned with your site's content width */
.footer-main, 
.footer-cta > div, 
.footer-content {
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
}

/* Ensure the blue CTA strip background is solid */
.footer-cta {
    background: linear-gradient(135deg, #1a73e8 0%, #1558b0 60%, #0d47a1 100%) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ─── 6. RESPONSIVE FIXES ─── */
@media (max-width: 960px) {
    .footer-content { grid-template-columns: 1fr 1fr !important; gap: 30px; }
    .footer-cta { flex-direction: column; text-align: center; gap: 20px; }
}