/* Base font is Inter for readability */
body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFFFF; 
}

/* CUSTOM FONT STACK FOR DISPLAY HEADINGS AND LOGOS */
/* This class uses Kalam as requested */
.display-font {
    font-family: 'Kalam', cursive;
    line-height: 0.9;
}

.main-container {
    max-width: 1400px;
}

/* New custom class for an extremely thin, subtle line effect */
.hairline-top {
    box-shadow: 0 -1px 0 0 rgba(55, 65, 81, 0.1); 
}

/* --- Map Styles --- */
/* Map Container */
#map-container {
    width: 100%;
    height: 500px; /* Adjusted height to fit page */
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem; /* mt-6 */
    margin-bottom: 1.5rem; /* mb-6 */
    border: 1px solid #e5e7eb; /* border-gray-200 */
    border-radius: 0.5rem; /* rounded-lg */
    overflow: hidden; /* To contain the map */
}
/* SVG Map */
#map-svg {
    width: 100%;
    height: 100%; /* Fill the container */
    display: block;
}
/* Country Paths */
.country {
    stroke: #4a5568;
    stroke-width: 0.5px;
    fill: #edf2f7;
    transition: fill 0.2s ease-in-out;
    cursor: default; 
}
/* Highlighted Country - Changed from blue to dark gray */
.country.highlighted {
    fill: #374151 !important; /* Tailwind gray-700 */
    transition: fill 0.3s ease;
}

/* --- Region Link Styles --- */
#continent-selector-bar {
    font-size: 1rem; /* text-base */
    font-weight: 700; /* font-bold */
}

.region-link {
    font-weight: 700; /* bold */
    font-size: 1rem; /* text-base */
    color: #4b5563; /* Default text-gray-600 for region links */
}

/* Removed the .region-link:hover rule */

/* Active Region Link - Changed from blue to dark gray */
.region-link.active {
    color: #1f2937; /* Tailwind gray-800 for active link */
}