/* Power4All UI polish — additive, low-specificity, motion-safe.
   Loaded site-wide via partials/head_common.php after page styles so it only
   fills gaps; any existing rule with normal specificity still wins. */

/* Smooth in-page scrolling for anchor links (disabled for reduced-motion users) */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* Brand-coloured text selection */
::selection { background: #ff7a45; color: #fff; }
::-moz-selection { background: #ff7a45; color: #fff; }

/* Smooth interactive transitions */
:where(a, button, .btn, .nav-link, .card, .service-item) {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease,
              box-shadow .25s ease, transform .25s ease;
}

/* Accessible keyboard focus ring (mouse clicks are unaffected) */
:where(a, button, .btn, .nav-link, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid rgba(255, 122, 69, .55);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Gentle lift on interactive cards — only where the page hasn't defined its own
   hover transform, and only on real hover-capable pointers */
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  :where(.card, .service-item, .feature-card, .review-card, .tool-card):hover {
    transform: translateY(-4px);
  }
}

/* Nicer thin scrollbar on supporting browsers */
@media (min-width: 768px) {
  * { scrollbar-width: thin; scrollbar-color: #1e3c72 transparent; }
}