/* ==========================================================================
   Tablet Responsive Styles (max-width: 991px)
   ========================================================================== */

@media (max-width: 991px) {
    /* Layout adjustments */
    .main-container {
        width: 90%;
    }

    #app {
        padding: 2rem 2.5rem;
 }

    /* Typography improvements */
 h1, .display-5 {
        font-size: 1.75rem !important;
line-height: 1.3;
  margin-bottom: 1.5rem !important;
    }

    h2, .h4 {
        font-size: 1.25rem !important;
      line-height: 1.4;
    }

    body {
        font-size: 0.95rem;
    }

/* Button improvements */
    .btn {
        font-size: 0.95rem;
      padding: 0.65rem 1rem;
        min-height: 44px;
    }

    .btn-lg {
        font-size: 1rem;
     padding: 0.75rem 1.25rem;
    }
}

/* Desktop footer - keep compact */
@media (min-width: 769px) {
  .fresh-footer {
  padding: 0.6rem 0;
    }

    .footer-links {
      gap: 1.25rem;
    }

    .footer-links a {
    font-size: 0.8rem;
    }

 .copyright {
        font-size: 0.75rem;
    }
}