/* WindowPlus — custom styles on top of Tailwind */

html { scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Subtle section dividers when stacked on light bg */
section { isolation: isolate; }

/* Form focus polish */
input, select, textarea { transition: border-color .15s, box-shadow .15s; }

/* ------------------------------------------------------------------------
 * <select> normalisation
 *
 * Native <select> elements ignore vertical padding in most browsers because
 * the user-agent sizes them to font-metrics + intrinsic chrome. Stripping
 * the appearance lets our Tailwind py-3 / py-4 actually take effect.
 * We add a custom SVG chevron so the dropdown affordance is preserved.
 * ---------------------------------------------------------------------- */
select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300008B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 1rem 1rem;
  padding-right: 2.5rem;
}
/* Hide IE/Edge legacy arrow */
select::-ms-expand { display: none; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  html { scroll-behavior: auto; }
}

/* Print friendliness */
@media print {
  header, footer, #testi-slider button, .fixed { display: none !important; }
}