/* Autos Esquivel — mapa claro incluso cuando el sitio está en modo oscuro.
 * La intención es mantener una lectura tipo Google Maps: fondo blanco, calles
 * claras, parques/agua con sus colores naturales y controles limpios.
 * Los pines siguen controlados exclusivamente desde contact-map-pin-fix.css.
 */

html:not([data-theme="light"]) .ae-contact-map__canvas-wrap,
html:not([data-theme="light"]) .ae-contact-map__canvas.leaflet-container {
    background: #f4f6f8;
}

/* contact-map.js aplica un filtro oscuro inline al tilePane en dark mode.
 * Lo anulamos aquí para conservar los colores originales del mapa OSM.
 */
html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-tile-pane {
    opacity: 1 !important;
    filter: none !important;
    background: #f4f6f8 !important;
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-tile {
    filter: none !important;
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-zoom {
    overflow: hidden;
    border: 1px solid #d7dde5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .16);
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-zoom a {
    background: rgba(255, 255, 255, .98);
    color: #172033;
    border-color: #e5e9ef;
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-zoom a:hover,
html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-zoom a:focus-visible {
    background: #f5f7fa;
    color: #0f172a;
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-attribution {
    background: rgba(255, 255, 255, .88);
    color: #64748b;
}

html:not([data-theme="light"]) .ae-contact-map__canvas .leaflet-control-attribution a {
    color: #334155;
}

html:not([data-theme="light"]) .ae-contact-map__floating-label,
html:not([data-theme="light"]) .ae-contact-map__tab {
    border-color: #d8dee7;
    background: rgba(255, 255, 255, .96);
    color: #172033;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

html:not([data-theme="light"]) .ae-contact-map__tab:hover,
html:not([data-theme="light"]) .ae-contact-map__tab:focus-visible {
    border-color: #aeb8c5;
    background: #fff;
    color: #0f172a;
}

html:not([data-theme="light"]) .ae-contact-map__tab.is-active {
    border-color: #8d99a8;
    background: #fff;
    color: #0b1220;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .18);
}