/* cdkx custom styles */

/* Hide individual provider tabs from the top navigation bar.
   They remain in the nav tree so each provider gets its own
   isolated left sidebar when browsing its pages. Users reach
   providers through the Providers landing page (cards). */
.md-tabs__item:has(> .md-tabs__link[href*="hetzner"]),
.md-tabs__item:has(> .md-tabs__link[href*="multipass"]) {
  display: none;
}

:root {
  --md-primary-fg-color: #3f51b5;
  --md-primary-fg-color--light: #5c6bc0;
  --md-primary-fg-color--dark: #283593;
  --md-accent-fg-color: #5c6bc0;
}

/* Tighter code annotation spacing */
.md-annotation__index {
  font-size: 0.75rem;
}

/* Experimental badge in hero */
.experimental-badge {
  display: inline-block;
  background: #ff6f00;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  vertical-align: middle;
  margin-left: 0.5em;
}

/* Hero section on home page */
.hero {
  text-align: center;
  padding: 3rem 1rem 2rem;
}

.hero h1 {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.hero p {
  font-size: 1.15rem;
  color: var(--md-default-fg-color--light);
  max-width: 640px;
  margin: 0 auto 2rem;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}