/* Professional Pioneers v1.9.108
   Mobile archive dropdown stacking, selected-state clarity,
   and final bottom-only back navigation. */

/* Keep archive dropdowns above summaries and project cards. */
.pp-projects-archive-section,
.pp-projects-archive-container,
.pp-archive-toolbar {
  overflow: visible !important;
}

.pp-projects-archive-container {
  position: relative !important;
}

.pp-archive-toolbar {
  z-index: 1000 !important;
  isolation: isolate !important;
}

.pp-archive-toolbar.is-mobile-filter-open {
  z-index: 20000 !important;
}

.pp-archive-summary,
.pp-archive-grid,
.pp-archive-bottom-navigation {
  position: relative;
  z-index: 1;
}

/* Back navigation belongs at the end of content, never inside a hero/header. */
.pp-archive-hero-actions .pp-page-btn-secondary,
.pp-single-project-hero-actions .pp-page-btn-secondary,
.pp-single-hero-banner .pp-single-bottom-back-link {
  display: none !important;
}

.pp-archive-bottom-navigation {
  margin-top: clamp(34px, 5vw, 70px) !important;
}

@media (max-width: 767px) {
  .pp-archive-mobile-filter {
    z-index: 20010 !important;
    isolation: isolate !important;
  }

  .pp-archive-mobile-filter-menu {
    z-index: 20020 !important;
    overflow-x: hidden !important;
  }

  .pp-archive-mobile-filter-trigger.has-selection {
    border-color: rgba(255,202,69,.72) !important;
    background: linear-gradient(145deg, rgba(255,202,69,.2), rgba(255,255,255,.065)) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.3), 0 0 0 1px rgba(255,202,69,.12), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  .pp-archive-mobile-filter-trigger.has-selection .pp-archive-mobile-filter-icon {
    border-color: rgba(255,202,69,.56) !important;
    background: rgba(255,202,69,.16) !important;
  }

  .pp-archive-mobile-filter-trigger.has-selection .pp-archive-mobile-filter-helper {
    color: rgba(255,220,132,.82) !important;
  }

  .pp-archive-mobile-filter-option.is-selected,
  .pp-archive-mobile-filter-option[aria-selected="true"] {
    border-color: rgba(255,202,69,.78) !important;
    background: linear-gradient(135deg, rgba(255,202,69,.24), rgba(255,202,69,.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,202,69,.12), 0 10px 26px rgba(0,0,0,.2) !important;
  }

  .pp-archive-mobile-filter-option.is-selected .pp-archive-mobile-option-icon,
  .pp-archive-mobile-filter-option[aria-selected="true"] .pp-archive-mobile-option-icon {
    border-color: rgba(255,202,69,.62) !important;
    background: rgba(255,202,69,.18) !important;
  }

  .pp-archive-mobile-filter-option.is-selected .pp-archive-mobile-option-title,
  .pp-archive-mobile-filter-option[aria-selected="true"] .pp-archive-mobile-option-title {
    color: #ffdc84 !important;
  }

  .pp-archive-mobile-option-check {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #ffca45;
    color: #111 !important;
    font-size: 17px !important;
    font-weight: 900;
  }

  .pp-archive-bottom-navigation {
    margin-top: 34px !important;
  }
}