/* ============================================
   IPR Tabs — Reusable tabbed interface
   Supports both .ipr-tab* and .cabin-tab* classes
============================================ */
.ipr-tabs,
.cabin-tabs {
  margin-bottom: 2rem;
}
.ipr-tabs__nav,
.cabin-tabs__nav {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 1.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ipr-tab,
.cabin-tab {
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #777;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s;
  margin-bottom: -2px;
}
.ipr-tab:hover,
.cabin-tab:hover {
  color: #2B2B2B;
}
.ipr-tab--active,
.cabin-tab--active {
  color: #2B2B2B;
  border-bottom-color: #E8A838;
}

/* Tab panels */
.ipr-tab-panel,
.cabin-tab-panel {
  display: none;
}
.ipr-tab-panel--active,
.cabin-tab-panel--active {
  display: block;
}

@media (max-width: 767px) {
  .ipr-tab,
  .cabin-tab {
    padding: 0.6rem 0.9rem;
    font-size: 0.8rem;
  }
}