<div id=”world-whisky-map-container” style=”max-width: 100%; margin: 20px 0;”>
<style>
#world-whisky-map-container {
font-family: ‘Arial’, sans-serif;
}
.wwm-map-wrapper {
background: linear-gradient(135deg, #e8f4f8 0%, #d4e8f0 100%);
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.wwm-map-title {
text-align: center;
color: #8b4513;
font-size: 2em;
font-weight: bold;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.wwm-map-svg {
width: 100%;
height: auto;
max-width: 1000px;
margin: 0 auto;
display: block;
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.wwm-country {
cursor: pointer;
transition: opacity 0.3s ease, filter 0.3s ease;
stroke: #fff;
stroke-width: 1;
}
.wwm-country:hover {
opacity: 0.85;
filter: brightness(1.15);
stroke-width: 2;
}
.wwm-tooltip {
position: fixed;
background: rgba(0, 0, 0, 0.95);
color: white;
padding: 12px 16px;
border-radius: 6px;
font-size: 13px;
pointer-events: none;
z-index: 1000;
white-space: nowrap;
display: none;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
border: 1px solid rgba(255,255,255,0.2);
}
.wwm-tooltip.show {
display: block;
}
.wwm-