/* Mobile Menu Size Optimization for All Pages */
@media (max-width: 768px) {
  html body .mobile-menu .mobile-menu-link,
  html body .mobile-menu-content .mobile-menu-link {
    font-size: 0.95rem !important; /* Reduced from 1.1rem */
    font-weight: 400 !important;
    letter-spacing: 1.2px !important; /* Reduced from 1.5px */
    padding: 12px 0 !important; /* Reduced from 16px */
    margin: 6px 0 !important; /* Reduced from 8px */
  }
  
  /* Style CONTACT US button specially */
  html body .mobile-menu .mobile-menu-link[href="contact.html"],
  html body .mobile-menu .mobile-menu-link:nth-last-child(1),
  html body .mobile-menu .mobile-menu-link:last-child,
  body .mobile-menu .mobile-menu-link[href="contact.html"],
  body .mobile-menu-content .mobile-menu-link[href="contact.html"],
  .mobile-menu-content a[href="contact.html"],
  .mobile-menu a[href="contact.html"],
  .mobile-menu-link.contact-button,
  html body .mobile-menu .mobile-menu-link.contact-button,
  body .mobile-menu-content .mobile-menu-link.contact-button {
    background-color: #f1681d !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 12px 30px !important; /* Reduced padding for more compact size */
    margin: 16px 0 !important; /* Reduced margin */
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(241, 104, 29, 0.3) !important;
    transition: all 0.3s ease !important;
    max-width: 250px !important; /* Reduced from 280px */
    text-align: center !important;
    border: 2px solid #f1681d !important;
    display: inline-block !important;
  }
  
  html body .mobile-menu .mobile-menu-link[href="contact.html"]:hover,
  html body .mobile-menu .mobile-menu-link:nth-last-child(1):hover,
  html body .mobile-menu .mobile-menu-link:last-child:hover,
  html body .mobile-menu .mobile-menu-link[href="contact.html"]:focus,
  html body .mobile-menu .mobile-menu-link:nth-last-child(1):focus,
  html body .mobile-menu .mobile-menu-link:last-child:focus,
  body .mobile-menu .mobile-menu-link[href="contact.html"]:hover,
  body .mobile-menu-content .mobile-menu-link[href="contact.html"]:hover,
  .mobile-menu-content a[href="contact.html"]:hover,
  .mobile-menu a[href="contact.html"]:hover,
  body .mobile-menu .mobile-menu-link[href="contact.html"]:focus,
  body .mobile-menu-content .mobile-menu-link[href="contact.html"]:focus,
  .mobile-menu-content a[href="contact.html"]:focus,
  .mobile-menu a[href="contact.html"]:focus,
  .mobile-menu-link.contact-button:hover,
  .mobile-menu-link.contact-button:focus,
  html body .mobile-menu .mobile-menu-link.contact-button:hover,
  html body .mobile-menu .mobile-menu-link.contact-button:focus,
  body .mobile-menu-content .mobile-menu-link.contact-button:hover,
  body .mobile-menu-content .mobile-menu-link.contact-button:focus {
    background-color: #d55a18 !important;
    color: #fff !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 6px 16px rgba(241, 104, 29, 0.4) !important;
  }
}

/* Additional styles for smaller screens */
@media (max-width: 375px) {
  html body .mobile-menu .mobile-menu-link,
  body .mobile-menu-content .mobile-menu-link,
  .mobile-menu .mobile-menu-link,
  .mobile-menu-content .mobile-menu-link {
    font-size: 0.85rem !important; /* Even smaller on very small screens */
    padding: 10px 0 !important; /* More compact spacing */
    margin: 5px 0 !important; /* Tighter margins */
    letter-spacing: 1px !important; /* Reduced letter spacing */
  }
  
  html body .mobile-menu .mobile-menu-link[href="contact.html"],
  html body .mobile-menu .mobile-menu-link:last-child,
  body .mobile-menu .mobile-menu-link[href="contact.html"],
  body .mobile-menu-content .mobile-menu-link[href="contact.html"],
  .mobile-menu-content a[href="contact.html"],
  .mobile-menu a[href="contact.html"],
  .mobile-menu-link.contact-button,
  html body .mobile-menu .mobile-menu-link.contact-button,
  body .mobile-menu-content .mobile-menu-link.contact-button {
    padding: 10px 25px !important;
    font-size: 0.85rem !important;
    max-width: 200px !important;
  }
}

/* Direct styling for contact button regardless of media query */
.mobile-menu-link.contact-button {
  background-color: #f1681d !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  margin: 16px 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(241, 104, 29, 0.3) !important;
  transition: all 0.3s ease !important;
  max-width: 250px !important;
  text-align: center !important;
  border: 2px solid #f1681d !important;
  display: inline-block !important;
}

.mobile-menu-link.contact-button:hover,
.mobile-menu-link.contact-button:focus {
  background-color: #d55a18 !important;
  color: #fff !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 6px 16px rgba(241, 104, 29, 0.4) !important;
}

/* Mobile Navbar Size Optimization */
@media (max-width: 900px) {
  /* Reduce mobile logo size */
  .mobile-navbar-top .logo {
    height: 75px !important; /* Reduced from 100px */
    min-height: 75px !important;
    padding: 0 !important; /* Remove any padding */
    margin: 0 !important; /* Remove any margin */
  }
  
  .mobile-navbar-top .logo img {
    height: 75px !important; /* Reduced from 120px */
    min-height: 75px !important;
    padding: 5px 0 !important; /* Reduce vertical padding */
  }
  
  /* Shrink mobile navbar container */
  .mobile-navbar-top {
    min-height: 75px !important; /* Reduced from 100px */
    max-height: 75px !important;
    height: 75px !important;
    padding: 0 4px !important; /* Reduce horizontal padding */
  }
  
  /* Adjust navbar position */
  #navbar {
    top: 15px !important; /* Slightly adjusted from 18px */
  }
  
  /* Adjust body padding to account for smaller navbar */
  body {
    padding-top: 75px !important; /* Reduced from 100px */
    /* Note: Bottom padding is controlled by mobile-navbar-fix.css */
  }
  
  /* Adjust hero positioning to match */
  #hero {
    margin-top: -75px !important; /* Reduced from -100px */
    padding-top: 75px !important; /* Reduced from 100px */
  }
  
  /* Make hamburger slightly smaller */
  .hamburger {
    width: 28px !important;
    height: 20px !important;
  }
  
  .hamburger-bar {
    width: 28px !important;
  }
}