/* BPP Developer Profile V5.7
   Direct Agency-width + Agency-scale typography + overview ordering.
   Developer design remains intact. No runtime width/font probe. */

/* ============================================================
   1. WIDTH
   Stop the old V5.4 full-viewport breakout.
   The Developer view already sits inside Homzen's normal .container,
   the same container model used by the working Agency detail page.
   ============================================================ */
html body .bpp54-developer{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    background:#f4f8f6!important;
}

html body .bpp54-developer .bpp54-container{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Preserve a little internal breathing space on smaller screens. */
@media (max-width:991px){
    html body .bpp54-developer .bpp54-container{
        width:calc(100% - 28px)!important;
        max-width:none!important;
    }
}
@media (max-width:767px){
    html body .bpp54-developer .bpp54-container{
        width:calc(100% - 20px)!important;
    }
}

/* ============================================================
   2. FONT SYSTEM
   Use the same theme font variables and readable profile scale
   as the working professional profile pages.
   ============================================================ */
html body .bpp54-developer{
    font-family:var(--primary-font,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
    font-size:15px!important;
    line-height:1.55!important;
}

/* Headings */
html body .bpp54-developer .bpp54-hero-copy h1{
    font-family:var(--heading-font,"Josefin Sans",sans-serif)!important;
}
html body .bpp54-developer .bpp54-name-row h2{
    font-family:var(--primary-font,"DM Sans",sans-serif)!important;
    font-size:28px!important;
    line-height:1.16!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
}
html body .bpp54-developer .bpp54-section-heading h2{
    font-family:var(--heading-font,"Josefin Sans",sans-serif)!important;
    font-size:24px!important;
    line-height:1.18!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
}
html body .bpp54-developer .bpp54-card-title h3{
    font-family:var(--primary-font,"DM Sans",sans-serif)!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:700!important;
}

/* Identity / meta */
html body .bpp54-developer .bpp54-role{
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;
}
html body .bpp54-developer .bpp54-identity-copy>p,
html body .bpp54-developer .bpp54-meta{
    font-size:12px!important;
    line-height:1.45!important;
}

/* KPI numbers + labels */
html body .bpp54-developer .bpp54-top-kpis strong,
html body .bpp54-developer .bpp54-summary strong{
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:700!important;
}
html body .bpp54-developer .bpp54-top-kpis span,
html body .bpp54-developer .bpp54-summary span{
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:500!important;
}

/* Tabs */
html body .bpp54-developer .bpp54-tabs a{
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:600!important;
}

/* Body copy */
html body .bpp54-developer .bpp54-copy{
    font-size:14px!important;
    line-height:1.58!important;
}
html body .bpp54-developer .bpp54-card-title p,
html body .bpp54-developer .bpp54-section-heading small,
html body .bpp54-developer .bpp54-section-heading>a{
    font-size:12px!important;
    line-height:1.4!important;
}

/* Feature chips / company info / trust text */
html body .bpp54-developer .bpp54-feature-grid span,
html body .bpp54-developer .bpp54-check-list li,
html body .bpp54-developer .bpp54-location-list span,
html body .bpp54-developer .bpp54-company-info dt,
html body .bpp54-developer .bpp54-company-info dd{
    font-size:12px!important;
    line-height:1.45!important;
}

/* Buttons */
html body .bpp54-developer .bpp54-actions a,
html body .bpp54-developer .bpp54-contact-card a,
html body .bpp54-developer .project-actions a{
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
}

/* Development cards */
html body .bpp54-developer .bpp54-development-card h3,
html body .bpp54-developer .bpp54-property-card h3{
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:700!important;
}
html body .bpp54-developer .bpp54-development-card p,
html body .bpp54-developer .bpp54-development-card .metric,
html body .bpp54-developer .bpp54-development-card .starting,
html body .bpp54-developer .bpp54-property-card .location,
html body .bpp54-developer .bpp54-property-card .property-meta{
    font-size:12px!important;
    line-height:1.45!important;
}
html body .bpp54-developer .bpp54-property-card .price,
html body .bpp54-developer .bpp54-development-card .starting strong{
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:700!important;
}

/* ============================================================
   3. OVERVIEW ORDER
   Featured Developments stays first.
   Available Units now follows Featured Developments on Overview.
   ============================================================ */
html body .bpp54-developer .bpp57-available-units-overview{
    display:block!important;
    margin-top:16px!important;
}

/* ============================================================
   4. GLOBAL MOBILE FOOTER
   Remove the V5.4 reserved space for its custom fixed footer.
   The normal site-wide rpg-market-footer is left in control.
   ============================================================ */
@media (max-width:767px){
    html body:has(.bpp54-developer){
        padding-bottom:0!important;
    }


    html body .bpp54-developer{
        font-size:15px!important;
    }

    html body .bpp54-developer .bpp54-name-row h2{
        font-size:23px!important;
        line-height:1.18!important;
    }

    html body .bpp54-developer .bpp54-section-heading h2{
        font-size:21px!important;
    }

    html body .bpp54-developer .bpp54-card-title h3{
        font-size:15px!important;
    }

    html body .bpp54-developer .bpp54-copy{
        font-size:13px!important;
    }

    html body .bpp54-developer .bpp54-tabs a{
        font-size:12px!important;
    }

    html body .bpp54-developer .bpp54-top-kpis strong,
    html body .bpp54-developer .bpp54-summary strong{
        font-size:18px!important;
    }

    html body .bpp54-developer .bpp54-top-kpis span,
    html body .bpp54-developer .bpp54-summary span{
        font-size:11px!important;
    }

    html body .bpp54-developer .bpp54-feature-grid span,
    html body .bpp54-developer .bpp54-check-list li,
    html body .bpp54-developer .bpp54-location-list span,
    html body .bpp54-developer .bpp54-company-info dt,
    html body .bpp54-developer .bpp54-company-info dd,
    html body .bpp54-developer .bpp54-development-card p,
    html body .bpp54-developer .bpp54-property-card .location,
    html body .bpp54-developer .bpp54-property-card .property-meta{
        font-size:11px!important;
    }
}