/* FORCE REMOVE ALL GAPS - حل قاهر لإزالة جميع المسافات */
/* هذا الملف يجب أن يكون الأخير في الترتيب */

@media (max-width: 768px) {
  /* Override ALL contact section padding and margins */
  #contact,
  .contact-section,
  .section.contact,
  #contact.section.alt {
    padding-top: 60px !important;
    padding-bottom: 120px !important;
    margin-top: 0 !important;
    margin-bottom: -50px !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 120vh !important;
  }
  
  /* Override ALL footer styles */
  .footer,
  .site-footer,
  footer {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    margin: 0 !important;
    margin-top: -30px !important;
    padding: 40px 15px !important;
    position: relative !important;
    z-index: 20 !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .footer p,
  .site-footer p,
  footer p {
    color: #ffffff !important;
    opacity: 0.9 !important;
    margin: 0 !important;
  }
  
  /* Force body background and remove scrollbars */
  html, body {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Remove ALL gaps after contact section */
  #contact ~ *,
  .contact-section ~ *,
  #contact + *,
  .contact-section + * {
    margin-top: -50px !important;
    padding-top: 0 !important;
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Force override any conflicting styles */
  *:not(#contact):not(.contact-section):not(.footer):not(.site-footer):not(footer) {
    margin-bottom: 0 !important;
  }
  
  #contact *,
  .contact-section * {
    margin-bottom: 0 !important;
  }
  
  /* Ultimate force - remove any white space */
  #contact::after,
  .contact-section::after,
  .footer::after,
  .site-footer::after {
    content: '' !important;
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hide scrollbars completely */
  ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
}

@media (max-width: 480px) {
  #contact,
  .contact-section,
  .section.contact,
  #contact.section.alt {
    margin-bottom: -60px !important;
    padding-bottom: 100px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 120vh !important;
  }
  
  .footer,
  .site-footer,
  footer {
    margin-top: -40px !important;
    padding: 30px 15px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #contact ~ *,
  .contact-section ~ * {
    margin-top: -60px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 360px) {
  #contact,
  .contact-section,
  .section.contact,
  #contact.section.alt {
    margin-bottom: -70px !important;
    padding-bottom: 90px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 120vh !important;
  }
  
  .footer,
  .site-footer,
  footer {
    margin-top: -50px !important;
    padding: 25px 15px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #contact ~ *,
  .contact-section ~ * {
    margin-top: -70px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}