/* Fix spacing in subtitles caused by text splitting */
.m-subtitle[data-splitting="words"] .word {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
  white-space: nowrap;
}

.m-subtitle[data-splitting="words"] .word b {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold;
  display: inline;
}

.m-subtitle b {
  padding: 0 !important;
  margin: 0 !important;
}

/* Add single space between words */
.m-subtitle[data-splitting="words"] .word:not(:last-child)::after {
  content: ' ';
  white-space: pre;
}

/* ========================================
   NATURE THEME - Extended Color Palette
   ======================================== */

/* Saliegroen #9FB3A2 - subtiele accenten, iconen, secundaire elementen */
body.light-skin .skills-item .dots .dot {
  background-color: #9FB3A2 !important;
}

body.light-skin .skills-item .value .num {
  color: #9FB3A2;
}

body.light-skin .resume-item .date {
  color: #9FB3A2;
}

body.light-skin .info-list ul li .icon {
  color: #9FB3A2;
}

/* Category labels */
body.light-skin .works-item .category,
body.light-skin .resume-item .subname {
  color: #9FB3A2;
}

/* Warm houtbruin #6A4A3C - call-to-actions, links, highlights */
body.light-skin a.lnk,
body.light-skin .contact-info a {
  color: #6A4A3C !important;
}

body.light-skin a.lnk:hover {
  color: #5F7A6A !important;
}

/* Buttons hover state */
body.light-skin .btn:hover {
  background-color: #6A4A3C !important;
  border-color: #6A4A3C !important;
}

/* Active menu items */
body.light-skin .menu-item.active .btn {
  color: #6A4A3C !important;
}

/* Hero foto responsive: tekst boven foto op mobiel */
@media screen and (max-width: 992px) {
  .section.hero-started .slide {
    z-index: 0 !important;
  }
  .section.hero-started .content {
    position: relative;
    z-index: 5;
  }
}

/* Links in content */
body.light-skin .hero-started .content a,
body.light-skin .single-post-text a {
  color: #6A4A3C;
}

body.light-skin .hero-started .content a:hover,
body.light-skin .single-post-text a:hover {
  color: #5F7A6A;
}

/* Social media icons hover */
body.light-skin .social-links a:hover {
  color: #6A4A3C !important;
}