/* ===========================================
   LoanWarehouse AI - Mobile Optimization CSS
   Scoped with max-width media queries ONLY
   Safe for desktop views
=========================================== */

/* Base Mobile Layout Adjustments */
@media (max-width: 768px) {
  body {
    padding: 0 15px;
    overflow-x: hidden;
  }

  /* Header Nav Tweaks */
  .navbar-header {
    width: 100%;
  }

  .navbar .logo-display {
    max-width: 120px;
    height: auto;
  }

  /* HIDE BANNER ELEMENTS ON MOBILE */
  .banner-style-two .thumb img {
    display: none !important;
  }

  .banner-app-features {
    display: none !important;
  }

  /* HIDE PRICING TABLE ON MOBILE */
  .pricing-table-area {
    display: none !important;
  }

  /* Banner Section Adjustments */
  .banner-style-two .content .row > div {
    width: 100% !important;
    text-align: center;
    margin-bottom: 20px;
  }

  /* Feature Cards Stack */
  .feature-style-two,
  .process-style-one,
  .services-style-two,
  .soft-details-item {
    width: 100% !important;
    margin-bottom: 30px;
  }

  /* Typography Scaling */
  h1, h2, h3, h4 {
    font-size: clamp(1.25rem, 5vw, 2rem);
    line-height: 1.3;
  }

  p, li {
    font-size: 1rem;
  }

  /* Forms */
  .contact-form .form-group {
    margin-bottom: 20px;
  }

  .trial-form {
    padding: 0 10px;
  }

  /* Footer (if implemented later) */
  footer {
    text-align: center;
    padding: 30px 10px;
  }

  /* Disable animations for performance */
  .wow, .fadeInUp, .fadeInDown, .animation-preloader {
    animation: none !important;
    opacity: 1 !important;
  }
}