/**
 * Nautical Labels Styles
 * Module: Nautical Labels Styles
 * Version: 1.0.0
 * Date: 2025-01-XX
 * Author: Alex Moustris
 * Description: CSS styles for Seas, Gulfs, and Capes text labels (vintage nautical chart style)
 */

/* Sea Labels */
.sea-label {
  font-family: 'EB Garamond', 'Garamond', 'DejaVu Serif', serif !important;
  font-style: italic !important;
    font-size:16px;
  font-weight: 400 !important;
  color: rgba(93,100,104,0.76) !important;
  letter-spacing: 0.6px !important;
  pointer-events: none !important;
  user-select: none !important;
  white-space: nowrap !important;
  display: inline-block !important;
  line-height: 1.3 !important;
    text-shadow:
    -0.8px 0   rgba(255,255,255,0.45),
     0.8px 0   rgba(255,255,255,0.45),
     0   -0.8px rgba(255,255,255,0.45),
     0    0.8px rgba(255,255,255,0.45);
}

/* Sea Labels - Importance-based sizing */
.sea-label.importance-1 { font-size: 16px !important; }
.sea-label.importance-2 { font-size: 14px !important; }
.sea-label.importance-3 { font-size: 12px !important; }
.sea-label.importance-4 { font-size: 11px !important; }

/* Gulf Labels - Old Nautical Map Style */
.gulf-label {
  font-family: 'Cinzel', 'Playfair Display', 'Georgia', serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: rgba(65,65,63,0.90) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.35em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;
  display: inline-block !important;
  line-height: 1.1 !important;

  transform: rotate(70deg);
  transform-origin: center center;

  text-shadow:
    -0.8px 0   rgba(255,255,255,0.45),
     0.8px 0   rgba(255,255,255,0.45),
     0   -0.8px rgba(255,255,255,0.45),
     0    0.8px rgba(255,255,255,0.45);
}

/* Gulf Labels - Importance-based sizing */
.gulf-label.importance-1 { font-size: 15px !important; }
.gulf-label.importance-2 { font-size: 13px !important; }
.gulf-label.importance-3 { font-size: 11px !important; }
.gulf-label.importance-4 { font-size: 10px !important; }

/* Cape Labels */
.cape-label {
  font-family: 'EB Garamond', 'Garamond', 'DejaVu Serif', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: rgba(170, 110, 40, 0.85) !important;
  letter-spacing: 0.4px !important;
  pointer-events: none !important;
  user-select: none !important;
  white-space: nowrap !important;
  display: inline-block !important;
  line-height: 1.3 !important;
    text-shadow:
    -0.8px 0   rgba(255,255,255,0.45),
     0.8px 0   rgba(255,255,255,0.45),
     0   -0.8px rgba(255,255,255,0.45),
     0    0.8px rgba(255,255,255,0.45);
}

/* Container for all nautical labels */
.nautical-label-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  text-align: left !important;
}

/* Smooth opacity transitions */
.leaflet-zoom-anim .sea-label,
.leaflet-zoom-anim .gulf-label,
.leaflet-zoom-anim .cape-label {
  transition: opacity 300ms ease-out;
}
