/* MRO Rooms Section: styles for the acf/mro-rooms block. */

.mro-rooms .mro-rooms__layout {
  display: grid;
  grid-template-columns: 4fr 8fr;
  align-items: stretch;
  gap: var(--wp--preset--spacing--70);
}
.mro-rooms .mro-room-tabs { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30); }
.mro-rooms .mro-room-tab {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--10);
  width: 100%;
  margin: 0;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--md);
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard),
              background-color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard),
              box-shadow var(--wp--custom--duration--fast) var(--wp--custom--ease--standard);
}
.mro-rooms .mro-room-tab:hover { border-color: var(--wp--preset--color--line-strong); }
.mro-rooms .mro-room-tab[aria-selected="true"] {
  border-color: var(--wp--preset--color--accent);
  background: var(--wp--preset--color--mint-pale);
  box-shadow: inset 4px 0 0 var(--wp--preset--color--accent), var(--wp--preset--shadow--sm);
}
.mro-rooms .mro-room-tab__name { font-size: var(--wp--preset--font-size--md); font-weight: 600; line-height: var(--wp--custom--leading--tight); }
.mro-rooms .mro-room-tab__meta {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--subtle);
}
.mro-rooms .mro-room-tab__meta .mro-icon { color: var(--wp--preset--color--accent-deep); }

.mro-rooms .mro-room-tabs__note {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  margin-top: auto;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
  border: 1px dashed var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--md);
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--subtle);
}
.mro-rooms .mro-room-tabs__note .mro-icon { font-size: var(--wp--custom--icon--md); color: var(--wp--preset--color--accent-deep); }

.mro-rooms .mro-room-panel {
  display: grid;
  grid-template-columns: 5fr 6fr;
  overflow: hidden;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--md);
}
.mro-rooms .mro-room-panel[hidden] { display: none; }
.mro-rooms .mro-room-panel__media { position: relative; min-height: 26rem; background: var(--wp--preset--color--mist); }
.mro-rooms .mro-room-panel__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mro-rooms .mro-room-panel__tag {
  position: absolute;
  top: var(--wp--preset--spacing--40);
  left: var(--wp--preset--spacing--40);
  padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
  border-radius: var(--wp--custom--radius--full);
  background: var(--wp--preset--color--base);
  box-shadow: var(--wp--preset--shadow--sm);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
}
.mro-rooms .mro-room-panel__body { display: flex; flex-direction: column; padding: var(--wp--preset--spacing--70); }
.mro-rooms .mro-room-panel__title {
  margin: 0 0 var(--wp--preset--spacing--30);
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--xxl);
  font-weight: 400;
  line-height: var(--wp--custom--leading--display);
  letter-spacing: var(--wp--custom--tracking--display);
  text-transform: uppercase;
}
.mro-rooms .mro-room-panel__text { color: var(--wp--preset--color--muted); }

.mro-rooms .mro-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  margin-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
  font-size: var(--wp--preset--font-size--sm);
}
.mro-rooms .mro-feature-list li { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); }
.mro-rooms .mro-feature-list .mro-icon { font-size: var(--wp--custom--icon--sm); color: var(--wp--preset--color--accent-deep); }

.mro-rooms .mro-room-panel__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--40);
  margin-top: auto;
  padding-top: var(--wp--preset--spacing--60);
  border-top: 1px solid var(--wp--preset--color--line);
}
.mro-rooms .mro-price { margin: 0; line-height: var(--wp--custom--leading--tight); }
.mro-rooms .mro-price__from {
  display: block;
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--subtle);
}
.mro-rooms .mro-price__value {
  display: block;
  margin-block: var(--wp--preset--spacing--10);
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--xxl);
  letter-spacing: var(--wp--custom--tracking--display);
}
.mro-rooms .mro-price__value .mro-tbc { vertical-align: middle; font-family: var(--wp--preset--font-family--body); letter-spacing: normal; }
.mro-rooms .mro-price__unit { display: block; font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--subtle); }

@media (max-width: 1023.98px) {
  .mro-rooms .mro-rooms__layout { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); }
  .mro-rooms .mro-room-tabs {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none;
    margin-inline: calc(var(--wp--custom--layout--gutter) * -1);
    padding: var(--wp--preset--spacing--10) var(--wp--custom--layout--gutter);
    scroll-padding-inline: var(--wp--custom--layout--gutter);
  }
  .mro-rooms .mro-room-tabs::-webkit-scrollbar { display: none; }
  .mro-rooms .mro-room-tab { flex: 0 0 auto; width: auto; }
  .mro-rooms .mro-room-tabs__note { display: none; }
}

@media (max-width: 767.98px) {
  .mro-rooms .mro-room-panel { grid-template-columns: minmax(0, 1fr); }
  .mro-rooms .mro-room-panel__media { min-height: 0; aspect-ratio: 4 / 3; }
  .mro-rooms .mro-room-panel__body { padding: var(--wp--preset--spacing--60); }
  .mro-rooms .mro-room-panel__footer .mro-btn { width: 100%; }
}

@media (max-width: 479.98px) {
  .mro-rooms .mro-feature-list { grid-template-columns: minmax(0, 1fr); }
}