/* Fiches Partenaire – Esprit Camping-Car (complète eccc.css) */
#eccc-app { --eccp-gold: #C98A00; --eccp-gold-soft: #FBF3DF; --eccp-gold-ink: #6B4A00; }

/* ---------- encart en tête de liste ---------- */
#eccc-app .eccp-feat { display: flex; flex-direction: column; gap: 10px; margin: 0 4px 14px 0; }
#eccc-app .eccp-feat[hidden] { display: none !important; }
#eccc-app .eccp-title {
  margin: 0; padding: 0; border: 0; background: none; font-family: var(--eccc-font); font-size: 13px; line-height: 1.3; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; color: var(--eccp-gold-ink);
}
#eccc-app .eccp-card {
  background: var(--eccc-card); border: 2px solid var(--eccp-gold); border-radius: 12px; overflow: hidden;
  box-shadow: 0 2px 10px rgba(107, 74, 0, .12);
}
#eccc-app .eccp-photo { aspect-ratio: 16 / 7; background: var(--eccc-chip-bg); overflow: hidden; }
#eccc-app .eccp-photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; margin: 0; border: 0; border-radius: 0; }
#eccc-app .eccp-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
#eccc-app .eccp-head { display: flex; gap: 12px; align-items: center; }
#eccc-app .eccp-logo {
  flex: none; width: 64px; height: 64px; object-fit: contain; background: #fff; border: 1px solid var(--eccc-line);
  border-radius: 8px; padding: 4px; margin: 0; box-sizing: border-box;
}
#eccc-app .eccp-id { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#eccc-app .eccp-tag {
  align-self: flex-start; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--eccp-gold-ink); background: var(--eccp-gold-soft); border-radius: 4px; padding: 2px 6px;
}
#eccc-app .eccp-id h3 {
  margin: 0; padding: 0; font-family: var(--eccc-font); font-size: 18px; line-height: 1.25; font-weight: 700;
  text-transform: none; letter-spacing: 0; color: var(--eccc-ink);
}
#eccc-app .eccp-where { font-size: 14px; color: var(--eccc-muted); }
#eccc-app .eccp-txt { margin: 0; font-size: 15px; line-height: 1.45; color: var(--eccc-ink); }
#eccc-app .eccp-lab { font-size: 12.5px; color: var(--eccc-muted); font-style: italic; }
#eccc-app .eccp-card .eccc-actions a { flex: 1 1 auto; justify-content: center; }
#eccc-app .eccp-card .eccc-actions a[data-ev="c"] { background: var(--eccp-gold); border-color: var(--eccp-gold); color: #fff; }
#eccc-app .eccp-card .eccc-actions a[data-ev="c"]:hover { background: var(--eccp-gold-ink); border-color: var(--eccp-gold-ink); }

/* ---------- fiche partenaire dans la liste ---------- */
#eccc-app .eccc-card.is-partner { border: 2px solid var(--eccp-gold); background: linear-gradient(var(--eccp-gold-soft), var(--eccc-card) 70px); }
#eccc-app .eccc-card.is-partner.is-active { box-shadow: inset 0 0 0 1px var(--eccp-gold-ink); border-color: var(--eccp-gold-ink); }
#eccc-app .eccp-badge {
  align-self: flex-start; display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: #fff; background: var(--eccp-gold); border-radius: 4px; padding: 2px 6px; line-height: 1.4;
}
#eccc-app .eccp-card-logo {
  flex: none; width: 52px; height: 52px; object-fit: contain; background: #fff; border: 1px solid var(--eccc-line);
  border-radius: 8px; padding: 3px; margin: 0; box-sizing: border-box;
}
#eccc-app .eccc-card.is-partner .eccc-km { order: 3; }

/* ---------- carte ---------- */
#eccc-app .eccc-pin.eccp-mk, #eccc-app .eccc-dot.eccp-mk {
  border-color: #FFD25A; box-shadow: 0 0 0 3px var(--eccp-gold), 0 2px 6px rgba(0, 0, 0, .4);
}
#eccc-app .eccc-dot.eccp-mk { transform: scale(1.25); }
/* point partenaire au premier plan (Leaflet écrit le z-index en ligne, d'où !important) */
#eccc-app .leaflet-marker-icon:has(.eccp-mk) { z-index: 9000 !important; }
#eccc-app .eccc-pin.eccp-mk.is-active { box-shadow: 0 0 0 3px var(--eccp-gold-ink), 0 2px 6px rgba(0, 0, 0, .4); }
#eccc-app .eccp-leg i { background: #fff !important; box-shadow: 0 0 0 3px var(--eccp-gold); }
#eccc-app .eccp-pop { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--eccc-line); display: flex; flex-direction: column; gap: 6px; }
#eccc-app .eccp-pop img { max-width: 120px; max-height: 48px; object-fit: contain; margin: 0; }
#eccc-app .eccp-pop p { margin: 0; font-size: 13px; }
#eccc-app .eccp-pop a {
  align-self: flex-start; display: inline-block; padding: 6px 12px; border-radius: 6px; background: var(--eccp-gold); color: #fff;
  font-weight: 700; text-decoration: none; font-size: 13.5px;
}
#eccc-app .eccp-pop a:hover { background: var(--eccp-gold-ink); }

@media (max-width: 760px) {
  #eccc-app .eccp-feat { margin-right: 0; }
  #eccc-app .eccp-card-logo { display: none; }
  #eccc-app .eccp-photo { aspect-ratio: 16 / 8; }
}
