/* Main CSS file for the application */
/* Core application styles - used by index.html */

/* Import base styles from CDN */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://unpkg.com/leaflet@1.9.4/dist/leaflet.css');

/* Core UI Components */
@import 'enterprise-ui-enhanced.css';
@import 'unified-dashboard.css';
@import 'enterprise-dashboard.css';

/* Layout and Panels */
@import 'panel-fix.css';
@import 'tab-styles.css';

/* RSS Feed Interface */
@import 'rss-unified.css';
@import 'rss-professional.css';
@import 'rss-enhanced.css';
@import 'rss-sidebar-modern.css';

/* Modal and Dropdown Fixes */
@import 'dropdown-modal-fix.css';
/* power-outage-modal-sizing.css removed - consolidated into power-outage-modal.css */

/* Layer Styles */
@import 'reliefweb-disasters.css';

/* Responsive Design */
@import 'responsive-enhancements.css';
/* AlertMedia Travel Risks Layer Styling */
.travel-risk-popup {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Force AlertMedia orange colors on KML layer paths */
.leaflet-overlay-pane path[stroke],
.leaflet-overlay-pane path[fill] {
    transition: opacity 0.3s;
}

/* Target paths that are part of travel risks layer */
.leaflet-container path.leaflet-interactive {
    stroke: #ff6b35 !important;
    stroke-width: 3 !important;
    stroke-opacity: 0.9 !important;
    fill: #ff9558 !important;
    fill-opacity: 0.35 !important;
}

/* Hover effect for travel risk areas */
.leaflet-container path.leaflet-interactive:hover {
    stroke-width: 4 !important;
    stroke-opacity: 1 !important;
    fill-opacity: 0.5 !important;
}