/* styles.css */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 1s ease-in;
}

.unclickable-link {
    color: inherit;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
}

#map-container {
    position: relative;
    overflow: hidden;
}

#map-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #e6f2ff, #ffffff);
    z-index: 1;
}

#map-container::after {
    content: "Carte interactive des régions françaises";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: bold;
    color: #3b82f6;
    z-index: 2;
}