/* Conteneur principal */
#tdmap-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    cursor: grab;
}

#tdmap-container:active {
    cursor: grabbing;
}

/* SVG responsive */
#tdmap-container svg {
    width: 100%;
    height: auto;
    display: block;
    max-height: 90vh;
    transform-origin: center center;
    transition: transform 0.1s ease-out;
}

/* Style des pays */
#tdmap-container svg path.tdmap-country {
    cursor: pointer;
    transition: opacity 0.25s ease, stroke-width 0.25s ease;
}

/* Survol des pays ACTIFS (orange) */
#tdmap-container svg path.tdmap-country[style*="#FF8C00"]:hover {
    opacity: 0.85;
    stroke-width: 1.5px !important;
}

/* Pays inactifs (gris) - pas de hover */
#tdmap-container svg path.tdmap-country[style*="#CCCCCC"]:hover {
    cursor: default;
    opacity: 1;
}

/* Contrôles de zoom (optionnel - pour afficher les infos) */
.tdmap-zoom-info {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
    z-index: 10;
}

/* Mobile touch feedback */
@media (hover: none) {
    #tdmap-container svg path.tdmap-country:hover {
        opacity: 1;
    }
}

/* Instructions zoom */
.tdmap-instructions {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}