/** * California Interactive Map — frontend styles. * * Every rule is scoped under .cim-map. Per-instance values arrive as CSS custom * properties written by Elementor's selectors onto the widget wrapper, so two * maps on one page never share state. */ /* * Design tokens. * * The dialog is moved to while open, which puts it outside .cim-map — so * it must carry these itself or every var() inside it resolves to nothing and * the overlay paints transparent. The widget's own values are copied onto it as * an inline style at open time, which overrides these defaults. */ .cim-map, .cim-map__dialog { /* Canvas */ --cim-map-height: 620px; --cim-canvas-bg: #f4f4f5; /* Regions */ --cim-region-fill: #060606; --cim-region-stroke: rgba(255, 255, 255, 0.42); --cim-region-stroke-width: 1; --cim-region-hover-fill: #e63950; --cim-region-hover-scale: 1; --cim-region-hover-glow: transparent; --cim-region-selected-fill: #c81d38; --cim-region-disabled-opacity: 0.35; --cim-focus-color: #ffffff; --cim-transition: 180ms; /* Pins */ --cim-pin-color: #101010; --cim-pin-border: #ffffff; --cim-pin-border-width: 2; --cim-pin-hover-scale: 1.25; --cim-pin-pulse: #c91d3a; --cim-pin-shadow: rgba(0, 0, 0, 0.35); /* Tooltip */ --cim-tooltip-bg: #111111; --cim-tooltip-color: #ffffff; /* Controls */ --cim-control-bg: #ffffff; --cim-control-bg-hover: #111111; --cim-control-color: #111111; --cim-control-color-hover: #ffffff; --cim-control-size: 38px; --cim-control-radius: 8px; --cim-control-gap: 6px; --cim-controls-offset: 14px; --cim-controls-top: auto; --cim-controls-right: var(--cim-controls-offset); --cim-controls-bottom: var(--cim-controls-offset); --cim-controls-left: auto; /* Popup */ --cim-overlay-bg: rgba(6, 6, 6, 0.62); --cim-dialog-bg: #ffffff; --cim-dialog-color: #2b2b2b; --cim-dialog-radius: 14px; --cim-dialog-max-width: 560px; --cim-dialog-close: #6b6b6b; --cim-dialog-close-hover: #111111; --cim-cta-bg: #c81d38; --cim-cta-color: #ffffff; --cim-cta-bg-hover: #111111; --cim-cta-color-hover: #ffffff; /* Widget-local stacking order. Deliberately small numbers. */ --cim-z-map: 1; --cim-z-controls: 2; --cim-z-tooltip: 3; /* The dialog is moved to on open, so it needs a page-level value rather than a widget-local one. Override it if your theme goes higher. */ --cim-dialog-z: 99999; } /* Layout, which belongs to the map box alone. */ .cim-map { position: relative; overflow: hidden; width: 100%; height: var(--cim-map-height); background-color: var(--cim-canvas-bg); isolation: isolate; } /* ------------------------------------------------------------------------- * Viewport + SVG * ---------------------------------------------------------------------- */ /* * Themes style bare