/* ------------------------------------------------------------------
   Sharadey Consultants — subtle polish layer
   Micro-interactions & refinements only. No colour, font, or content
   changes: the original brand palette and typography are untouched.
------------------------------------------------------------------ */

/* Smooth in-page scrolling for anchor navigation */
html { scroll-behavior: smooth; }

/* Gentle, consistent transitions on interactive elements */
a,
.elementor-button,
button,
input[type="submit"],
.menu-item > a {
  transition: color .2s ease, background-color .2s ease,
              border-color .2s ease, box-shadow .25s ease,
              transform .2s ease;
}

/* Buttons lift slightly on hover (keeps existing colours) */
.elementor-button:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

/* Clear keyboard-focus ring for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.elementor-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Form fields: softer focus feedback */
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:not([type="submit"]):focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

/* Static contact form keeps full width (replaces .elementor-form rule) */
.ef-contact-form { width: 100%; }
.ef-contact-form .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap; }

/* Media never overflows its container on small screens */
img, video, iframe { max-width: 100%; }

/* Slightly smoother image rendering on scale */
img { image-rendering: auto; }

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  a, .elementor-button, button, input[type="submit"] { transition: none; }
  .elementor-button:hover, button:hover, input[type="submit"]:hover { transform: none; }
}