/* =======================================================
   Eco Theme — Floater Section Title Styling
   Applies when Halogen-Free PCB page is active
   File: /skins_2025/skin_floater_Eco.css
   ======================================================= */

:root {
  --eco-green: #18a15f;
  --eco-green-dark: #0b7a3a;
  --eco-leaf-light: #e9f6ef;
}

/* Section titles inside left floating nav */
.left-nav .section-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--eco-green-dark);
  margin: 14px 0 10px;
  padding: 6px 10px;
  background: var(--eco-leaf-light);
  border-left: 4px solid var(--eco-green);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}

/* Eco icon */
.left-nav .section-title::before {
  content: "🌱";
  font-size: 12px;
  opacity: 0.9;
}

/* Space below title before list items */
.left-nav .section-title + li a {
  margin-top: 4px;
}

/* Hover effect for nav links (eco tone) */
.left-nav a:hover {
  background-color: rgba(24, 161, 95, 0.08);
  color: var(--eco-green-dark) !important;
  padding-left: 14px;
  transition: 0.2s ease;
}