/* Professional Pioneers v1.9.117 frontend refinements */

/* Projects archive: lighter, consistent 700 weight and no date/meta row. */
.pp-archive-page-shell .pp-archive-title,
.pp-archive-page-shell .pp-archive-card-title,
.pp-archive-page-shell .pp-archive-filter-label,
.pp-archive-page-shell .pp-work-filter-tab-title,
.pp-archive-page-shell .pp-archive-card-link {
  font-weight: 700 !important;
}

.pp-archive-page-shell .pp-archive-card-meta {
  display: none !important;
}

/* Home project More action follows the configured accent and button text colors. */
.pp-work-projects-section .pp-latest-projects-item-link {
  color: var(--pp-brand-secondary, #c8a45d) !important;
  border-color: var(--pp-brand-secondary, #c8a45d) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pp-work-projects-section .pp-latest-projects-item-link:hover,
.pp-work-projects-section .pp-latest-projects-item-link:focus-visible {
  color: var(--pp-button-text, #fff) !important;
  border-color: var(--pp-brand-secondary, #c8a45d) !important;
  background: var(--pp-brand-secondary, #c8a45d) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--pp-brand-secondary, #c8a45d) 24%, transparent) !important;
}

/* Home hero video: expanded state grows vertically and preserves the full frame. */
.pp-hero-media-wrap {
  --pp-hero-expanded-height: min(82vh, max(520px, 56.25vw));
  transition: height .75s cubic-bezier(.22, .61, .36, 1) !important;
}

.pp-hero-media-wrap.is-left-expanded {
  height: var(--pp-hero-expanded-height) !important;
}

.pp-hero-media-wrap.is-left-expanded .pp-hero-media-card-left,
.pp-hero-media-wrap.is-left-expanded .pp-hero-media-card-left.pp-is-fixed-start {
  height: var(--pp-hero-expanded-height) !important;
  max-height: 82vh !important;
  background: #000 !important;
}

.pp-hero-media-wrap.is-left-expanded .pp-hero-media-video-left {
  object-fit: contain !important;
  background: #000 !important;
}

body.pp-hero-left-video-expanded .pp-hero-showcase,
body.pp-hero-left-video-expanded .pp-hero-container,
body.pp-hero-left-video-expanded .pp-hero-right {
  overflow: visible !important;
}

/* Single project CTA is a bottom action, aligned with back navigation. */
.pp-single-project-bottom-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: clamp(34px, 5vw, 72px);
  padding-top: clamp(26px, 4vw, 48px);
  border-top: 1px solid rgba(255,255,255,.12);
}

.pp-single-project-bottom-actions .pp-single-bottom-navigation {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html[dir="rtl"] .pp-single-project-bottom-actions {
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .pp-hero-media-wrap {
    --pp-hero-expanded-height: min(70vh, 540px);
  }

  .pp-hero-media-wrap.is-left-expanded .pp-hero-media-card-left,
  .pp-hero-media-wrap.is-left-expanded .pp-hero-media-card-left.pp-is-fixed-start {
    max-height: 70vh !important;
  }

  .pp-single-project-bottom-actions,
  html[dir="rtl"] .pp-single-project-bottom-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pp-single-project-bottom-actions .pp-page-btn,
  .pp-single-project-bottom-actions .pp-single-bottom-navigation,
  .pp-single-project-bottom-actions .pp-single-bottom-navigation .pp-page-btn {
    width: 100% !important;
  }
}
