/* IELTS Writing Overview Page Styles */

/* KTB Navy/Orange Tab Styling */
.ktb-nav-tabs {
  border-bottom: 2px solid var(--kdb-navy-color, #1a233a);
}

.ktb-nav-tabs .nav-link {
  color: var(--kdb-navy-color, #1a233a);
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease-in-out;
  padding: 12px 18px;
  background-color: #f8f9fa;
  margin-right: 2px;
  border-radius: 5px 5px 0 0;
}

.ktb-nav-tabs .nav-link:hover {
  color: var(--kdb-orange-color, #f96d00);
  border-color: transparent;
  background-color: #e9ecef;
}

.ktb-nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: var(--kdb-navy-color, #1a233a);
  border-color: var(--kdb-navy-color, #1a233a);
  border-bottom: 3px solid var(--kdb-orange-color, #f96d00);
}

.ktb-nav-tabs .nav-link.active:hover {
  color: #ffffff;
  background-color: var(--kdb-navy-color, #1a233a);
}