/* v1.10.11: exact full clipboard, mobile hero +75px correction, and guaranteed footer social icons. Loaded last. */

/* Use the complete clipboard image and keep the entire silhouette inside the hero. */
.ppx .ppx-clipboard{
  right:calc(20px + var(--pp-clipboard-x))!important;
  bottom:calc(104px - var(--pp-clipboard-y))!important;
  width:174px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  z-index:18!important;
}

/* Social icons are always visible. Blank settings show a non-clickable placeholder;
   entering a URL in Paw Pro Designer turns that icon into a live link. */
.ppx .ppx-social-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.ppx .ppx-social-links a,
.ppx .ppx-social-links .ppx-social-placeholder{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid var(--cream)!important;
  outline:2px solid var(--black)!important;
  background:var(--pink)!important;
  color:var(--cream)!important;
  box-shadow:4px 4px 0 var(--teal)!important;
  border-radius:50%!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.ppx .ppx-social-links a:nth-child(even),
.ppx .ppx-social-links .ppx-social-placeholder:nth-child(even){background:var(--teal)!important}
.ppx .ppx-social-links svg{width:22px!important;height:22px!important;display:block!important}
.ppx .ppx-social-links a:hover{transform:translate(-2px,-3px) rotate(-4deg)!important;box-shadow:6px 7px 0 var(--pink)!important;background:var(--black)!important}
.ppx .ppx-social-links .ppx-social-placeholder{opacity:.72;cursor:default}

@media(max-width:960px){
  .ppx .ppx-clipboard{
    right:calc(18px + var(--pp-clipboard-x))!important;
    bottom:calc(96px - var(--pp-clipboard-y))!important;
    width:156px!important;
  }
}

@media(max-width:640px){
  /* v1.10.10 moved the mobile composition down 92px. Move it back up ~75px. */
  .ppx .ppx-hero-grid{
    padding-top:17px!important;
  }
  .ppx .ppx-clipboard{
    right:calc(12px + var(--pp-clipboard-x))!important;
    bottom:calc(96px - var(--pp-clipboard-y))!important;
    width:124px!important;
    z-index:18!important;
  }
  .ppx .ppx-social-links{gap:14px!important}
  .ppx .ppx-social-links a,
  .ppx .ppx-social-links .ppx-social-placeholder{width:44px!important;height:44px!important}
}