/*
Theme Name: AutoBueno
Author: Admin
Description: Tema baseado no meu site HTML
Version: 1.0
*/


/* 
  Mobile-specific overrides and adjustment
  This file is for additional mobile-only tweaks
*/

/* Additional mobile menu animations */
@media (max-width: 768px) {
  /* Smooth scrolling for mobile */
  html {
    scroll-behavior: smooth;
  }

  /* Prevent unwanted scrolling behaviors */
  body {
    overflow-x: hidden;
    overscroll-behavior-y: none; /* Prevents pull-to-refresh */
    position: relative; /* Creates new context for fixed elements */
    width: 100%; /* Ensures proper width calculation */
  }

  /* Improve tap targets */
  a,
  button {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Better text rendering on mobile */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

  /* Prevent text size adjustment on orientation change */
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Improve touch scrolling */
  .main-nav,
  .gallery-container {
    -webkit-overflow-scrolling: touch;
  }
}

/* Very Small Devices */
@media (max-width: 360px) {
  .container {
    padding: 0 10px;
  }

  .logo img {
    height: 35px;
  }

  .hero-logo {
    max-width: 200px;
  }

  .section-title {
    font-size: 1.3rem;
  }

  .footer-social .social-icon {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
  }
}