/* رأس موحد لصفحتي العميل (link/) والمقاول (site/) على هيئة رأس المنصتين:
   الشعار يميناً، والإشعارات والصورة الشخصية يساراً، بلا قائمة ولا زر واتساب في الرأس.
   وفي الجوال شريط زجاج عاجي على قيم mock4 في بيتي (.bb-hdrs)، والبديل لون مصمت. */
body.ph-body .top nav,body.ph-body .top .navtoggle,body.ph-body .top .hdr-contact{display:none!important}
body.ph-body .top .auth{margin-inline-start:auto}
body.ph-body .top .wrap{gap:12px}
@media (max-width:899px){
  body.ph-body .top{border-bottom:1px solid rgba(255,255,255,.85);border-top:none;border-radius:0 0 26px 26px;
    background:linear-gradient(180deg,rgba(246,241,232,.86),rgba(236,228,214,.80));backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);
    box-shadow:0 12px 30px rgba(90,52,32,.18),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(166,83,56,.10),inset 0 0 16px rgba(255,255,255,.4)}
  body.ph-body .top .wrap{min-height:56px}
  body.ph-body .top .bell-b,body.ph-body .top .acct-btn{background:rgba(255,255,255,.5)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (max-width:899px){body.ph-body .top{background:#F3EDE3}}
}
@media (max-width:899px) and (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body.ph-body .top{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom-color:var(--line-2);box-shadow:0 12px 30px rgba(0,0,0,.35)}
  :root:not([data-theme="light"]) body.ph-body .top .bell-b,:root:not([data-theme="light"]) body.ph-body .top .acct-btn{background:var(--sheet)}
}
@media (max-width:899px){
  :root[data-theme="dark"] body.ph-body .top{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom-color:var(--line-2);box-shadow:0 12px 30px rgba(0,0,0,.35)}
  :root[data-theme="dark"] body.ph-body .top .bell-b,:root[data-theme="dark"] body.ph-body .top .acct-btn{background:var(--sheet)}
}

/* زر التواصل في جسم الصفحة بدل الرأس */
.ph-wa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}
.ph-wa:hover,.ph-wa:focus-visible{border-color:var(--terra);color:var(--terra)}
.ph-wa .hc-ic{width:18px;height:18px;flex:none;background:#1F8F4E;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}