/* Secrets d'Égypte - Carte des points d'intérêt (charte Cartouche royal) */

.sde-carte-wrap{
  --sde-or:#C6A15B;
  --sde-or-profond:#8A6A2F;
  --sde-nuit:#26456E;
  --sde-sombre:#16283F;
  --sde-sable:#F0E5CC;
  --sde-blanc:#FDFBF5;
  --sde-bordure:#CBB98F;
  font-family:'Work Sans',sans-serif;
}

/* Neutralise les soulignements hérités du thème dans le composant */
.sde-carte-wrap a,
.entry-content .sde-carte-wrap a,
.sde-carte-wrap a:hover{text-decoration:none}

/* ---------- Layout ---------- */
.sde-carte-layout{
  display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch;
}
.sde-carte-map{
  border-radius:16px;overflow:hidden;position:relative;z-index:1;
  border:1px solid var(--sde-bordure);
}
/* cadre intérieur signature */
.sde-carte-map::after{
  content:"";position:absolute;inset:10px;border:1px solid rgba(253,251,245,.55);
  border-radius:10px;pointer-events:none;z-index:500;
}

/* ---------- Markers (goutte, pointe en bas) ---------- */
.sde-marker{background:none;border:none}
.sde-poi{
  position:absolute;top:2px;left:1px;
  width:36px;height:36px;border-radius:50% 50% 50% 6px;
  transform:rotate(-45deg);transform-origin:center;
  background:var(--sde-blanc);border:1.5px solid var(--sde-or);
  color:var(--sde-nuit);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px rgba(22,40,63,.28);
  transition:transform .18s, background .18s, color .18s;
}
.sde-poi svg{width:19px;height:19px;transform:rotate(45deg)}
.sde-poi .sde-poi-nom{display:none}
.sde-poi.hot{
  background:var(--sde-or);color:var(--sde-sombre);transform:rotate(-45deg) scale(1.16);
}

/* ---------- Clusters ---------- */
.sde-cluster-wrap{background:none;border:none}
.sde-cluster{
  width:44px;height:44px;border-radius:50%;position:relative;
  background:var(--sde-or);color:var(--sde-sombre);
  display:flex;align-items:center;justify-content:center;
  font-family:'Work Sans',sans-serif;font-size:15px;font-weight:600;
  box-shadow:0 4px 14px rgba(22,40,63,.3);
  transition:transform .18s;
}
.sde-cluster::after{
  content:"";position:absolute;inset:-5px;border:1px solid rgba(198,161,91,.55);
  border-radius:50%;
}
.sde-cluster-wrap:hover .sde-cluster{transform:scale(1.1)}

/* ---------- Tooltip survol ---------- */
.sde-tooltip{
  background:var(--sde-sombre);color:var(--sde-blanc);
  border:1px solid var(--sde-or);border-radius:10px;
  padding:8px 14px;font-family:'Work Sans',sans-serif;font-size:13.5px;line-height:1.4;
  box-shadow:0 8px 22px rgba(22,40,63,.35);
}
.sde-tooltip b{display:block;font-weight:600;letter-spacing:.02em}
.sde-tooltip span{color:var(--sde-or);font-size:12px}
.sde-tooltip::before{border-top-color:var(--sde-or)}

/* ---------- Panneau latéral ---------- */
.sde-carte-panel{display:flex;flex-direction:column}
.sde-carte-card{
  position:relative;flex:1;display:flex;flex-direction:column;
  background:var(--sde-blanc);border:1px solid var(--sde-bordure);border-radius:16px;
  overflow:hidden;
}
.sde-carte-card::before{
  content:"";position:absolute;inset:8px;border:1px solid rgba(198,161,91,.35);
  border-radius:10px;pointer-events:none;z-index:2;
}
.sde-carte-card--vide{
  align-items:center;justify-content:center;text-align:center;
  color:var(--sde-nuit);padding:32px;font-size:15px;font-weight:300;
  background:linear-gradient(160deg,#F6EEDC,#EDE0C2);
}
.sde-card-picto{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;border:1px solid var(--sde-or);border-radius:50%;
  color:var(--sde-or-profond);font-size:24px;margin-bottom:14px;
}
.sde-card-photo{height:180px;overflow:hidden}
.sde-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sde-card-corps{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.sde-card-cat{
  font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--sde-or-profond);font-weight:600;
}
.sde-carte-card h3{
  font-family:'Prata',serif;font-weight:400;font-size:21px;
  color:var(--sde-nuit);margin:0;line-height:1.3;
}
.sde-carte-card p{
  font-size:14.5px;line-height:1.6;font-weight:300;color:#514936;margin:0;flex:1;
}
.sde-card-btn{
  align-self:center;margin-top:10px;
  background:var(--sde-or);color:var(--sde-sombre);
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:11px 24px;border-radius:999px;text-decoration:none;
  transition:background .2s;
}
.sde-card-btn:hover{background:#D9B97C;color:var(--sde-sombre)}

/* ---------- Chips filtres ---------- */
.sde-carte-filtres{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.sde-chip{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font-family:'Work Sans',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.03em;
  color:var(--sde-nuit);background:var(--sde-blanc);
  border:1px solid var(--sde-bordure);border-radius:999px;padding:8px 18px;
  opacity:.45;transition:all .2s;
}
.sde-chip .pin{
  width:9px;height:9px;border-radius:50%;
  border:1.5px solid var(--sde-or);background:transparent;transition:background .2s;
}
.sde-chip.actif{opacity:1;border-color:var(--sde-or)}
.sde-chip.actif .pin{background:var(--sde-or)}
.sde-chip:hover{border-color:var(--sde-or-profond)}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .sde-carte-layout{grid-template-columns:1fr;gap:16px}
  .sde-carte-map{min-height:380px}
  .sde-carte-card--vide{padding:24px;min-height:130px}
  .sde-card-photo{height:150px}
}

/* ---------- Voile d'aide molette ---------- */
.sde-voile-molette{
  position:absolute;inset:0;z-index:800;
  display:flex;align-items:center;justify-content:center;
  background:rgba(22,40,63,.45);color:var(--sde-blanc);
  font-family:'Work Sans',sans-serif;font-size:16px;font-weight:500;letter-spacing:.04em;
  opacity:0;pointer-events:none;transition:opacity .25s;
}
.sde-voile-molette.visible{opacity:1}