/* ==========================================================================
   Expedition Map — pins, tooltips, Leaflet overrides
   ========================================================================== */

#expedition-map {
    width: 100%;
    height: 100%;
    background-color: #150D06;
}

/* Vintage parchment tint on the tile layer */
.leaflet-tile-pane {
    filter: sepia(0.4) saturate(0.9) brightness(0.68) contrast(1.8) hue-rotate(-5deg);
}

/* Pin icon — remove Leaflet default background/border */
.bc-map-pin {
    background: none !important;
    border: none !important;
}

/* Pin hover glow */
.bc-map-pin:hover svg path:first-child {
    filter: drop-shadow(0 0 6px rgba(201, 168, 76, 0.6));
}

/* ==========================================================================
   Tooltip styling
   ========================================================================== */

.bc-map-tooltip-wrapper {
    background-color: #150D06 !important;
    border: 1px solid #3D2B1A !important;
    color: #F0E8D8 !important;
    padding: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.bc-map-tooltip-wrapper::before {
    border-top-color: #3D2B1A !important;
}

.bc-map-tooltip {
    padding: 10px 14px;
    font-family: 'Crimson Pro', Georgia, serif;
    line-height: 1.4;
}

.bc-map-tooltip strong {
    display: block;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Libre Baskerville', Georgia, serif;
    color: #F0E8D8;
    margin-bottom: 2px;
}

.bc-map-tooltip span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #A89070;
}

.bc-map-tooltip .bc-coming-soon {
    color: #C9A84C;
    margin-top: 4px;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    font-size: 11px;
}

/* ==========================================================================
   Leaflet overrides — match dark theme
   ========================================================================== */

.leaflet-control-zoom a {
    background-color: #150D06 !important;
    color: #A89070 !important;
    border-color: #3D2B1A !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 14px !important;
    border-radius: 0 !important;
}

.leaflet-control-zoom a:hover {
    color: #C9A84C !important;
    background-color: #1A1008 !important;
}

.leaflet-control-attribution {
    display: none;
}

/* ==========================================================================
   Atlas Page — interactive globe
   ========================================================================== */

.atlas-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 clamp(24px, 4vw, 40px);
}

.atlas-header {
    padding: 32px 0 20px;
    border-bottom: 1px solid #3D2B1A;
}

.atlas-title {
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: 22px;
    font-weight: 400;
    color: #F0E8D8;
    margin: 0 0 4px;
}

.atlas-subtitle {
    font-family: 'Crimson Pro', Georgia, serif;
    font-size: 13px;
    color: #8B7355;
    margin: 0;
}

.atlas-map-container {
    position: relative;
    height: 70vh;
    min-height: 500px;
    margin: 24px 0 48px;
    background-color: #0F0804;
}

.atlas-map-container #atlas-map {
    width: 100%;
    height: 100%;
}

/* Vintage parchment tint on the globe — match homepage hero map */
.atlas-map-container canvas {
    filter: sepia(0.35) saturate(0.8) brightness(0.75) contrast(1.6) hue-rotate(-5deg);
}

/* ==========================================================================
   Globe — pin and tooltip styles
   ========================================================================== */

.bc-globe-pin {
    position: relative;
}

.bc-globe-pin:hover svg path:first-child {
    filter: drop-shadow(0 0 6px rgba(201, 168, 76, 0.6));
}

.bc-globe-tooltip {
    display: none;
    position: absolute;
    background-color: #150D06;
    border: 1px solid #3D2B1A;
    padding: 10px 14px;
    white-space: nowrap;
    z-index: 100;
    pointer-events: none;
}

.bc-globe-tooltip strong {
    display: block;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Libre Baskerville', Georgia, serif;
    color: #F0E8D8;
    margin-bottom: 2px;
}

.bc-globe-tooltip span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #A89070;
}

.bc-globe-tooltip .bc-coming-soon {
    color: #C9A84C;
    margin-top: 4px;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    font-size: 11px;
}

/* Hide Globe.gl default info label */
.scene-tooltip,
.globe-gl .scene-nav-info {
    display: none !important;
}