/* Reveal animations replacing Framer's appear effects (see site.js). */
@media (prefers-reduced-motion: no-preference) {
  .fx-ready .fx:not(.fx-in) { opacity: 0.001; transform: var(--fx-t); }
  .fx { transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.7s cubic-bezier(0.25, 1, 0.5, 1); }
}

/* FAQ items are buttons */
[data-faq] { cursor: pointer; }

/* Carousels: dragging feedback (site.js moves the row) */
ul[data-carousel] { cursor: grab; touch-action: pan-y; user-select: none; }
ul[data-carousel].dragging { cursor: grabbing; }

/* Mobile menu open: keep the page from scrolling underneath */
html.menu-open, html.menu-open body { overflow: hidden; }

/* Dropdown panel sits above the page */
[data-dropdown] { z-index: 50 !important; }

/* Contact form message */
.form-msg { margin: 12px 0 0; font: 14px/1.4 "Poppins", system-ui, sans-serif; color: #a8341b; }

/* MailerLite iframes grow with their content (height set by site.js) */
iframe[data-ml] { display: block; transition: height 0.2s ease; }

/* Contact: a mail button instead of a form */
.contact-mail { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 20px; }
.contact-mail > p { font-size: 18px !important; line-height: 1.5 !important; }
.contact-mail__btn { text-decoration: none; width: auto !important; height: auto !important; align-self: flex-start; padding: 14px 28px !important; display: inline-flex !important; align-items: center; justify-content: center; }
.contact-mail__btn p { white-space: nowrap; }