/* PGD Like/Fav - fully scoped to avoid any clash */
.pkd-photo-box { position: relative; }

[data-pgd-lf-actions="1"].pgd-lf-actions{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  gap: 18px; /* matches requested spacing */
  align-items: center;
  justify-content: flex-start;
  z-index: 5;
  pointer-events: auto;
}

/* Buttons */
[data-pgd-lf-actions="1"] .pgd-lf-btn{
  appearance: none;
  border: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 999px;
  height: 38px; /* tap area */
  min-width: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: transform 200ms ease, background 200ms ease;
}

[data-pgd-lf-actions="1"] .pgd-lf-btn:active{
  transform: scale(1.05);
}

[data-pgd-lf-actions="1"] .pgd-lf-btn.pgd-lf-disabled{
  opacity: 0.55;
  cursor: default;
}

[data-pgd-lf-actions="1"] .pgd-lf-icon{
  width: 22px;
  height: 22px;
  display: inline-block;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
}

[data-pgd-lf-actions="1"] .pgd-lf-count{
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Like animation */
[data-pgd-lf-actions="1"] .pgd-lf-like.pgd-lf-pop{
  transform: scale(1.15);
}

/* --- PGD LF visibility hardening (prevents theme/profile CSS hiding it) --- */
.pkd-public-profile-page .pkd-photo-box{
  position: relative !important;
  overflow: visible !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions{
  z-index: 9999 !important;
}

/* Inline SVG icon styling (no external SVG files -> prevents missing icons) */
[data-pgd-lf-actions="1"] .pgd-lf-svg{
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  flex: 0 0 auto;
}

[data-pgd-lf-actions="1"] .pgd-lf-like{ color: #ffffff; }
[data-pgd-lf-actions="1"] .pgd-lf-fav,
[data-pgd-lf-actions="1"] .pgd-lf-menu{ color: #ffd35a; }

[data-pgd-lf-actions="1"] .pgd-lf-heart-filled{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-like[aria-pressed="true"] .pgd-lf-heart-outline{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-like[aria-pressed="true"] .pgd-lf-heart-filled{ display:inline-block !important; }

[data-pgd-lf-actions="1"] .pgd-lf-star-filled{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-fav[aria-pressed="true"] .pgd-lf-star-outline{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-fav[aria-pressed="true"] .pgd-lf-star-filled{ display:inline-block !important; }

/* --- PGD LF App-style position + size (FIX3) --- */
[data-pgd-lf-actions="1"].pgd-lf-actions{
  left: auto !important;
  right: 14px !important;
  top: 14px !important;
  bottom: auto !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}

[data-pgd-lf-actions="1"] .pgd-lf-btn{
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 14px !important;
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important;
}

[data-pgd-lf-actions="1"] .pgd-lf-count{
  font-size: 15px !important;
}

[data-pgd-lf-actions="1"] .pgd-lf-svg{
  width: 24px !important;
  height: 24px !important;
}

/* Make disabled buttons still visible but not clickable */
[data-pgd-lf-actions="1"] .pgd-lf-btn.pgd-lf-disabled{
  opacity: 0.6 !important;
  pointer-events: none !important;
}

/* --- PGD LF Position bottom-right (FIX4) --- */
[data-pgd-lf-actions="1"].pgd-lf-actions{
  top: auto !important;
  bottom: 14px !important;
  right: 14px !important;
  left: auto !important;
}

/* --- PGD LF FIX5 final positioning + touch --- */
[data-pgd-lf-actions="1"].pgd-lf-actions{
  left: auto !important;
  right: 14px !important;
  top: auto !important;
  bottom: 14px !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

[data-pgd-lf-actions="1"] .pgd-lf-btn{
  touch-action: manipulation;
}

/* Toast */
.pgd-lf-toast{
  position: fixed;
  left: 50%;
  bottom: 90px;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.72);
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px;
  z-index: 100000;
  opacity: 0;
  transition: opacity 180ms ease, transform 180ms ease;
}
.pgd-lf-toast-show{
  opacity: 1;
  transform: translateX(-50%) translateY(-6px);
}

/* --- FIX7: ensure taps always go to buttons --- */
[data-pgd-lf-actions="1"].pgd-lf-actions{
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-btn{
  pointer-events: auto !important;
}


/* Self profile: show filled heart but keep disabled */
.pgd-lf-actions.pgd-lf-self .pgd-lf-like .pgd-lf-heart-outline{ display:none; }
.pgd-lf-actions.pgd-lf-self .pgd-lf-like .pgd-lf-heart-filled{ display:inline; }


/* --- PGD LF FIX8: Bigger icons + buttons (2026-02-25) --- */
[data-pgd-lf-actions="1"].pgd-lf-actions{
  gap: 16px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-btn{
  height: 52px !important;
  min-width: 52px !important;
  padding: 0 16px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-count{
  font-size: 16px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-svg{
  width: 28px !important;
  height: 28px !important;
}



/* --- Favorites badge on members cards (App-Shell safe) --- */
.sl-member-card .sl-photo-wrap{ position: relative; }
.pgd-lf-fav-badge{
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.12);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.pgd-lf-fav-badge svg{
  width: 18px;
  height: 18px;
  display: block;
}
.pgd-lf-fav-badge[data-fav="1"]{ display:flex; }
.pgd-lf-fav-hidden{ display:none !important; }

/* --- ⋯ Menu popup (Profile) --- */
[data-pgd-lf-actions="1"] .pgd-lf-menu-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
}

[data-pgd-lf-actions="1"] .pgd-lf-menu-panel{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 170px;
  background: rgba(16,20,24,0.98);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.38);
  z-index: 99999;
  opacity: 0;
  transform: translateX(14px);
  pointer-events: none;
  transition: transform 180ms ease, opacity 180ms ease;
}

[data-pgd-lf-actions="1"] .pgd-lf-menu-panel.is-open{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

[data-pgd-lf-actions="1"] .pgd-lf-menu-item{
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 11px 12px;
  background: transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

[data-pgd-lf-actions="1"] .pgd-lf-menu-item:hover{
  background: rgba(255,255,255,0.08);
}

[data-pgd-lf-actions="1"] .pgd-lf-menu-item:active{
  transform: scale(0.98);
}


/* ===== FINAL MOBILE TAP HARDENING ===== */
[data-pgd-lf-actions="1"].pgd-lf-actions{touch-action:manipulation !important; -webkit-tap-highlight-color:transparent;}
[data-pgd-lf-actions="1"] .pgd-lf-btn,
[data-pgd-lf-actions="1"] .pgd-lf-btn *{touch-action:manipulation !important;}
[data-pgd-lf-actions="1"] .pgd-lf-svg,
[data-pgd-lf-actions="1"] .pgd-lf-svg *{pointer-events:none !important;}

[data-pgd-lf-actions="1"][data-pgd-lf-hydrated="0"]{visibility:visible;}



/* ===== FINAL SHIFT OVERRIDES ===== */
[data-pgd-lf-actions="1"].pgd-lf-actions-header,
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-header .pgd-lf-btn,
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay .pgd-lf-btn{
  background: rgba(0,0,0,0.38) !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-header .pgd-lf-btn{
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-fav-img{
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  object-fit: contain !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay .pgd-lf-like{
  color: #fff;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay .pgd-lf-like .pgd-lf-count{
  color:#fff !important;
  font-weight:700 !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-fav .pgd-lf-svg{ display:none !important; }
.pgd-lf-fav-badge{
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  background-image: url('../icons/filled-star-fav.png') !important;
}
.pgd-lf-fav-badge svg{ display:none !important; }

/* ===== FIX PASS 2: strict star image sizing + header row discipline ===== */
.pkd-profile-topbar .pkd-profile-topbar-actions [data-pgd-lf-actions="1"].pgd-lf-actions-header{
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
}
.pkd-profile-topbar .pkd-profile-topbar-actions [data-pgd-lf-actions="1"].pgd-lf-actions-header .pgd-lf-btn{
  background: rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: none !important;
}
.pkd-profile-topbar .pkd-profile-topbar-actions [data-pgd-lf-actions="1"] .pgd-lf-fav-img{
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  display: block !important;
  object-fit: contain !important;
}
.pkd-public-profile-page .pkd-photo-actions--public [data-pgd-lf-actions="1"].pgd-lf-actions-overlay{
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}


/* ===== FINAL ICON PACK V3 ===== */
[data-pgd-lf-actions="1"].pgd-lf-actions-header,
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay{
  gap: 10px !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-header .pgd-lf-btn,
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay .pgd-lf-btn{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-header .pgd-lf-btn{
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
[data-pgd-lf-actions="1"].pgd-lf-actions-overlay .pgd-lf-btn{
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 2px !important;
  border-radius: 0 !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-like-img,
[data-pgd-lf-actions="1"] .pgd-lf-fav-img{
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.15));
}
[data-pgd-lf-actions="1"] .pgd-lf-like-img.pgd-lf-heart-filled{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-like[aria-pressed="true"] .pgd-lf-heart-outline{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-like[aria-pressed="true"] .pgd-lf-heart-filled{ display:block !important; }
[data-pgd-lf-actions="1"] .pgd-lf-svg{ display:none !important; }
[data-pgd-lf-actions="1"] .pgd-lf-count{
  color:#fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.82), 0 0 1px rgba(0,0,0,.9);
}
.pgd-lf-actions.pgd-lf-self .pgd-lf-like .pgd-lf-heart-outline{ display:none !important; }
.pgd-lf-actions.pgd-lf-self .pgd-lf-like .pgd-lf-heart-filled{ display:block !important; }
.pgd-lf-fav-badge{
  width: 26px !important;
  height: 26px !important;
  background-size: 24px 24px !important;
  background-color: transparent !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}


/* --- FINAL POLISH: bigger public like icon + balanced count + smoother paint --- */
[data-pgd-lf-actions="1"] .pgd-lf-btn,
[data-pgd-lf-actions="1"] .pgd-lf-svg,
[data-pgd-lf-actions="1"] .pgd-lf-count,
[data-pgd-lf-actions="1"] .pgd-lf-like,
[data-pgd-lf-actions="1"] .pgd-lf-fav,
.pkd-public-profile-page .pkd-photo-box,
.pkd-public-profile-page .pkd-photo-box img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}

[data-pgd-lf-actions="1"] .pgd-lf-like{
  min-width:72px !important;
  height:58px !important;
  padding:0 18px !important;
  gap:10px !important;
  border-radius:20px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-svg,
[data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-like-img{
  width:44px !important;
  height:44px !important;
  background-size:44px 44px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-count{
  font-size:24px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.15px !important;
}
[data-pgd-lf-actions="1"] .pgd-lf-like.pgd-lf-pop{
  transform:translateZ(0) scale(1.05);
}

@media (max-width: 480px){
  [data-pgd-lf-actions="1"] .pgd-lf-like{
    min-width:66px !important;
    height:54px !important;
    padding:0 16px !important;
  }
  [data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-svg,
  [data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-like-img{
    width:40px !important;
    height:40px !important;
    background-size:40px 40px !important;
  }
  [data-pgd-lf-actions="1"] .pgd-lf-like .pgd-lf-count{
    font-size:22px !important;
  }
}