/* =============================================================
   COMPONENT / YANDEX-MAPS
   
   Переопределения стилей Яндекс.Карт.
   !important здесь неизбежен: их стили применяются с высокой
   специфичностью и часто инлайн.
   ============================================================= */

/* ---------------------------------------------------------
   КОНТЕЙНЕРЫ КАРТ
   --------------------------------------------------------- */

.map-wrapper {
    display: none;
    position: fixed;
    inset: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    z-index: var(--z-modal);
}

div.statistics-page #customMap {
    width: 100%;
    height: calc(100vh - 40px);
}

div.routelist-page #customMap {
    width: 100%;
    height: calc(100vh - 88px);
}

div.contact-page #map {
    width: 100%;
    height: calc(100vh - 88px);
}

:is(#map, #customMap) {
    box-shadow: var(--shadow-surface);
}

/* ---------------------------------------------------------
   КНОПКА ЗАКРЫТИЯ БАЛУНА
   --------------------------------------------------------- */

[class$="balloon__close-button"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='close icon' viewBox='0 0 24 24'%3E%3Cpath d='M6,17 17,6 M6,6 17,17' stroke='black'/%3E%3C/svg%3E") !important;
    width: var(--icon-lg) !important;
    height: var(--icon-lg) !important;
    opacity: 1 !important;
}

/* ---------------------------------------------------------
   КНОПКА ЗАКРЫТИЯ ПАНЕЛИ
   --------------------------------------------------------- */

[class$="float-button-text"] {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cline stroke="%236b6b6b" stroke-width="2.5" x1="3" x2="13" y1="3" y2="13"%3E%3C/line%3E%3Cline stroke="%236b6b6b" stroke-width="2.5" x1="3" x2="13" y1="13" y2="3"%3E%3C/line%3E%3C/svg%3E');
    width: 16px;
    height: 16px;
    padding: 0 !important;
    margin: 5px;
}