/* Nautical theme Tailwind overrides & customs */
:root {
    --bg-nautical: #0f172a; /* slate-900 */
}

body {
    background-color: var(--bg-nautical);
}

.nautical-bg {
    background-image: radial-gradient(circle at top right, #0ea5e920 0%, transparent 40%),
                      radial-gradient(circle at bottom left, #3b82f620 0%, transparent 40%);
}

.glass-panel {
    background: rgba(30, 41, 59, 0.7); /* slate-800 */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Custom scrollbar for a polished look */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5); 
}
::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.3); /* sky-400 */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(56, 189, 248, 0.5); 
}

/* Modal animation */
.modal-overlay-show {
    display: block !important;
}
.modal-show {
    display: flex !important;
}
.modal-animate-in > .glass-panel {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* Map sizing */
#map {
    width: 100%;
    height: 100%;
    z-index: 10;
}
.leaflet-container {
    background: #0f172a; /* match tailwind slate-900 */
}