/* MRO Tours Section: styles for the acf/mro-tours block (dark section, service slider, extras). */

.mro-section--dark {
  position: relative;
  overflow: hidden;
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}
.mro-tours .mro-tours__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.mro-tours::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, var(--wp--custom--color--overlay) 0%, var(--wp--preset--color--contrast) 78%);
}
.mro-tours .mro-tours__inner { position: relative; z-index: var(--wp--custom--z--raised); }

.mro-tours .mro-tours__head {
  display: grid;
  grid-template-columns: 6fr 5fr;
  align-items: end;
  gap: var(--wp--custom--layout--grid-gap);
  margin-bottom: var(--wp--preset--spacing--90);
}
.mro-tours .mro-tours__head .mro-section-title { margin-bottom: 0; }
.mro-tours .mro-tours__lead p { font-size: var(--wp--preset--font-size--lg); color: var(--wp--custom--color--on-dark-muted); }

/* Slider */
.mro-slider__controls { display: flex; gap: var(--wp--preset--spacing--30); margin-top: var(--wp--preset--spacing--60); }
.mro-slider__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--wp--custom--icon--box);
  height: var(--wp--custom--icon--box);
  padding: 0;
  border: 1px solid var(--wp--custom--color--on-dark-line);
  border-radius: var(--wp--custom--radius--full);
  background: transparent;
  color: var(--wp--preset--color--base);
  font-size: var(--wp--custom--icon--sm);
  cursor: pointer;
  transition: background-color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard), color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard);
}
.mro-slider__btn:hover:not(:disabled) { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.mro-slider__btn:disabled { opacity: 0.35; cursor: default; }

.mro-slider__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - var(--wp--preset--spacing--60) * 2) / 3);
  gap: var(--wp--preset--spacing--60);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-bottom: var(--wp--preset--spacing--20);
}
.mro-slider__track::-webkit-scrollbar { display: none; }

/* Service card */
.mro-tours .mro-service-card {
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  overflow: hidden;
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--lg);
}
.mro-tours .mro-service-card__img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mro-tours .mro-service-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
}
.mro-tours .mro-service-card__body .mro-icon-box {
  position: absolute;
  top: calc(var(--wp--custom--icon--box) / -2);
  left: var(--wp--preset--spacing--60);
  background: var(--wp--preset--color--accent-strong);
  color: var(--wp--preset--color--base);
  border: 3px solid var(--wp--preset--color--base);
  box-sizing: content-box;
}
.mro-tours .mro-service-card__title {
  margin: 0 0 var(--wp--preset--spacing--20);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 700;
}
.mro-tours .mro-service-card__body p { color: var(--wp--preset--color--muted); }
.mro-tours .mro-service-card__body .mro-text-link { margin-top: auto; padding-top: var(--wp--preset--spacing--40); }

/* Extras */
.mro-tours .mro-extras {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--70);
  margin-top: var(--wp--preset--spacing--100);
  padding-top: var(--wp--preset--spacing--80);
  border-top: 1px solid var(--wp--custom--color--on-dark-line);
}
.mro-tours .mro-extra > .mro-icon { font-size: var(--wp--custom--icon--lg); color: var(--wp--preset--color--mint); }
.mro-tours .mro-extra__title {
  margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--20);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--base);
  font-weight: 700;
  color: var(--wp--preset--color--base);
}
.mro-tours .mro-extra p { font-size: var(--wp--preset--font-size--sm); color: var(--wp--custom--color--on-dark-muted); }

@media (max-width: 1023.98px) {
  .mro-tours .mro-tours__head { grid-template-columns: minmax(0, 1fr); }
  .mro-slider__track { grid-auto-columns: calc((100% - var(--wp--preset--spacing--60)) / 2); }
  .mro-tours .mro-extras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .mro-slider__track { grid-auto-columns: 84%; gap: var(--wp--preset--spacing--40); }
}
@media (max-width: 479.98px) {
  .mro-tours .mro-extras { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .mro-slider__track { scroll-behavior: auto; }
}