/* Tabs Component - Retro-Futuristic Terminal Style */

/* Styles for component-based tabs */
.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background: linear-gradient(135deg, #000000 0%, #001100 100%);
  border: 1px solid #00FF00;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
  overflow: hidden;
}

.tabs--primary {
  border-color: #00FF00;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.4);
}

.tabs--secondary {
  border-color: #008800;
  box-shadow: 0 0 10px rgba(0, 136, 0, 0.3);
}

.tabs__item {
  margin: 0;
  border-right: 1px solid #004400;
}

.tabs__item:last-child {
  border-right: none;
}

.tabs__item.is-active {
  background: linear-gradient(135deg, #002200 0%, #004400 100%);
  box-shadow: inset 0 0 10px rgba(0, 255, 0, 0.5);
}

.tabs__item a {
  display: block;
  padding: 12px 20px;
  color: #00FF00;
  text-decoration: none;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
  transition: all 0.3s ease;
  position: relative;
}

.tabs__item a:hover,
.tabs__item a:focus {
  background: linear-gradient(135deg, #003300 0%, #006600 100%);
  color: #FFFFFF;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgba(0, 255, 0, 0.6);
}

.tabs__item.is-active a {
  color: #FFFFFF;
  background: linear-gradient(135deg, #004400 0%, #008800 100%);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 15px rgba(0, 255, 0, 0.7);
}

.tabs__item.is-active a::before {
  content: '>';
  position: absolute;
  left: 8px;
  color: #00FF00;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
}

/* Styles for Drupal local tasks (plain ul li a structure) */
#block-dd-stablenix-local-tasks ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background: linear-gradient(135deg, #000000 0%, #001100 100%);
  border: 1px solid #00FF00;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
  overflow: hidden;
}

#block-dd-stablenix-local-tasks ul li {
  margin: 0;
  border-right: 1px solid #004400;
}

#block-dd-stablenix-local-tasks ul li:last-child {
  border-right: none;
}

#block-dd-stablenix-local-tasks ul li a[data-drupal-link-system-path] {
  display: block;
  padding: 12px 20px;
  color: #00FF00;
  text-decoration: none;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
  transition: all 0.3s ease;
  position: relative;
}

#block-dd-stablenix-local-tasks ul li a[data-drupal-link-system-path]:hover,
#block-dd-stablenix-local-tasks ul li a[data-drupal-link-system-path]:focus {
  background: linear-gradient(135deg, #003300 0%, #006600 100%);
  color: #FFFFFF;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgba(0, 255, 0, 0.6);
}

/* Active state for local tasks - assuming .is-active class or similar */
#block-dd-stablenix-local-tasks ul li.is-active,
#block-dd-stablenix-local-tasks ul li.active {
  background: linear-gradient(135deg, #002200 0%, #004400 100%);
  box-shadow: inset 0 0 10px rgba(0, 255, 0, 0.5);
}

#block-dd-stablenix-local-tasks ul li.is-active a[data-drupal-link-system-path],
#block-dd-stablenix-local-tasks ul li.active a[data-drupal-link-system-path] {
  color: #FFFFFF;
  background: linear-gradient(135deg, #004400 0%, #008800 100%);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 15px rgba(0, 255, 0, 0.7);
}

#block-dd-stablenix-local-tasks ul li.is-active a[data-drupal-link-system-path]::before,
#block-dd-stablenix-local-tasks ul li.active a[data-drupal-link-system-path]::before {
  content: '>';
  position: absolute;
  left: 8px;
  color: #00FF00;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .tabs,
  .contextual-region ul {
    flex-direction: column;
  }

  .tabs__item,
  .contextual-region ul li {
    border-right: none;
    border-bottom: 1px solid #004400;
  }

  .tabs__item:last-child,
  .contextual-region ul li:last-child {
    border-bottom: none;
  }

  .tabs__item a,
  .contextual-region ul li a[data-drupal-link-system-path] {
    padding: 10px 15px;
    font-size: 12px;
  }
}