/* ===== MediusIQ Get Started CTA – White text + Orange accent ===== */

.menu-get-started a,
a.menu-get-started {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 10px 24px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  /* Subtle dark background that matches site */
  background: rgba(15,23,42,.65) !important;

  /* White text */
  color: #ffffff !important;

  /* Orange outline (warm, professional) */
  border: 2px solid #e95e2a !important;

  box-shadow: inset 0 0 0 1px rgba(245,158,11,.25) !important;

  transition: background .2s ease,
              border-color .2s ease,
              transform .2s ease !important;
}

/* Icon (bolt) */
.menu-get-started a i,
a.menu-get-started i {
  color: #e95e2a !important; /* same orange as outline */
  transition: transform .2s ease !important;
}

/* Hover */
.menu-get-started a:hover,
a.menu-get-started:hover {
  background: rgba(15,23,42,.85) !important;
  border-color: #e95e2a !important; /* slightly lighter orange */
  transform: translateY(-1px) !important;
}

/* Icon motion */
.menu-get-started a:hover i,
a.menu-get-started:hover i {
  transform: translateX(4px) !important;
}

/* Match Get Started size to Contact button */
.menu-get-started a,
a.menu-get-started {
  padding: 12px 26px !important;   /* ⬅️ height + width */
  min-height: 44px !important;     /* consistent button height */
  line-height: 1.2 !important;
  font-size: 16px !important;      /* match Contact button text size */
  border-radius: 999px !important;
}

/* ===== Mobile: Match Get Started to Contact button ===== */
@media (max-width: 768px) {

  .menu-get-started a,
  a.menu-get-started {
    width: 100% !important;          /* full width like Contact */
    justify-content: center !important;

    padding: 14px 24px !important;   /* taller mobile-friendly */
    min-height: 52px !important;

    font-size: 17px !important;
    border-radius: 999px !important;
  }

  /* Slight icon spacing polish */
  .menu-get-started a i,
  a.menu-get-started i {
    margin-left: 6px;
  }
}






/* ===== Mobile menu CTA spacing + emphasis ===== */
@media (max-width: 768px) {

  /* 1) Subtle divider spacing between Get Started + Contact */
  .menu-get-started a,
  a.menu-get-started {
    margin-bottom: 12px !important;   /* space under Get Started */
  }

  /* If your theme wraps items as li's, this helps too */
  li.menu-get-started {
    margin-bottom: 12px !important;
  }

  /* 2) Emphasis animation when the mobile menu opens
     (tries common "menu open" classes across themes/builders) */
  body.menu-open .menu-get-started a,
  body.offcanvas-open .menu-get-started a,
  body.mobile-menu-open .menu-get-started a,
  body.nav-open .menu-get-started a,
  body.mm-wrapper_opened .menu-get-started a {
    animation: miqCtaPop .45s ease-out both;
  }

  body.menu-open .menu-get-started a i,
  body.offcanvas-open .menu-get-started a i,
  body.mobile-menu-open .menu-get-started a i,
  body.nav-open .menu-get-started a i,
  body.mm-wrapper_opened .menu-get-started a i {
    animation: miqIconNudge .55s ease-out .1s both;
  }
}

/* Pop-in (subtle) */
@keyframes miqCtaPop {
  0%   { opacity: 0; transform: translateY(10px) scale(.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Icon nudge */
@keyframes miqIconNudge {
  0%   { transform: translateX(0); }
  60%  { transform: translateX(5px); }
  100% { transform: translateX(0); }
}