/* pp-profile-center.css -- centered profile header (Facebook-style) for every profile page:
   professional-profile, my-profile, company-profile, my-business-profile (mp-/pp- classes).
   Cover on top, big round avatar centered over the cover's bottom edge, name/headline/location/stats/buttons centered.
   Posts, tabs and likes are untouched. Phones: About cards bleed off both screen edges. */

/* ---- avatar: centered, overlapping the cover ---- */
html body .pp-identity,
html body .mp-identity-top{display:flex;justify-content:center;align-items:flex-end;margin-top:-58px;padding:0 16px 6px;position:relative;z-index:2;}
html body .pp-hero-card .pp-identity,
html body .mp-hero-card .mp-identity-top{padding:0 16px 6px;}
html body .pp-avatar,
html body .mp-avatar{width:116px;height:116px;border-radius:50%;border:4px solid #fff;font-size:32px;align-self:center;margin-left:auto;margin-right:auto;}
@media (max-width:640px){
  html body .pp-identity,html body .mp-identity-top{margin-top:-52px;}
  html body .pp-avatar,html body .mp-avatar{width:104px;height:104px;border-width:4px;}
  html body .pp-hero .pp-identity{flex-direction:row;align-items:flex-end;gap:0;text-align:center;}
}

/* ---- text block ---- */
html body .pp-identity-text,
html body .mp-head-info,
html body .pp-hero-card .pp-identity-text,
html body .mp-hero-card .mp-head-info{text-align:center;padding:4px 20px 8px;width:auto;}
html body .pp-name,html body .mp-name{text-align:center;justify-content:center;}
html body .pp-title,html body .mp-title,html body .pp-tagline,html body .pp-meta-line{text-align:center;margin-left:auto;margin-right:auto;}
html body .pp-loc,html body .mp-loc{justify-content:center;text-align:center;}

/* ---- stats + buttons ---- */
html body .pp-stats-row,html body .mp-stats-row{justify-content:center;text-align:center;padding-left:20px;padding-right:20px;}
html body .pp-hero-card .pp-owner-actions,
html body .pp-hero .pp-owner-actions,
html body .mp-hero-card .mp-identity-actions,
html body .pp-actions-row{justify-content:center;}
html body .pp-hero-card .pp-owner-actions,html body .pp-hero .pp-owner-actions{padding-left:16px;padding-right:16px;}

/* ---- phones: About cards bleed off both edges (no rounded/carded edges) ---- */
@media (max-width:720px){
  html body .mp-card,html body .pp-card,html body .pp-rail-card,html body .mp-empty-card,html body .mb-store-card{border-radius:0;border-left:0;border-right:0;box-shadow:none;}
  html body .mp-card,html body .pp-card{margin-left:-16px;margin-right:-16px;}
  html body .pp-link-card{border-radius:0;border-left:0;border-right:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
}

/* ---- members without a professional profile: same full-width page as every other profile (was shrinking) ---- */
html body .pp-layout.pp-bare{display:flex;flex-direction:column;width:100%;box-sizing:border-box;margin-inline:0;max-width:none;}
html body .pp-layout.pp-bare .pp-layout-main{width:100%;box-sizing:border-box;}
@media (min-width:721px){html body .pp-layout.pp-bare{max-width:760px;margin-inline:auto;}}