/* goated.tools — sticker-energy, label-art, irreverent */

.sticker-tilt-left  { transform: rotate(-1.5deg); }
.sticker-tilt-right { transform: rotate(1.5deg); }

/* Stickers nudge back to straight on hover when they're interactive */
a.sticker-tilt-left:hover,
a.sticker-tilt-right:hover,
button.sticker-tilt-left:hover,
button.sticker-tilt-right:hover {
  transform: rotate(0deg);
}

:focus-visible {
  outline: 3px solid #D62828;
  outline-offset: 3px;
}

::selection {
  background: #F4A300;
  color: #1A1A1A;
}

/* Tweak label spacing inside sticker-tilted forms so rotation doesn't clip */
form#contact-form { transform: none; }

/* ─── floating status widget ─── */
#status-widget[data-state="active"] .status-core { background: #15A34A; }
#status-widget[data-state="active"] .status-pulse {
  background: #15A34A;
  animation: status-pulse 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
#status-widget[data-state="offhours"] .status-core { background: #F4A300; }
#status-widget[data-state="offhours"] .status-pulse { display: none; }
#status-widget[data-state="away"] .status-core { background: #737373; }
#status-widget[data-state="away"] .status-pulse { display: none; }
#status-widget[data-state="loading"] .status-core { background: #d4d4d4; }
#status-widget[data-state="loading"] .status-pulse { display: none; }

@keyframes status-pulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50%      { transform: scale(2.4); opacity: 0; }
}