/* Mr. Engineering V6.2.4
 * High-contrast action buttons + reliable project-card controls.
 */

:root{
  --mre-action-gold:#D6A93A;
  --mre-action-gold-hover:#E5BC55;
  --mre-action-navy:#081B33;
}

/* A single, unmistakable primary action across the whole site. */
.mre-btn--primary,
button.mre-btn--primary,
input.mre-btn--primary{
  background:var(--mre-action-gold)!important;
  border-color:var(--mre-action-gold)!important;
  color:var(--mre-action-navy)!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(214,169,58,.22);
}
.mre-btn--primary:hover,
.mre-btn--primary:focus-visible{
  background:var(--mre-action-gold-hover)!important;
  border-color:var(--mre-action-gold-hover)!important;
  color:var(--mre-action-navy)!important;
  box-shadow:0 13px 30px rgba(214,169,58,.34)!important;
}

/* Outline buttons use navy on light surfaces. */
.mre-btn--outline{
  background:transparent!important;
  border-color:var(--mre-action-navy)!important;
  color:var(--mre-action-navy)!important;
  opacity:1!important;
}
.mre-btn--outline:hover,
.mre-btn--outline:focus-visible{
  background:var(--mre-action-navy)!important;
  border-color:var(--mre-action-navy)!important;
  color:#fff!important;
}

/* Outline buttons stay fully visible on navy, image and dark sections. */
.mre-section--dark .mre-btn--outline,
.mre-cta .mre-btn--outline,
.mre-video-hero .mre-btn--outline,
.mre-page-hero .mre-btn--outline,
.mre-widget--cta .mre-btn--outline,
.mre-project-case-marquee-v621__card .mre-btn--outline{
  background:transparent!important;
  border-color:#fff!important;
  color:#fff!important;
}
.mre-section--dark .mre-btn--outline:hover,
.mre-section--dark .mre-btn--outline:focus-visible,
.mre-cta .mre-btn--outline:hover,
.mre-cta .mre-btn--outline:focus-visible,
.mre-video-hero .mre-btn--outline:hover,
.mre-video-hero .mre-btn--outline:focus-visible,
.mre-page-hero .mre-btn--outline:hover,
.mre-page-hero .mre-btn--outline:focus-visible,
.mre-widget--cta .mre-btn--outline:hover,
.mre-project-case-marquee-v621__card .mre-btn--outline:hover{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--mre-action-navy)!important;
}

/* Project cards: both actions are real, large tap targets. */
.mre-project-case-marquee-v621__actions{
  align-items:stretch;
}
.mre-project-case-marquee-v621__actions .mre-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  z-index:4;
  pointer-events:auto!important;
  cursor:pointer;
}
.mre-project-case-marquee-v621__actions .mre-btn--outline{
  flex:0 1 auto;
}
.mre-project-case-marquee-v621__actions .mre-btn--primary{
  flex:1 1 auto;
}
.mre-project-case-marquee-v621__media,
.mre-project-case-marquee-v621__body h3 a{
  position:relative;
  z-index:3;
  pointer-events:auto!important;
}
.mre-project-case-marquee-v621__card[data-project-url]{
  cursor:pointer;
}
.mre-project-case-marquee-v621__actions{
  cursor:default;
}

/* Keyboard focus must be as visible as mouse hover. */
.mre-btn:focus-visible,
.mre-project-case-marquee-v621 a:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.mre-section:not(.mre-section--dark) .mre-btn:focus-visible{
  outline-color:var(--mre-action-gold);
}

@media(max-width:760px){
  .mre-cta__actions,
  .mre-video-hero__actions{
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  .mre-cta__actions .mre-btn,
  .mre-video-hero__actions .mre-btn{
    min-height:48px;
    justify-content:center!important;
    text-align:center!important;
  }
  .mre-project-case-marquee-v621__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .mre-project-case-marquee-v621__actions .mre-btn{
    width:100%;
    min-height:46px;
  }
}