/* 3D Earth Module Styles */

#globe-container {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    background: transparent; /* Allows blending with site background */
}

/* Ensure canvas is responsive */
#globe-container canvas {
    display: block; /* Removes bottom spacing */
    width: 100% !important;
    height: 100% !important;
    outline: none;
}

/* Optional loading overlay */
.globe-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--accent, #3B82F6);
    font-family: inherit;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
    opacity: 0.7;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 0.4; }
    50% { opacity: 0.8; }
    100% { opacity: 0.4; }
}