/* =====================================================================
 *   SP Nexwork UI Fixes - Layout & Visibility Corrections
 * =================================================================== */

/* Fix 1: Ensure #full-container doesn't clip content */
#full-container {
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  max-width: 100%;
}

/* Fix 2: Proper section closure for banner */
#banner.section-flat {
  position: relative;
  z-index: 1;
}

/* Fix 3: Ensure about section starts fresh */
#about.section-flat {
  position: relative;
  z-index: 2;
  background-color: #fff;
  clear: both;
}

/* Fix 4: Division cards - ensure full visibility */
.spnx-division-card {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.spnx-division-card ul {
  max-height: none;
  overflow: visible;
}

.spnx-division-card ul li {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}

/* Fix 5: Service cards visibility */
.spnx-service-card {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.spnx-service-card p {
  overflow: visible;
  text-overflow: clip;
}

/* Fix 6: Process cards visibility */
.spnx-process-card {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.spnx-process-card p {
  overflow: visible;
  white-space: normal;
}

/* Fix 7: Commitment cards */
.spnx-commitment-card {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.spnx-commitment-card p {
  overflow: visible;
}

/* Fix 8: Timeline visibility */
.spnx-timeline {
  position: relative;
  z-index: 1;
}

.spnx-timeline li {
  overflow: visible;
}

.spnx-timeline li .desc {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}

/* Fix 9: Footer content visibility */
#footer {
  overflow: visible;
  position: relative;
  z-index: 1;
}

.footer-bar {
  overflow: visible;
}

.footer-bar .fb-row {
  overflow: visible;
}

/* Fix 10: Header positioning */
#header {
  position: relative;
  z-index: 100;
}

#header-bar-1 {
  position: absolute;
  z-index: 100;
}

/* Fix 11: Contact info boxes */
.box-contact-info-1 {
  overflow: visible;
}

.box-contact-info-1 .box-content {
  overflow: visible;
}

.box-contact-info-1 .box-content p {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}

/* Fix 12: Quick links */
.spnx-quick-links {
  overflow: visible;
}

.spnx-quick-links li {
  overflow: visible;
}

.spnx-quick-links li a {
  overflow: visible;
  white-space: normal;
  display: inline-block;
}

/* Fix 13: Floating WhatsApp button */
.spnx-float-wa {
  z-index: 9999;
}

/* Fix 14: Stats boxes */
.spnx-stat-box {
  overflow: visible;
}

.spnx-stat-box .stat-label {
  overflow: visible;
  white-space: normal;
}

/* Fix 15: Founder quote */
.spnx-founder-quote {
  overflow: visible;
}

.spnx-founder-quote blockquote {
  overflow: visible;
}

/* Fix 16: Client cards */
.spnx-client-card {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
}

/* Fix 17: Parallax sections */
.banner-parallax {
  overflow: visible;
}

.banner-parallax .slide-content {
  overflow: visible;
}

/* Fix 18: Section content */
.section-flat .section-content {
  overflow: visible;
  position: relative;
}

/* Fix 19: Overlay elements */
.overlay-colored,
.overlay-pattern {
  overflow: visible;
}

/* Fix 20: Loading progress */
#loading-progress {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
}

/* Responsive fixes for mobile */
@media (max-width: 768px) {
  .spnx-division-card {
    padding: 30px 20px;
  }
  
  .spnx-division-card ul li {
    font-size: 14px;
  }
  
  .spnx-service-card {
    padding: 25px 20px;
  }
  
  .spnx-process-card {
    padding: 25px 15px;
  }
  
  .spnx-commitment-card {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .spnx-division-card {
    padding: 25px 15px;
  }
  
  .spnx-division-card h3 {
    font-size: 20px;
  }
  
  .spnx-division-card .subtitle {
    font-size: 14px;
  }
  
  .spnx-service-card h5 {
    font-size: 16px;
  }
  
  .spnx-process-card h5 {
    font-size: 14px;
  }
  
  .spnx-commitment-card h5 {
    font-size: 15px;
  }
  
  .box-contact-info-1 .box-content p {
    font-size: 13px;
  }
}