.home-search-btn .msw-trigger.msw-trigger {
  width: 600px !important;
  height: 50px;
}

.home-search-btn span.msw-trigger__text {
  text-align: left;
}

.home-search-btn .msw-trigger.msw-trigger:hover {
  transform: scale(1.015);
}

.project-card:hover {
  transform: scale(1.025);
}

.project-card {
  position: relative;
}

.project-card::before {
  content: '';
  position: absolute;
  top: -12px;
  display: block;
  width: 90%;
  height: 30px;
  background: #f3f5f7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  left: 50%;
  transform: translate(-50%, 0%);
}

/* Bouton "Voir plus" — couleurs primary Elementor (cohérent avec les
   autres CTAs du site : badges actifs, expand filtres, etc.). */
.msw-load-more-standalone .msw-load-more {
  background: var(--e-global-color-primary) !important;
  border: 1px solid var(--e-global-color-primary) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 12px 32px !important;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--e-global-color-primary) 20%, transparent);
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease,
    transform 0.15s ease,
    box-shadow 0.2s ease !important;
}

.msw-load-more-standalone .msw-load-more:hover:not(:disabled) {
  background: transparent !important;
  color: var(--e-global-color-primary) !important;
  border-color: var(--e-global-color-primary) !important;
  transform: scale(1.02);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--e-global-color-primary) 28%, transparent);
}

.msw-load-more-standalone .msw-load-more--loading {
  opacity: 0.75 !important;
}

.project-card h3 {
  text-align: center;
}

@media all and (max-width: 768px) {
  .home-search-btn .msw-trigger.msw-trigger {
    width: 100% !important;
  }
}