/**
 * Bathymetry Layer Styles (CSS Variable Driven)
 * Module: Bathymetry CSS
 * Version: 2.2.1
 */

/* High-performance Label Container */
.bathymetry-label-clean {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Label content using dynamic variables */
.bathymetry-label-content {
    /* Dynamics passed from JS */
    color: var(--label-color, #ffffff);
    transform: rotate(var(--label-rotation, 0deg));
    
    /* Centrally managed constants */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 8px; /* Slightly smaller than contours */
    font-weight: 700;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

/* Interactive Tooltip */
.bathymetry-tooltip {
    background: rgba(0, 20, 50, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Base polyline class (Fallback for non-canvas, though we use canvas) */
.bathymetry-contour {
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Enforce Danger Shoal Opacity via CSS to bypass JS/Leaflet weirdness */
.danger-shoal-fill {
    fill-opacity: 0.3 !important;
    stroke: none !important; 
    pointer-events: none; 
}