/**
 * Transfers Core — Shared free-map presentation.
 *
 * Table of Contents
 * 1. Component styles
 */

/* ==========================================================================
   1. Component styles
   ========================================================================== */

.marmaris-transfers-free-map { position: relative; isolation: isolate; overflow: clip; background: #e5eef5; touch-action: none; cursor: grab; }
.marmaris-transfers-free-map.is-panning { cursor: grabbing; }
.marmaris-transfers-free-map.is-selecting { cursor: crosshair; }
.marmaris-transfers-free-map__tiles { position: absolute; inset: 0; pointer-events: none; }
.marmaris-transfers-free-map__tile { position: absolute; width: 256px; height: 256px; max-width: none; user-select: none; pointer-events: none; }
.marmaris-transfers-free-map__overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.marmaris-transfers-free-map__route { fill: none; stroke: #e11d5b; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; opacity: .88; }
.marmaris-transfers-free-map__point { stroke: #fff; stroke-width: 3; fill: #1f6feb; }
.marmaris-transfers-free-map__point.is-start { fill: #0a8f5b; }
.marmaris-transfers-free-map__point.is-end { fill: #d8344d; }
.marmaris-transfers-free-map__point.is-waypoint { fill: #1f6feb; stroke-width: 2; }
.marmaris-transfers-free-map__attribution { position: absolute; inset-inline-end: 8px; inset-block-end: 6px; z-index: 4; padding: 3px 6px; border-radius: 3px; background: rgba(255,255,255,.9); color: #334155; font-size: 11px; line-height: 1.2; text-decoration: none; }
.marmaris-transfers-free-map__zoom { position: absolute; inset-inline-start: 10px; inset-block-start: 10px; z-index: 5; display: grid; gap: 4px; }
.marmaris-transfers-free-map__zoom button { width: 34px; height: 34px; border: 1px solid #cbd5e1; border-radius: 4px; background: rgba(255,255,255,.94); color: #0f172a; font-size: 20px; line-height: 1; cursor: pointer; }
.marmaris-transfers-free-map__zoom button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* ==========================================================================
   End: Component styles
   ========================================================================== */