/**
 * Desktop Stretch Fix
 * Restores full-width behavior for stretched sections on desktop
 * without breaking mobile layout
 */

/* DESKTOP ONLY - Do not modify this section */
@media (min-width: 1025px) {
  /* Full-width breakout - centered properly */
  .elementor-section.elementor-section-stretched.elementor-top-section {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
  }
}

/* MOBILE FIX - Reduce excessive padding */
@media (max-width: 767px) {
  /* Remove padding from main container */
  main.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Full width for stretched sections with minimal padding */
  .elementor-section-stretched {
    width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Reduce element-populated padding */
  .elementor-section-stretched .elementor-element-populated {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  /* Override all Elementor-specific padding in mobile */
  .elementor-2 .elementor-element.elementor-element-7e438f7 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Ensure container doesn't restrict width */
  .elementor-section-stretched > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
  }
}