/* Phase 09 service layouts. Column counts use native WordPress responsive controls. */
.mwc-services-section {
  padding: 100px 0;
}

.mwc-services-note {
  background: url('../../../../uploads/2024/10/iconnote.webp') no-repeat 0 0 / 145px auto;
}

.mwc-services-grey {
  background-color: #e7e7e7;
}

.mwc-service-split {
  align-items: center;
}

.mwc-service-split > * {
  min-width: 0;
}

.mwc-service-split > figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.mwc-service-copy p:last-child {
  margin-bottom: 0;
}

.mwc-service-copy .wp-block-buttons {
  margin-top: 35px;
}

.mwc-service-repair-grid .mwc-service-split {
  align-items: stretch;
}

.mwc-service-repair-grid figure img, .mwc-service-extra > .mwc-service-split > figure img {
  height: 100%;
  object-fit: cover;
}

.mwc-service-cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mwc-service-card {
  padding: 60px 40px;
  background: #3f3f3d;
  border-radius: 12px;
  color: #eee;
  flex: 1;
}

.mwc-service-card h2 {
  color: #fff;
}

.mwc-service-card p:last-child {
  margin-bottom: 20px;
}

.mwc-service-detail {
  border-bottom: 1px solid #bbb;
  padding: 16px 0;
}

.mwc-service-detail summary {
  cursor: pointer;
  font: 500 20px/1.5 'Playfair Display', serif;
  min-height: 30px;
}

.mwc-service-detail p {
  margin: 20px 0 0;
}

.mwc-service-detail summary:focus-visible {
  outline: 3px solid #187477;
  outline-offset: 4px;
}

.mwc-service-intro {
  padding-bottom: 50px;
}

.mwc-services-programs {
  padding: 0 0 50px;
}

.mwc-service-program-card {
  background: #414140;
  border-radius: 12px;
  padding: 50px 40px;
  color: #fff;
}

.mwc-service-program-card h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.2;
}

.mwc-service-program-card a {
  color: inherit;
}

.mwc-service-list-item {
  padding-left: 25px;
  background: url('../../../../uploads/2024/10/iconnote-1.webp') no-repeat left .3em / 16px auto;
}

.mwc-service-contact {
  padding-top: 50px;
}

.mwc-service-extra {
  padding-top: 0;
}

.mwc-services-terms {
  background: #000;
  color: #fff;
  padding: 30px 0;
}

.mwc-services-terms p {
  font: 400 12px/1.5 Roboto, sans-serif;
  overflow-wrap: anywhere;
}

.mwc-services-terms a {
  color: #fff;
}

@media (max-width: 782px) {
  .mwc-services-section {
    padding: 50px 0;
  }

  .mwc-services-note {
    background-size: 18% auto;
  }

  .mwc-service-split {
    gap: 30px;
  }

  .mwc-service-split > .mwc-service-copy {
    order: -1;
  }

  .mwc-service-card, .mwc-service-program-card {
    padding: 35px 25px;
  }

  .mwc-service-repair-grid figure img {
    height: 380px;
  }

  .mwc-service-extra > .mwc-service-split > figure img {
    max-height: 450px;
  }

  .mwc-service-intro {
    padding-bottom: 30px;
  }

  .mwc-service-program-card h2 {
    font-size: 30px;
  }

  .mwc-service-contact {
    padding-top: 0;
  }

  .mwc-service-extra {
    padding-top: 0;
  }

  .mwc-services-terms {
    padding: 25px 0;
  }
}

.mwc-services-1965 .mwc-services-grey {
  background-color: transparent;
}

.mwc-services-programs .mwc-service-split {
  align-items: stretch;
}

.mwc-services-programs figure img {
  height: 100%;
  object-fit: cover;
}

.mwc-service-intro.mwc-services-note {
  background-position: 95% 85%;
}

.mwc-service-list {
  gap: 8px 20px;
}

.mwc-service-list-item {
  margin: 0 !important;
}

.mwc-service-contact {
  background: #e7e7e7;
}

.mwc-service-contact .wp-block-buttons {
  justify-content: center;
}

@media (min-width: 783px) {
  .mwc-service-intro .mwc-service-split {
    gap: 160px;
  }
}

/* Reference review refinements: compact lists and correct image order/crops. */
.mwc-service-extra .mwc-service-split {
  align-items: stretch;
}

.mwc-service-program-card h2 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 500;
}

.mwc-service-intro {
  padding-bottom: 100px;
}

.mwc-service-intro.mwc-services-note {
  background-position: 95% 100%;
}

.mwc-services-1954 .mwc-service-repair-grid + .mwc-service-repair-grid,
.mwc-services-1965 .mwc-services-grey {
  padding-top: 0;
}

.mwc-service-program-card .mwc-service-list > * {
  min-width: 0;
  overflow-wrap: break-word;
}

@media (max-width: 782px) {
  .mwc-services-note:not(.mwc-service-intro) {
    padding-top: 65px;
  }

  .mwc-service-repair-grid .mwc-service-split > figure {
    order: -1;
  }

  .mwc-service-repair-grid figure img, .mwc-services-programs figure img, .mwc-service-extra > .mwc-service-split > figure img {
    height: 270px;
    object-fit: cover;
  }

  .mwc-service-card, .mwc-service-program-card {
    padding: 20px;
  }

  .mwc-service-card p:last-child {
    margin-bottom: 0;
  }

  .mwc-service-program-card h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .mwc-service-intro {
    padding: 40px 0 30px;
  }

  .mwc-service-intro.mwc-services-note {
    background-position: 95% 0;
    background-size: 12% auto;
  }

  .mwc-service-contact {
    padding: 40px 0 50px;
  }

  .mwc-service-contact .wp-block-buttons {
    justify-content: flex-start;
  }
}
