/* ==========================================================================
   Axe Arena — widgets placed inside any theme page, and the contact form.
   ========================================================================== */

/* Widget wrapper: keep the landing styles but let the page background show through */
.axp.axw { background: transparent; color: inherit; overflow: visible; }
.axp.axw-checkout { display: contents; }
.axw-hero-mock .mock { margin-inline: auto; }
.axw-booking-demo .center { text-align: center; }
.axw-pricing .plans { margin-top: 0; }

/* Contact form */
.axc-form { display: grid; gap: 14px; max-width: 640px; }
.axc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.axc-form label { display: grid; gap: 6px; font-size: .9rem; font-weight: 600; }
.axc-form label small { font-weight: 400; opacity: .7; }
.axc-form input, .axc-form textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); background: transparent; color: inherit; font: inherit; }
.axc-form input:focus, .axc-form textarea:focus { outline: none; border-color: #635BFF; box-shadow: 0 0 0 3px rgba(99, 91, 255, .2); }
.axc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.axc-btn { justify-self: start; cursor: pointer; }
.axc-ok, .axc-bad { margin: 0; padding: 12px 14px; border-radius: 12px; font-weight: 600; }
.axc-ok { background: rgba(16, 185, 129, .14); color: #059669; }
.axc-bad { background: rgba(239, 68, 68, .12); color: #DC2626; }
@media (max-width: 600px) { .axc-row { grid-template-columns: 1fr; } }