/* ClassWaze Final Shared Responsive Baseline */
html { -webkit-text-size-adjust: 100%; }

@media (max-width: 540px) {
  .cw-ui-btn { width: auto; max-width: 100%; white-space: nowrap; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* ============================================================================
   CLASSWAZE FINAL MOBILE FOOTER + FEATURES CTA FIX
   --------------------------------------------------------------------------
   Footer:
   - Brand / description / social icons: centered on mobile.
   - Quick Navigation / Academy Verticals / Official Contacts: left aligned.
   - Copyright + legal links: centered.

   Features CTA:
   - Dashboard Demo remains a normal pill button on mobile.
   - Prevents inherited/floating sizing from turning it into an oversized circle.
   - Text and arrow always remain inside the button.
   ========================================================================== */
@media (max-width: 680px) {
  /* Footer brand block only */
  #cw-footer-section .cwft-col-brand {
    align-items: center;
    text-align: center;
  }

  #cw-footer-section .cwft-brand-desc {
    margin-inline: auto;
    text-align: center;
  }

  #cw-footer-section .cwft-socials {
    justify-content: center;
  }

  /* Keep the navigation, verticals and official contact sections left aligned */
  #cw-footer-section .cwft-col-links,
  #cw-footer-section .cwft-col-contact {
    text-align: left;
    align-items: flex-start;
  }

  #cw-footer-section .cwft-col-links h4,
  #cw-footer-section .cwft-col-contact h4,
  #cw-footer-section .cwft-links-list,
  #cw-footer-section .cwft-contact-items {
    text-align: left;
  }

  /* Bottom legal area */
  #cw-footer-section .cwft-bottom {
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #cw-footer-section .cwft-copy-text {
    width: 100%;
    text-align: center;
  }

  #cw-footer-section .cwft-legal-links {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* Dashboard Demo: fixed, content-sized mobile pill — never a circle */
  #cw-features-demo .cw-fd-cta-center {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #cw-features-demo .cw-fd-btn {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    width: auto !important;
    height: 44px !important;
    min-width: 218px !important;
    max-width: calc(100% - 4px) !important;
    min-height: 44px !important;
    max-height: 44px !important;
    aspect-ratio: auto !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    line-height: 1.15;
    overflow: hidden;
  }

  #cw-features-demo .cw-fd-btn > span {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  #cw-features-demo .cw-fd-btn svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }
}

@media (max-width: 360px) {
  #cw-features-demo .cw-fd-btn {
    min-width: 0 !important;
    width: min(100%, 218px) !important;
    padding-inline: 14px !important;
    font-size: 13px;
  }
}