/* JAKSKY_V151_SITEWIDE_CUSTOM_ICONS - front-end styling only */
body.jak151-skin { --jak151-accent:#47b7ff; --jak151-purple:#8266ff; }
body.jak151-skin .jak151-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.14em;height:1.14em;min-width:1.14em;
  margin-right:.28em;flex:0 0 auto;
  vertical-align:-.16em;line-height:1;
  color:currentColor;pointer-events:none;
  font-style:normal;text-shadow:none;filter:none;
}
body.jak151-skin .jak151-icon svg{
  display:block;width:100%;height:100%;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
  pointer-events:none;
}
body.jak151-skin .jak151-icon.jak151-solo{
  width:1.25em;height:1.25em;min-width:1.25em;margin-right:0;
}
/* Bottom navigation: align graphic and label, do not change nav click handlers. */
body.jak151-skin.jakPageHome .bottomNav button{
  min-width:0;touch-action:manipulation;
}
body.jak151-skin.jakPageHome .bottomNav button>.jak151-icon{
  display:block;margin:0 auto 5px;width:21px;height:21px;
}
body.jak151-skin.jakPageHome .bottomNav button>span:not(.jak151-icon){
  display:block;line-height:1.2;
}
body.jak151-skin.jakPageHome .bottomNav button.activeNav>.jak151-icon{
  color:#55c3ff;
}
body.jak151-skin.jakPageHome #notifBell .jak151-icon{
  margin:0;width:20px;height:20px;
}
body.jak151-skin.jakPageHome input#search{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2399b9d9' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  background-position:12px center;background-size:18px 18px;background-repeat:no-repeat;
  padding-left:39px;
}
/* Buttons on management pages: consistent shape and spacing; preserve colors. */
body.jak151-skin.jakPageOwner button,
body.jak151-skin.jakPageAdmin button,
body.jak151-skin.jakPageMod button,
body.jak151-skin.jakPageEvent button,
body.jak151-skin.jakPageAdminLogin button{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
body.jak151-skin.jakPageOwner .box,
body.jak151-skin.jakPageMod .box,
body.jak151-skin.jakPageEvent .box,
body.jak151-skin.jakPageAdminLogin .card{
  border-radius:17px;
}
body.jak151-skin.jakPageOwner :is(h2,h3),
body.jak151-skin.jakPageAdmin :is(h2,h3),
body.jak151-skin.jakPageMod :is(h2,h3),
body.jak151-skin.jakPageEvent :is(h2,h3){
  letter-spacing:-.018em;
}
body.jak151-skin.jakPageOwner :is(h2,h3)>.jak151-icon,
body.jak151-skin.jakPageAdmin :is(h2,h3)>.jak151-icon,
body.jak151-skin.jakPageMod :is(h2,h3)>.jak151-icon,
body.jak151-skin.jakPageEvent :is(h2,h3)>.jak151-icon{
  color:#60c5ff;
}
body.jak151-skin .jak151-pill-icon{display:inline-flex;align-items:center;gap:5px}
body.jak151-skin .jak151-icon:only-child{margin-right:0}
body.jak151-skin .staffBadge>.jak151-icon{width:.95em;height:.95em;min-width:.95em;margin-right:3px}
body.jak151-skin .jak151-ui-icon-replaced{font-variant-emoji:text}
/* Polishing for management screens: subtle surfaces, no layout rewrites. */
body.jak151-skin:is(.jakPageOwner,.jakPageAdmin,.jakPageMod,.jakPageEvent,.jakPageAdminLogin) :is(.box,.card,.panel){
  border-color:rgba(126,170,226,.16);
}
body.jak151-skin:is(.jakPageOwner,.jakPageAdmin,.jakPageMod,.jakPageEvent) :is(button,a):focus-visible,
body.jak151-skin.jakPageHome .bottomNav button:focus-visible{
  outline:2px solid #62c3ff;outline-offset:3px;
}
body.jak151-skin :is(h1,h2,h3){text-wrap:balance}
body.jak151-skin.jakPageHome #list .card{border-radius:16px;}

/* Keep off GPU-costly blur and looping animations; don't restyle video player. */
@media(max-width:640px){
  body.jak151-skin.jakPageAdmin #posts .adminPostActions button,
  body.jak151-skin.jakPageOwner button,
  body.jak151-skin.jakPageMod button,
  body.jak151-skin.jakPageEvent button{
    -webkit-tap-highlight-color:transparent;
  }
  body.jak151-skin .jak151-icon svg{filter:none}
}
@media(prefers-reduced-motion:reduce){
  body.jak151-skin .jak151-icon,body.jak151-skin .jak151-icon svg{animation:none!important;transition:none!important}
}
