/* ============================================================
   MAVORA — v71 micro-polish layer
   Carries over v66 consistency micro-polish + reduced-motion
   global block. Motion states (.v66a) removed — motion-v72.css
   is the single motion source.
   Rollback: remove link + delete file.
   ============================================================ */

/* ---------- 1. Consistency micro-polish ---------- */
::selection {
  background: #9c7a4f;
  color: #f5f2ed;
}

input::placeholder,
textarea::placeholder {
  color: rgba(109, 103, 93, 0.55);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--muted-bronze);
  box-shadow: 0 0 0 3px rgba(154, 120, 73, 0.14);
  outline: none;
}

button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* semantic underline for in-body links */
main p a,
main li a {
  text-decoration: underline;
  text-decoration-color: rgba(154, 120, 73, 0.4);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.15s ease;
}
main p a:hover,
main li a:hover {
  text-decoration-color: var(--muted-bronze);
}

/* spec/thumbnail hairline hover in product gallery (buttons already bordered) */
main button.border:hover {
  border-color: var(--muted-bronze);
}

/* ---------- 2. Reduced motion: everything static ---------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}