/* MMM additions on top of the carried-over Weebly theme CSS.
   Everything here is invisible to a sighted mouse user unless noted. */

/* The page wrapper must not become a box — theme selectors expect the
   Weebly structure directly under <body>. */
.mmm-page { display: contents; }

/* Visible keyboard focus. */
a:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline: 2px solid #a1a1a1; outline-offset: 2px; }

/* Contact form status line (new — Weebly showed its own confirmation). */
.mmm-form-status { margin-top: 12px; font-size: 14px; color: #fff; }
.mmm-form-status[data-state="error"] { color: #ff8a8a; }
.mmm-form-status[data-state="ok"] { color: #9be29b; }

/* <picture> wrappers added for AVIF/WebP must not create a box. */
.mmm-picture { display: contents; }
/* Takes no space until there is a message, so the form is the height it was on Weebly. */
.mmm-form-status:empty { margin: 0; }