/* ==========================================================================
   JoomlaHelpNow — Main Stylesheet
   Import order matters: tokens → reset/type → layout → components → motion.
   Page-specific stylesheets (e.g. home.css) are appended last by the page
   itself if needed, so they can override component defaults intentionally.
   ========================================================================== */

@import url("variables.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("animations.css");

/* Vedrixa Forms integration: retain the original lead-form presentation. */
.lead-form .wefb-frontend-form-wrapper, .lead-form .wefb-frontend-form { display: grid; gap: var(--space-3); }
.lead-form .wefb-frontend-form-wrapper,
.lead-form .wefb-frontend-form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.lead-form .wefb-frontend-form { font-family: inherit !important; }
.lead-form .wefb-section { display: grid; gap: var(--space-3) !important; margin: 0 !important; }
.lead-form .wefb-section.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lead-form .wefb-field { display: grid; gap: var(--space-1) !important; }
.lead-form .wefb-form-actions { display: block; margin: 0 !important; padding: 0 !important; }
.lead-form .wefb-form-actions button {
  width: 100%; margin-top: var(--space-1); padding: 1rem 2rem;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-body); font-size: var(--fs-base); font-weight: var(--fw-semibold);
  line-height: inherit; color: var(--white) !important; background-color: var(--purple-600) !important;
  border: 1px solid transparent; border-radius: var(--radius-md); box-shadow: var(--shadow-purple);
  cursor: pointer; transition: transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);
}
.lead-form .wefb-form-actions button:hover { color: var(--white) !important; background-color: var(--purple-700) !important; box-shadow: 0 16px 32px rgba(109, 58, 174, .3); transform: translateY(-1px); }
.lead-form .wefb-form-actions button:active { transform: translateY(0); }
.lead-form .wefb-form-actions button:focus-visible { outline: 2px solid var(--purple-300); outline-offset: 3px; }
.lead-form .wefb-success { margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); color: var(--teal-600); background: var(--teal-100); }
@media (max-width: 480px) { .lead-form .wefb-section.columns-2 { grid-template-columns: 1fr; } }