/* 2026-10-12 — no-jump AJAX navigation in original member profile.
   Keep the approved 2021 overview portrait, dock, five icon tabs and content
   untouched on its landing view. Only explicit Ajax transitions FROM the
   overview preserve that same header height in each selected section.
   Direct ?tab=... visits retain their existing compact server-rendered hero. */

/* A full-size overview hero must NOT instantly collapse to a tiny card just
   because JS replaced the selected content panel. It is the old collapse
   combined with forced scrollTo() that made tabs leap 300px on iPhones. */
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-main>.ejabat-profile-hero{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:6px!important;
 padding:8px 9px 5px!important;
 min-height:0!important;
 margin:0!important;
 background:#fff!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-main>.ejabat-profile-hero>.ejabat-portrait{
 display:block!important;
 flex:0 0 min(175px,41.3vw)!important;
 width:min(175px,41.3vw)!important;
 height:min(175px,41.3vw)!important;
 min-width:min(175px,41.3vw)!important;
 max-width:min(175px,41.3vw)!important;
 min-height:min(175px,41.3vw)!important;
 max-height:min(175px,41.3vw)!important;
 align-self:center!important;
 padding:3px!important;
 margin:0!important;
 border:1px solid #e2e2e2!important;
 box-shadow:0 3px 8px #00000013!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero>.ejabat-portrait img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 max-width:none!important;
 min-height:0!important;
 max-height:none!important;
 object-fit:cover!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-main>.ejabat-profile-hero .ejabat-profile-core{
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 width:100%!important;
 min-width:0!important;
 gap:3px!important;
 text-align:right!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-profile-heading{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:flex-start!important;
 align-items:baseline!important;
 gap:4px 9px!important;
 padding:3px 1px!important;
 margin:0!important;
 line-height:1.65!important;
 min-height:0!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-profile-heading h1{
 font-size:17px!important;
 line-height:1.65!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-profile-actions,
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-earned-badges{
 display:flex!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-member-directed-ask-action{
 display:block!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
  .ejabat-profile-hero .ejabat-username{
 display:inline!important;
}
/* In individual questions/answers/followers/warnings tabs, the requested
   content lives RIGHT BELOW the toolbar. The full facts, weekly gem and
   historical activity are still present on the original overview (and About),
   rather than repeated underneath every selected list, making it cluttered. */
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-level-line,
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-classic-member-card,
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-profile-weekly-best,
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-classic-stats,
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-heritage-overview-block,
.classic-member-profile.is-section-view:not([data-profile-active-tab="about"])
  .ejabat-profile-main>.ejabat-profile-extras{
 display:none!important;
}
.classic-member-profile.is-section-view .ejabat-profile-main>[data-profile-content]{
 order:4!important;
 margin:0 0 7px!important;
 max-width:100%!important;
 min-width:0!important;
 overflow-wrap:anywhere!important;
}
.classic-member-profile [data-profile-content][aria-busy="true"]{
 opacity:.88!important;
}
.classic-member-profile [data-profile-tabs] a:focus-visible,
.classic-member-profile [data-profile-subtabs] a:focus-visible{
 outline:2px solid #367bb6!important;
 outline-offset:-2px!important;
}
/* No changes to the approved five icon positions, black header or mobile dock. */
/* The classic breadcrumb itself vanished on section views (a 34px height
   change). Keep it on AJAX transitions originating from the overview; this
   preserves the entire header's original vertical geometry. Direct links to
   ?tab=... retain their already-approved compact breadcrumb-free header. */
.classic-member-profile.is-section-view[data-profile-stable-header="full"]>.ejabat-member-breadcrumb{
 display:block!important;
}
.classic-member-profile.is-section-view[data-profile-stable-header="full"]
 .ejabat-profile-main>.ejabat-profile-hero>.ejabat-portrait{
 box-sizing:border-box!important;
}