/* Custom CSS över Bulma — marint/blått tema */
:root {
  --primary: #0a3d62;
  --primary-light: #1a5276;
  --accent: #38ada9;
  --accent-light: #6dd5ce;
  --bg-light: #f0f6ff;
  --text-dark: #2c3e50;
  --coming-soon: #f39c12;
}

/* Hero-sektion med gradient */
.hero.is-primary {
  background: linear-gradient(135deg, #0a3d62 0%, #1a5276 50%, #2c6b9e 100%);
}

/* Accent-knappar */
.button.is-accent {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.button.is-accent:hover {
  background-color: var(--accent-light);
  border-color: var(--accent-light);
  color: #fff;
}

/* Kurskort */
.course-card {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  border: 1px solid #e8f0fe;
}
.course-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(10, 61, 98, 0.15);
}

/* Kommande-kurs badge */
.coming-soon-badge {
  display: inline-block;
  background-color: var(--coming-soon);
  color: #fff;
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Värdeord på startsidan */
.value-card {
  background: #fff;
  border-radius: 12px;
  border-left: 4px solid var(--accent);
  padding: 1.5rem;
  height: 100%;
  transition: box-shadow 0.2s ease;
}
.value-card:hover {
  box-shadow: 0 4px 15px rgba(56, 173, 169, 0.15);
}

/* Footer */
.footer {
  background-color: var(--primary);
  color: #d4e6f1;
  padding: 3rem 1.5rem 2rem;
}
.footer a {
  color: var(--accent-light);
}
.footer a:hover {
  color: #fff;
}

/* Hero-sektion */
.hero-body .title {
  color: #fff;
  text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.hero-body .subtitle {
  color: #d4e6f1;
}

/* Ljus bakgrund för sektioner */
.section.is-light-bg {
  background-color: var(--bg-light);
}

/* Kursdetaljer */
.course-detail-icon {
  color: var(--accent);
  margin-right: 0.5rem;
}

/* Navbar aktiv */
.navbar-item.is-active {
  color: var(--accent) !important;
  font-weight: 600;
}

/* Kontakt-info */
.contact-info .icon {
  color: var(--accent);
}

/* Bekräftelsesida */
.confirmation-icon {
  color: var(--accent);
  font-size: 4rem;
}

/* Temat för Bulma överstyrningar */
.navbar {
  background-color: var(--primary);
}
.navbar-item, .navbar-link {
  color: #d4e6f1;
}
.navbar-item:hover, .navbar-link:hover {
  background-color: var(--primary-light) !important;
  color: #fff !important;
}
.navbar-burger {
  color: #d4e6f1;
}

/* Mobiljustering */
@media screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: var(--primary);
  }
}