/* ==========================================================================
   LCI-MTC — Carte monde interactive
   Préfixe lci- partout pour ne JAMAIS entrer en conflit avec le CSS existant.
   Polices : Cormorant Garamond + Inter (déjà chargées par le plugin).
   ========================================================================== */

.lci-map-wrap{
    --lci-gold:#B8973A;
    --lci-gold-soft:#C9AE63;
    --lci-red:#B8121A;
    --lci-ink:#1a1714;
    --lci-paper:#f4efe7;
    --lci-paper-deep:#ece4d6;
    --lci-ghost:#d8cdb8;
    position:relative;
    background:#ffffff;
    color:var(--lci-ink);
    font-family:'Inter',system-ui,sans-serif;
    font-weight:300;
    padding:0;
    margin:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.lci-map-head{
    position:relative;
    z-index:2;
    background:#ffffff;
    padding:40px 20px 28px;
    text-align:center;
    flex:0 0 auto;
}
.lci-map-eyebrow{
    text-align:center;
    font-family:'Inter',sans-serif;font-weight:400;
    letter-spacing:.42em;text-transform:uppercase;
    font-size:12px;color:var(--lci-gold);
    margin-bottom:14px;
}
.lci-map-title{
    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-weight:500;
    font-size:clamp(34px,5vw,60px);
    line-height:1.05;
    margin:0 0 10px;
    color:var(--lci-ink);
}
.lci-map-sub{
    text-align:center;
    font-family:'Cormorant Garamond',serif;
    font-style:italic;
    font-size:clamp(15px,1.6vw,20px);
    color:#6c6055;
    margin-bottom:56px;
}
.lci-map-stage{
    position:relative;
    width:100%;
    margin:0;
    flex:0 0 auto;
    background:var(--lci-paper);
    border-top:1px solid var(--lci-gold);
    border-bottom:1px solid var(--lci-gold);
    overflow:hidden;
}
.lci-map-stage svg#lci-map-svg{
    width:100%;height:auto;display:block;overflow:visible;
}

/* Pays de fond : fantôme discret */
.lci-map-wrap .bg-country{
    fill:#e6dcc8;
    stroke:var(--lci-ghost);
    stroke-width:.4;
    transition:fill .5s ease;
}
/* Pays LCI au repos : doré sobre */
.lci-map-wrap .lci-country{
    fill:var(--lci-gold);
    stroke:#fff;
    stroke-width:.55;
    cursor:pointer;
    transition:fill .55s cubic-bezier(.22,1,.36,1),
               filter .45s ease, stroke .4s ease, stroke-width .4s ease;
}
.lci-map-wrap .lci-country:hover{
    stroke:var(--lci-gold);
    stroke-width:1.4;
    filter:drop-shadow(0 6px 14px rgba(40,25,5,.35));
}
.lci-map-wrap svg.has-hover .lci-country:not(:hover){
    fill:#d8c48f;
}
/* Calque image révélé au survol (opacité pilotée en JS inline) */
.lci-map-wrap .img-layer{
    pointer-events:none;
    stroke:var(--lci-gold);
    stroke-width:1.4;
    transition:opacity .55s ease;
}

/* Tooltip : juste le nom du pays, sans fond, ne cache pas l'image */
.lci-map-tip{
    position:fixed;
    pointer-events:none;
    z-index:9999;
    transform:translate(-50%,-160%);
    opacity:0;
    transition:opacity .25s ease;
    white-space:nowrap;
    text-align:center;
}
.lci-map-tip.show{opacity:1}
.lci-map-tip__name{
    font-family:'Cormorant Garamond',serif;
    font-size:30px;font-weight:600;letter-spacing:.02em;
    color:var(--lci-ink);
    text-shadow:0 1px 0 rgba(255,255,255,.85), 0 0 12px rgba(255,255,255,.9);
}

/* Bouton "Vue d'ensemble" : apparaît pour revenir à la carte entière */
.lci-map-reset{
    position:absolute;
    top:18px;right:20px;
    z-index:30;
    background:rgba(26,23,20,.86);
    color:#f6efe1;
    border:1px solid rgba(184,151,58,.55);
    font-family:'Inter',sans-serif;font-weight:400;
    font-size:11px;letter-spacing:.22em;text-transform:uppercase;
    padding:9px 18px;
    cursor:pointer;
    backdrop-filter:blur(3px);
    transition:background .3s ease, color .3s ease;
}
.lci-map-reset:hover{
    background:var(--lci-gold);
    color:var(--lci-ink);
}

/* Mobile */
@media (max-width:768px){
    .lci-map-title{font-size:32px;}
    .lci-map-reset{font-size:10px;padding:8px 14px;top:12px;right:12px;}
}