/* Static-site additions: Instagram grid and contact form (replace the old WordPress plugins). */
.mx-ig { padding-bottom: 10px; text-align: center; }
.mx-ig-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mx-ig-item { display: block; position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #111; }
.mx-ig-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease, opacity .4s ease; }
.mx-ig-item:hover img, .mx-ig-item:focus-visible img { transform: scale(1.04); opacity: .85; }
.mx-ig-more { display: none; }
.mx-ig.is-expanded .mx-ig-more { display: block; }
.mx-ig.is-expanded .mx-ig-loadmore { display: none; }
.mx-ig-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 15px; }
.mx-ig-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 0; border-radius: 4px;
  background: #000; color: rgb(255, 193, 4) !important; font: inherit; font-size: 13px; line-height: 1.4; cursor: pointer; text-decoration: none !important; }
.mx-ig-btn:hover { opacity: .85; }

.mx-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.mx-contact .ufbl-form-message { display: block; margin-top: 15px; padding: 12px 15px; }
.mx-contact .ufbl-form-message[hidden] { display: none; }
.mx-contact .ufbl-form-message.is-ok { background: rgba(255, 193, 4, .15); color: rgb(255, 193, 4); }
.mx-contact .ufbl-form-message.is-error { background: rgba(255, 80, 80, .15); color: #ff8a8a; }
.mx-contact.is-busy .ufbl-form-submit { opacity: .6; pointer-events: none; }