/* What-We-Do gallery: mobile "Show More" collapse
   Hides items 3+ until JS adds .wwd-collapsible markers,
   so there's no flash of all items on load. */

@media (max-width: 767px) {
  .wwd-collapsible.is-collapsed
    .elementor-gallery__container
    > .elementor-gallery-item:nth-child(n+3) {
    display: none;
  }
  .wwd-collapsible:not(.is-collapsed)
    .elementor-gallery__container
    > .elementor-gallery-item:nth-child(n+3) {
    animation: wwd-fade-in 320ms ease-out both;
  }
  @keyframes wwd-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

@media (min-width: 768px) {
  .wwd-show-more-wrap { display: none !important; }
}

.wwd-show-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1.25rem 0 0.5rem;
}

.wwd-show-more-btn {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  background: #fff;
  border: 1.5px solid #001948;
  border-radius: 999px;
  color: #001948;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.65em;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  min-height: 44px;
  padding: 0.7em 1.6em;
  text-transform: uppercase;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 220ms ease,
    transform 120ms ease;
}

.wwd-show-more-btn::after {
  content: '';
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform 280ms cubic-bezier(.65,.05,.36,1);
}

.wwd-show-more-btn[aria-expanded="true"]::after {
  transform: rotate(-135deg) translate(-2px, -2px);
}

.wwd-show-more-btn:hover {
  background: #F46C22;
  border-color: #F46C22;
  color: #fff;
  box-shadow: 0 10px 24px -12px rgba(244, 108, 34, 0.55);
}

.wwd-show-more-btn:active {
  transform: translateY(1px);
  box-shadow: 0 4px 10px -6px rgba(244, 108, 34, 0.55);
}

.wwd-show-more-btn:focus-visible {
  outline: 2px solid #F46C22;
  outline-offset: 3px;
}