/* ═══════════════════════════════════════════════
   forestry-icons.css
   Pictogrammes métier SVG pour les 10 facteurs IBP
   ═══════════════════════════════════════════════ */

/* Base hotspot icon styling */
.ibp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(10, 22, 40, 0.85);
  border: 2px solid rgba(74, 222, 128, 0.5);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  font-size: 18px;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ibp-icon:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 20px rgba(74, 222, 128, 0.4);
}

/* ── Facteur 1 : Bois mort au sol ── */
.ibp-icon-deadwood_ground::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2'%3E%3Cpath d='M2 18 L22 18 M5 18 C5 14 8 12 10 10 M14 18 C14 16 16 14 19 13' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='16' r='1' fill='%234ade80'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 2 : Bois mort sur pied ── */
.ibp-icon-standing_deadwood::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2'%3E%3Cpath d='M12 22 L12 6 M12 6 L8 3 M12 6 L16 3 M12 10 L9 7 M12 12 L15 9' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 3 : Arbres vivants TGB ── */
.ibp-icon-very_large_trees::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='2'%3E%3Cpath d='M12 22 L12 8' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='6' r='5' fill='none'/%3E%3Cpath d='M12 1 L12 3 M7 4 L9 5.5 M17 4 L15 5.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 4 : Arbres porteurs de dendro-microhabitats ── */
.ibp-icon-dendro_microhabitats::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath d='M12 22 L12 4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='10' r='3' fill='none'/%3E%3Cpath d='M10 9 L12 12 L14 9' fill='%23a78bfa'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 5 : Cavités dans le bois ── */
.ibp-icon-cavities::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb923c' stroke-width='2'%3E%3Crect x='8' y='4' width='8' height='16' rx='4' ry='4'/%3E%3Cellipse cx='12' cy='12' rx='2.5' ry='4' fill='%23fb923c' opacity='.3'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 6 : Champignons saproxyliques ── */
.ibp-icon-saproxylic_fungi::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f472b6' stroke-width='2'%3E%3Cpath d='M12 22 L12 14' stroke-linecap='round'/%3E%3Cellipse cx='12' cy='11' rx='7' ry='4'/%3E%3Cpath d='M7 11 C7 8 12 5 12 5 C12 5 17 8 17 11' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 7 : Lierre et lianes ── */
.ibp-icon-ivy_vines::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2'%3E%3Cpath d='M12 22 C12 18 8 16 8 12 C8 8 12 6 12 2' stroke-linecap='round'/%3E%3Cpath d='M8 14 L6 12 M12 10 L10 8 M12 16 L14 14' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 8 : Milieux ouverts intra-forestiers ── */
.ibp-icon-open_habitats::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M12 12 L12 16 M8 14 L4 18 M16 14 L20 18 M10 16 L6 22 M14 16 L18 22' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 9 : Milieu aquatique ── */
.ibp-icon-aquatic::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2'%3E%3Cpath d='M2 16 C4 14 6 18 8 16 C10 14 12 18 14 16 C16 14 18 18 20 16 22 14' stroke-linecap='round'/%3E%3Cpath d='M4 20 C6 18 8 22 10 20 C12 18 14 22 16 20 C18 18 20 22' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M12 4 L12 6 C12 10 8 12 8 16' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur 10 : Milieu rocheux ── */
.ibp-icon-rocky::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M2 20 L7 12 L10 16 L14 8 L18 14 L22 20 Z' stroke-linejoin='round'/%3E%3Cpath d='M9 20 L11 16 M15 20 L16 16' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Facteur bonus : Ancienneté du peuplement ── */
.ibp-icon-forest_age::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c084fc' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7 L12 12 L16 14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ── Distractor hotspot icon ── */
.ibp-icon-distractor::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8 L12 13 M12 16 L12 16.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Hotspot label override with forestry icon */
.custom-hotspot.has-ibp-icon .custom-hotspot-label {
  padding-left: 28px;
}