/* =========================================================
   PGP v230 — FINAL cause fix for blue flash
   السبب: pgp-unified-site-theme-loader.js كان يرجّع ملف
   pgp-unified-site-theme.css?v=154 بعد تحميل الصفحة.
   هذا الملف هو آخر حماية، والملفات الأصلية تم تعديلها أيضاً.
   ========================================================= */

/* first paint and final paint for Following + Liked/Saved */
html,
body{
  background-color:#ffffff!important;
}

html body.pgp-page-following,
/* The old blue was #ee154e on follow-ring/avatar. Force it to PGP red on these pages. */
html body :is(
  .following-wrap,.saved-wrap,
  .pgp-page-following,.pgp-page-liked,.pgp-page-saved
) :is(
  .pgp-garage-follow-ring-target,
  img.pgp-garage-follow-ring-target,
  .pgp-v68-garage-avatar,
  .garage-logo img,
  .pgp-garage-is-following img,
  .pgp-garage-is-following .pgp-garage-follow-ring-target
){
  outline-color:#ee154e!important;
  box-shadow:
    0 0 0 2.5px #ee154e,
    0 0 0 5.5px rgba(238,21,78,.14),
    0 8px 18px rgba(238,21,78,.16)!important;
}

/* If any old inline style is applied by JS, override it after it lands */
html body :is(.following-wrap,.saved-wrap) [style*="#ee154e"],
html body :is(.following-wrap,.saved-wrap) [style*="13,103,253"]{
  outline-color:#ee154e!important;
  box-shadow:
    0 0 0 2.5px #ee154e,
    0 0 0 5.5px rgba(238,21,78,.14),
    0 8px 18px rgba(238,21,78,.16)!important;
}

/* Saved/Liked old page was dark; keep readable on white */
html body :is(.saved-wrap,.following-wrap) :is(h1,h2,h3,p,.saved-count,.following-count,.product-title,.garage-name,.garage-meta){
  color:#141414!important;
}

/* Bottom nav: black 60% frame */
html body .tc-bottom-bar,
html body .pgp-bottom-nav{
  border-color:rgba(0,0,0,.60)!important;
  border:1px solid rgba(0,0,0,.60)!important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.16),
    0 8px 25px rgba(0,0,0,.10),
    0 0 0 1px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.80)!important;
}

html body .tc-bottom-bar::after,
html body .pgp-bottom-nav::after{
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.60) 18%, rgba(0,0,0,.60) 82%, rgba(0,0,0,0) 100%) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.38) 20%, rgba(0,0,0,.38) 80%, rgba(0,0,0,0) 100%) bottom / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.34) 20%, rgba(0,0,0,.34) 80%, rgba(0,0,0,0) 100%) left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.34) 20%, rgba(0,0,0,.34) 80%, rgba(0,0,0,0) 100%) right / 1px 100% no-repeat!important;
}