/* Mobile-first responsive styles for all pages */
@media (max-width: 768px) {
  

  /* Full-width mobile container */
  .container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* Bigger body text for mobile */
  body {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }
  
  /* NAVBAR - Larger navigation links */
  .navbar-nav .nav-link {
    font-size: 1.3rem !important;
    padding: 15px 20px !important;
  }
  
  /* BANNER - Smaller Master Haitian Creole banner */
  .display-4 {
    font-size: 1.5rem !important;
  }
  
  /* HOMEPAGE - Better subtitle */
  .lead {
    font-size: 1.1rem !important;
  }
  
  /* SEARCH BAR - Bigger search input and button with matching heights */
  .form-control-lg {
    font-size: 1.3rem !important;
    padding: 18px 20px !important;
    min-height: 60px !important;
    height: 60px !important; /* Force exact height */
  }
  
  .btn-lg {
    font-size: 1.3rem !important;
    padding: 18px 25px !important;
    min-height: 60px !important;
    height: 60px !important; /* Force exact height */
  }
  
  /* SEARCH CONTAINER - Ensure alignment */
  .input-group .form-control-lg,
  .input-group .btn-lg {
    height: 60px !important;
    line-height: 1.2 !important;
  }
  
  /* SEARCH BUTTON - Specific styling */
  .btn-lg.btn-primary {
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* HOMEPAGE - Better word buttons */
  .btn.fw-bold {
    font-size: 1.1rem !important;
    padding: 12px 20px !important;
    min-height: 50px !important;
  }
  
  /* WORD DISPLAY - Bigger word title */
  h4.border {
    font-size: 1.8rem !important;
    padding: 25px 20px !important;
  }
  
  /* RESPONSIVE LAYOUT - Move related words below main content */
  .col-md-4 {
    order: 2;
    margin-top: 2rem !important;
  }
  
  .col-md-8 {
    order: 1;
  }
  
  /* Better card styling */
  .card-header {
    font-size: 1.3rem !important;
    padding: 15px !important;
  }
  
  /* Full-width newsletter on mobile */
  .newsletter-signup {
    max-width: 100% !important;
  }
  
  /* Bigger section headings */
  .fs-4 {
    font-size: 1.6rem !important;
  }
  
  /* Better spacing for definitions */
  .text-success {
    font-size: 1.1rem !important;
  }
  
  /* More generous spacing */
  .mt-5 {
    margin-top: 3rem !important;
  }
  
  /* FORMS - Better form inputs */
  .form-control {
    font-size: 18px !important;
    padding: 15px !important;
    min-height: 55px !important;
  }
  
  /* CONTACT PAGE - Better form styling */
  .form-label {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
  }
  
  /* HOMEPAGE - Full-width search container */
  .d-flex.flex-column.align-items-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* HOMEPAGE - Better word button spacing */
  .d-flex.flex-row.flex-wrap.justify-content-start.gap-2 {
    gap: 0.75rem !important;
  }
  
  .d-flex.flex-row.flex-wrap.justify-content-start.gap-2 .btn {
    margin-bottom: 0.75rem !important;
  }
}