/* WorkCalc - Custom styles (supplement to TailwindCSS) */

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Tool card hover effect */
.tool-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tool-card:hover {
  transform: translateY(-4px);
}

/* Result highlight animation */
@keyframes highlight-result {
  0% { background-color: rgba(34, 197, 94, 0.2); }
  100% { background-color: transparent; }
}
.result-highlight {
  animation: highlight-result 1s ease-out;
}

/* Input focus ring override */
input[type="number"]:focus,
input[type="text"]:focus,
select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.2);
}

/* Range slider custom style */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 3px;
  background: #e5e7eb;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1E3A5F;
  cursor: pointer;
}

/* Print styles */
@media print {
  nav, footer, .no-print {
    display: none !important;
  }
  main {
    padding: 0 !important;
  }
}