/* PINUBBLE navigation icon language: crisp SVG geometry with the logo palette. */
svg.icon,svg.icon use{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
svg.icon{color:#6558f5;overflow:visible;filter:drop-shadow(0 2px 3px rgba(74,62,229,.12))}
.pinubble-brand-icon{display:inline-block;width:48px;height:48px;background:url('/assets/brand/pinubble-mark.webp') center/contain no-repeat}
.desktop-nav a{
  gap:9px;
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.desktop-nav a .icon,
.top-actions .icon-button .icon{
  width:32px;
  height:32px;
  padding:6px;
  color:#5e4df2;
  border:1px solid rgba(94,77,242,.17);
  border-radius:50%;
  background:linear-gradient(145deg,#fff 15%,#f0edff 58%,#e8fbfa);
  box-shadow:0 5px 14px rgba(84,66,218,.12),inset 0 0 0 1px rgba(255,255,255,.8);
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease;
}
.desktop-nav a:nth-child(2n) .icon{color:#0db9bd;border-color:rgba(13,185,189,.2);background:linear-gradient(145deg,#fff,#e8fbfa 58%,#f0edff)}
.desktop-nav a:nth-child(3n) .icon{color:#386fe8}
.desktop-nav a:hover{transform:translateY(-1px)}
.desktop-nav a:hover .icon,.desktop-nav a[aria-current="page"] .icon{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#7048f5 5%,#376fe9 52%,#16c8c3);
  box-shadow:0 7px 18px rgba(71,74,222,.27),0 0 13px rgba(22,200,195,.16);
  transform:scale(1.06);
}
.page-home .desktop-nav a[href*="page=home"] .icon,
.page-discover .desktop-nav a[href*="page=discover"] .icon,
.page-messages .desktop-nav a[href*="page=messages"] .icon,
.page-profile .desktop-nav a[href*="page=profile"] .icon,
.page-home .mobile-nav a[href*="page=home"] .icon,
.page-discover .mobile-nav a[href*="page=discover"] .icon,
.page-messages .mobile-nav a[href*="page=messages"] .icon,
.page-profile .mobile-nav a[href*="page=profile"] .icon,
.page-images .mobile-nav a[href*="page=images"] .icon{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#7048f5,#3974ec 55%,#13c4be);
  box-shadow:0 7px 18px rgba(71,74,222,.25),0 0 13px rgba(22,200,195,.15);
}
.top-actions .icon-button{width:44px;height:44px;background:transparent}
.top-actions .icon-button .icon{width:36px;height:36px;padding:7px}
.mobile-nav a:not(.mobile-plus) .icon{
  width:29px;height:29px;padding:5px;border-radius:50%;color:#6150ed;
  border:1px solid rgba(97,80,237,.14);background:linear-gradient(145deg,#fff,#f0edff 60%,#e7fbf9);
  box-shadow:0 3px 10px rgba(75,63,190,.1);
}
.mobile-nav a:nth-child(even):not(.mobile-plus) .icon{color:#0caeb5}
.mobile-nav a[aria-current="page"]:not(.mobile-plus) .icon{color:#fff;background:linear-gradient(135deg,#7048f5,#3974ec 55%,#13c4be)}
@media(max-width:1000px){.desktop-nav a .icon{width:30px;height:30px}}