/* Tablet landscape-specific fixes to prevent left-side clipping */

@media (min-width: 768px) and (max-width: 1368px) and (orientation: landscape) {
  /* Prevent horizontal overflow from any element */
  html, body {
    overflow-x: hidden !important;
    /* margin:15px !important; */
  }

  .site-footer
  {
    padding:60px !important;
  }
  .site-content
  {
    margin:15px !important;
    padding:30px !important;
  }
  .site-header
  {
    padding:30px !important;
  }


  /* Avoid 100vw scrollbar-induced overflow on iPad/Safari */
  .menu-overlay {
    width: 100% !important; /* override 100vw */
    left: 0 !important;
    right: 0 !important;
  }

  /* Prevent any fixed element using 100vw from causing horizontal overflow */
  [style*="100vw"],
  .w-100vw,
  .full-viewport-width {
    width: 100% !important;
  }

  /* Respect device safe areas (notch) where present */
  .container, .container-fluid {
    padding-left: max(1rem, env(safe-area-inset-left)) !important;
    padding-right: max(1rem, env(safe-area-inset-right)) !important;
  }

  /* Prevent main header from nudging layout horizontally */
  
}