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

.mmm-page { display: contents; }

.mmm-skip-link { position: absolute; left: -9999px; top: 0; z-index: 10000; background: #fff; color: #000; padding: 10px 16px; font: 600 14px/1.2 sans-serif; }
.mmm-skip-link:focus { left: 8px; top: 8px; outline: 2px solid #1268a4; }
#main { display: block; height: 0; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, .hamburger:focus-visible { outline: 2px solid #1268a4; outline-offset: 2px; }

/* Contact form (new — fills the space where the dead Common Ninja widget sat). */
.mmm-contact-form { max-width: 480px; text-align: left; }
.mmm-contact-form .mmm-form-title { margin: 0 0 10px; }
.mmm-contact-form .wsite-form-input { width: 100%; box-sizing: border-box; }
.mmm-contact-form button.wsite-button { border: 0; cursor: pointer; }
.mmm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mmm-form-status { margin-top: 12px; font-size: 15px; }
.mmm-form-status[data-state="error"] { color: #b3261e; }
.mmm-form-status[data-state="ok"] { color: #1b6e2a; }

/* Gallery lightbox (new — replaces Weebly's fancybox). */
.mmm-lightbox { padding: 0; border: 0; background: transparent; max-width: 92vw; max-height: 92vh; overflow: visible; }
.mmm-lightbox::backdrop { background: rgba(0,0,0,.85); }
.mmm-lightbox img { display: block; max-width: 92vw; max-height: 88vh; }
.mmm-lightbox button { position: absolute; background: rgba(0,0,0,.5); color: #fff; border: 0; font-size: 32px; line-height: 1; width: 44px; height: 44px; cursor: pointer; }
.mmm-lb-prev { left: -4px; top: 50%; transform: translateY(-50%); }
.mmm-lb-next { right: -4px; top: 50%; transform: translateY(-50%); }
.mmm-lb-close { right: -4px; top: -48px; }

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