/* Modern tab styling for EQUIL2 */

/* Tab navigation styling */
.nav-tabs {
  border-bottom: 2px solid #e9ecef;
  margin-bottom: 20px;
}

.nav-tabs > li {
  margin-bottom: -2px;
}

.nav-tabs > li > a {
  color: #495057;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 10px 15px;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-right: 5px;
}

/* Hover state */
.nav-tabs > li > a:hover {
  color: #2c3e50;
  background-color: rgba(236, 240, 241, 0.5);
  border-color: transparent;
  border-bottom: 2px solid #2c3e50;
}

/* Active state */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #2c3e50;
  background-color: rgba(236, 240, 241, 0.5);
  border: none;
  border-bottom: 2px solid #cc0000;
  font-weight: 600;
}

/* Tab content styling */
.tab-content {
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  padding: 15px 0;
}

.tab-content > .tab-pane {
  padding: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    border-bottom: 2px solid #e9ecef;
    max-height: 45px; /* Constrain height to prevent vertical scrolling */
    height: 45px; /* Fixed height */
  }
  
  .nav-tabs > li {
    flex: 0 0 auto;
    height: 45px; /* Match parent height */
    max-height: 45px; /* Constrain height */
    overflow: visible; /* Allow dropdown menus to be visible */
  }
  
  .nav-tabs > li > a {
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    height: 43px; /* Slightly less than parent to account for borders */
    line-height: 28px; /* Center text vertically */
    overflow: hidden; /* Prevent content overflow */
  }
  
  /* Hide webkit scrollbar */
  .nav-tabs::-webkit-scrollbar {
    display: none;
  }
}