/* =========================================================
   Professional Pioneers v1.9.96
   Scoped footer, Projects sizing and section-title alignment.
   Loaded after v1.9.93 so it can be removed independently.
========================================================= */

/* Footer logo: 50% of the previous rendered sizes. */
.pp-main-footer .pp-footer-logo {
  width: 75px !important;
  max-width: 75px !important;
  height: auto !important;
}

/* Equal Bootstrap-style col-6 / col-6 Projects layout. */
.pp-work-projects-section .pp-latest-projects-layout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
  align-items: stretch !important;
}

/* Project preview/video: 30% smaller than v1.9.93. */
.pp-work-projects-section .pp-latest-projects-preview {
  height: clamp(350px, 30.8vw, 448px) !important;
  min-height: 350px !important;
}

.pp-work-projects-section .pp-latest-projects-list {
  max-height: clamp(350px, 30.8vw, 448px) !important;
}

/* Project cover: approximately 70% smaller in width while
   preserving the existing title -> cover -> details order. */
.pp-work-projects-section .pp-latest-projects-item-thumb {
  width: 30% !important;
  min-width: 108px !important;
  max-width: 180px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  align-self: flex-start !important;
}

html[dir="rtl"] .pp-work-projects-section .pp-latest-projects-item-thumb {
  align-self: flex-end !important;
}

/* Match the vertical alignment, icon box and title rhythm of
   all main homepage section headings. */
.pp-partners-section .pp-partners-header,
.pp-work-projects-section .pp-work-header,
.pp-services-section .pp-services-header,
.pp-stats-section .pp-stats-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  min-height: 54px !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pp-partners-section .pp-partners-title-img,
.pp-work-projects-section .pp-work-title-img,
.pp-services-section .pp-services-title-icon,
.pp-stats-section .pp-stats-title-icon {
  display: block !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
}

.pp-partners-section .pp-partners-title,
.pp-work-projects-section .pp-work-title,
.pp-services-section .pp-services-title,
.pp-stats-section .pp-stats-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}

.pp-work-projects-section .pp-work-heading-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pp-work-projects-section .pp-work-projects-intro {
  margin: 4px 0 0 !important;
  line-height: 1.35 !important;
}

@media (max-width: 991px) {
  .pp-work-projects-section .pp-latest-projects-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pp-work-projects-section .pp-latest-projects-preview {
    height: 322px !important;
    min-height: 322px !important;
  }

  .pp-work-projects-section .pp-latest-projects-list {
    max-height: 322px !important;
  }

  .pp-main-footer .pp-footer-logo {
    width: 65px !important;
    max-width: 65px !important;
  }
}

@media (max-width: 767px) {
  .pp-work-projects-section .pp-latest-projects-layout {
    grid-template-columns: 1fr !important;
  }

  .pp-work-projects-section .pp-latest-projects-preview {
    height: 238px !important;
    min-height: 238px !important;
  }

  .pp-work-projects-section .pp-latest-projects-list {
    max-height: 520px !important;
  }

  .pp-work-projects-section .pp-latest-projects-item-thumb {
    width: 30% !important;
    min-width: 96px !important;
    max-width: 138px !important;
  }

  .pp-main-footer .pp-footer-logo {
    width: 56px !important;
    max-width: 56px !important;
  }

  .pp-partners-section .pp-partners-header,
  .pp-work-projects-section .pp-work-header,
  .pp-services-section .pp-services-header,
  .pp-stats-section .pp-stats-header {
    min-height: 48px !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .pp-partners-section .pp-partners-title-img,
  .pp-work-projects-section .pp-work-title-img,
  .pp-services-section .pp-services-title-icon,
  .pp-stats-section .pp-stats-title-icon {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
}

@media (max-width: 430px) {
  .pp-work-projects-section .pp-latest-projects-preview {
    height: 203px !important;
    min-height: 203px !important;
  }

  .pp-main-footer .pp-footer-logo {
    width: 49px !important;
    max-width: 49px !important;
  }
}
