@fabriquerdemain/map-vue 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css ADDED
@@ -0,0 +1,1168 @@
1
+ /* required styles */
2
+
3
+ .leaflet-pane,
4
+ .leaflet-tile,
5
+ .leaflet-marker-icon,
6
+ .leaflet-marker-shadow,
7
+ .leaflet-tile-container,
8
+ .leaflet-pane > svg,
9
+ .leaflet-pane > canvas,
10
+ .leaflet-zoom-box,
11
+ .leaflet-image-layer,
12
+ .leaflet-layer {
13
+ position: absolute;
14
+ left: 0;
15
+ top: 0;
16
+ }
17
+ .leaflet-container {
18
+ overflow: hidden;
19
+ }
20
+ .leaflet-tile,
21
+ .leaflet-marker-icon,
22
+ .leaflet-marker-shadow {
23
+ -webkit-user-select: none;
24
+ -moz-user-select: none;
25
+ user-select: none;
26
+ -webkit-user-drag: none;
27
+ }
28
+ /* Prevents IE11 from highlighting tiles in blue */
29
+ .leaflet-tile::selection {
30
+ background: transparent;
31
+ }
32
+ /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
33
+ .leaflet-safari .leaflet-tile {
34
+ image-rendering: -webkit-optimize-contrast;
35
+ }
36
+ /* hack that prevents hw layers "stretching" when loading new tiles */
37
+ .leaflet-safari .leaflet-tile-container {
38
+ width: 1600px;
39
+ height: 1600px;
40
+ -webkit-transform-origin: 0 0;
41
+ }
42
+ .leaflet-marker-icon,
43
+ .leaflet-marker-shadow {
44
+ display: block;
45
+ }
46
+ /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
47
+ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
48
+ .leaflet-container .leaflet-overlay-pane svg {
49
+ max-width: none !important;
50
+ max-height: none !important;
51
+ }
52
+ .leaflet-container .leaflet-marker-pane img,
53
+ .leaflet-container .leaflet-shadow-pane img,
54
+ .leaflet-container .leaflet-tile-pane img,
55
+ .leaflet-container img.leaflet-image-layer,
56
+ .leaflet-container .leaflet-tile {
57
+ max-width: none !important;
58
+ max-height: none !important;
59
+ width: auto;
60
+ padding: 0;
61
+ }
62
+
63
+ .leaflet-container img.leaflet-tile {
64
+ /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
65
+ mix-blend-mode: plus-lighter;
66
+ }
67
+
68
+ .leaflet-container.leaflet-touch-zoom {
69
+ -ms-touch-action: pan-x pan-y;
70
+ touch-action: pan-x pan-y;
71
+ }
72
+ .leaflet-container.leaflet-touch-drag {
73
+ -ms-touch-action: pinch-zoom;
74
+ /* Fallback for FF which doesn't support pinch-zoom */
75
+ touch-action: none;
76
+ touch-action: pinch-zoom;
77
+ }
78
+ .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
79
+ -ms-touch-action: none;
80
+ touch-action: none;
81
+ }
82
+ .leaflet-container {
83
+ -webkit-tap-highlight-color: transparent;
84
+ }
85
+ .leaflet-container a {
86
+ -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
87
+ }
88
+ .leaflet-tile {
89
+ filter: inherit;
90
+ visibility: hidden;
91
+ }
92
+ .leaflet-tile-loaded {
93
+ visibility: inherit;
94
+ }
95
+ .leaflet-zoom-box {
96
+ width: 0;
97
+ height: 0;
98
+ -moz-box-sizing: border-box;
99
+ box-sizing: border-box;
100
+ z-index: 800;
101
+ }
102
+ /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
103
+ .leaflet-overlay-pane svg {
104
+ -moz-user-select: none;
105
+ }
106
+
107
+ .leaflet-pane { z-index: 400; }
108
+
109
+ .leaflet-tile-pane { z-index: 200; }
110
+ .leaflet-overlay-pane { z-index: 400; }
111
+ .leaflet-shadow-pane { z-index: 500; }
112
+ .leaflet-marker-pane { z-index: 600; }
113
+ .leaflet-tooltip-pane { z-index: 650; }
114
+ .leaflet-popup-pane { z-index: 700; }
115
+
116
+ .leaflet-map-pane canvas { z-index: 100; }
117
+ .leaflet-map-pane svg { z-index: 200; }
118
+
119
+ .leaflet-vml-shape {
120
+ width: 1px;
121
+ height: 1px;
122
+ }
123
+ .lvml {
124
+ behavior: url(#default#VML);
125
+ display: inline-block;
126
+ position: absolute;
127
+ }
128
+
129
+
130
+ /* control positioning */
131
+
132
+ .leaflet-control {
133
+ position: relative;
134
+ z-index: 800;
135
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
136
+ pointer-events: auto;
137
+ }
138
+ .leaflet-top,
139
+ .leaflet-bottom {
140
+ position: absolute;
141
+ z-index: 1000;
142
+ pointer-events: none;
143
+ }
144
+ .leaflet-top {
145
+ top: 0;
146
+ }
147
+ .leaflet-right {
148
+ right: 0;
149
+ }
150
+ .leaflet-bottom {
151
+ bottom: 0;
152
+ }
153
+ .leaflet-left {
154
+ left: 0;
155
+ }
156
+ .leaflet-control {
157
+ float: left;
158
+ clear: both;
159
+ }
160
+ .leaflet-right .leaflet-control {
161
+ float: right;
162
+ }
163
+ .leaflet-top .leaflet-control {
164
+ margin-top: 10px;
165
+ }
166
+ .leaflet-bottom .leaflet-control {
167
+ margin-bottom: 10px;
168
+ }
169
+ .leaflet-left .leaflet-control {
170
+ margin-left: 10px;
171
+ }
172
+ .leaflet-right .leaflet-control {
173
+ margin-right: 10px;
174
+ }
175
+
176
+
177
+ /* zoom and fade animations */
178
+
179
+ .leaflet-fade-anim .leaflet-popup {
180
+ opacity: 0;
181
+ -webkit-transition: opacity 0.2s linear;
182
+ -moz-transition: opacity 0.2s linear;
183
+ transition: opacity 0.2s linear;
184
+ }
185
+ .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
186
+ opacity: 1;
187
+ }
188
+ .leaflet-zoom-animated {
189
+ -webkit-transform-origin: 0 0;
190
+ -ms-transform-origin: 0 0;
191
+ transform-origin: 0 0;
192
+ }
193
+ svg.leaflet-zoom-animated {
194
+ will-change: transform;
195
+ }
196
+
197
+ .leaflet-zoom-anim .leaflet-zoom-animated {
198
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
199
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
200
+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
201
+ }
202
+ .leaflet-zoom-anim .leaflet-tile,
203
+ .leaflet-pan-anim .leaflet-tile {
204
+ -webkit-transition: none;
205
+ -moz-transition: none;
206
+ transition: none;
207
+ }
208
+
209
+ .leaflet-zoom-anim .leaflet-zoom-hide {
210
+ visibility: hidden;
211
+ }
212
+
213
+
214
+ /* cursors */
215
+
216
+ .leaflet-interactive {
217
+ cursor: pointer;
218
+ }
219
+ .leaflet-grab {
220
+ cursor: -webkit-grab;
221
+ cursor: -moz-grab;
222
+ cursor: grab;
223
+ }
224
+ .leaflet-crosshair,
225
+ .leaflet-crosshair .leaflet-interactive {
226
+ cursor: crosshair;
227
+ }
228
+ .leaflet-popup-pane,
229
+ .leaflet-control {
230
+ cursor: auto;
231
+ }
232
+ .leaflet-dragging .leaflet-grab,
233
+ .leaflet-dragging .leaflet-grab .leaflet-interactive,
234
+ .leaflet-dragging .leaflet-marker-draggable {
235
+ cursor: move;
236
+ cursor: -webkit-grabbing;
237
+ cursor: -moz-grabbing;
238
+ cursor: grabbing;
239
+ }
240
+
241
+ /* marker & overlays interactivity */
242
+ .leaflet-marker-icon,
243
+ .leaflet-marker-shadow,
244
+ .leaflet-image-layer,
245
+ .leaflet-pane > svg path,
246
+ .leaflet-tile-container {
247
+ pointer-events: none;
248
+ }
249
+
250
+ .leaflet-marker-icon.leaflet-interactive,
251
+ .leaflet-image-layer.leaflet-interactive,
252
+ .leaflet-pane > svg path.leaflet-interactive,
253
+ svg.leaflet-image-layer.leaflet-interactive path {
254
+ pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
255
+ pointer-events: auto;
256
+ }
257
+
258
+ /* visual tweaks */
259
+
260
+ .leaflet-container {
261
+ background: #ddd;
262
+ outline-offset: 1px;
263
+ }
264
+ .leaflet-container a {
265
+ color: #0078A8;
266
+ }
267
+ .leaflet-zoom-box {
268
+ border: 2px dotted #38f;
269
+ background: rgba(255,255,255,0.5);
270
+ }
271
+
272
+
273
+ /* general typography */
274
+ .leaflet-container {
275
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
276
+ font-size: 12px;
277
+ font-size: 0.75rem;
278
+ line-height: 1.5;
279
+ }
280
+
281
+
282
+ /* general toolbar styles */
283
+
284
+ .leaflet-bar {
285
+ box-shadow: 0 1px 5px rgba(0,0,0,0.65);
286
+ border-radius: 4px;
287
+ }
288
+ .leaflet-bar a {
289
+ background-color: #fff;
290
+ border-bottom: 1px solid #ccc;
291
+ width: 26px;
292
+ height: 26px;
293
+ line-height: 26px;
294
+ display: block;
295
+ text-align: center;
296
+ text-decoration: none;
297
+ color: black;
298
+ }
299
+ .leaflet-bar a,
300
+ .leaflet-control-layers-toggle {
301
+ background-position: 50% 50%;
302
+ background-repeat: no-repeat;
303
+ display: block;
304
+ }
305
+ .leaflet-bar a:hover,
306
+ .leaflet-bar a:focus {
307
+ background-color: #f4f4f4;
308
+ }
309
+ .leaflet-bar a:first-child {
310
+ border-top-left-radius: 4px;
311
+ border-top-right-radius: 4px;
312
+ }
313
+ .leaflet-bar a:last-child {
314
+ border-bottom-left-radius: 4px;
315
+ border-bottom-right-radius: 4px;
316
+ border-bottom: none;
317
+ }
318
+ .leaflet-bar a.leaflet-disabled {
319
+ cursor: default;
320
+ background-color: #f4f4f4;
321
+ color: #bbb;
322
+ }
323
+
324
+ .leaflet-touch .leaflet-bar a {
325
+ width: 30px;
326
+ height: 30px;
327
+ line-height: 30px;
328
+ }
329
+ .leaflet-touch .leaflet-bar a:first-child {
330
+ border-top-left-radius: 2px;
331
+ border-top-right-radius: 2px;
332
+ }
333
+ .leaflet-touch .leaflet-bar a:last-child {
334
+ border-bottom-left-radius: 2px;
335
+ border-bottom-right-radius: 2px;
336
+ }
337
+
338
+ /* zoom control */
339
+
340
+ .leaflet-control-zoom-in,
341
+ .leaflet-control-zoom-out {
342
+ font: bold 18px 'Lucida Console', Monaco, monospace;
343
+ text-indent: 1px;
344
+ }
345
+
346
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
347
+ font-size: 22px;
348
+ }
349
+
350
+
351
+ /* layers control */
352
+
353
+ .leaflet-control-layers {
354
+ box-shadow: 0 1px 5px rgba(0,0,0,0.4);
355
+ background: #fff;
356
+ border-radius: 5px;
357
+ }
358
+ .leaflet-control-layers-toggle {
359
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
360
+ width: 36px;
361
+ height: 36px;
362
+ }
363
+ .leaflet-retina .leaflet-control-layers-toggle {
364
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
365
+ background-size: 26px 26px;
366
+ }
367
+ .leaflet-touch .leaflet-control-layers-toggle {
368
+ width: 44px;
369
+ height: 44px;
370
+ }
371
+ .leaflet-control-layers .leaflet-control-layers-list,
372
+ .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
373
+ display: none;
374
+ }
375
+ .leaflet-control-layers-expanded .leaflet-control-layers-list {
376
+ display: block;
377
+ position: relative;
378
+ }
379
+ .leaflet-control-layers-expanded {
380
+ padding: 6px 10px 6px 6px;
381
+ color: #333;
382
+ background: #fff;
383
+ }
384
+ .leaflet-control-layers-scrollbar {
385
+ overflow-y: scroll;
386
+ overflow-x: hidden;
387
+ padding-right: 5px;
388
+ }
389
+ .leaflet-control-layers-selector {
390
+ margin-top: 2px;
391
+ position: relative;
392
+ top: 1px;
393
+ }
394
+ .leaflet-control-layers label {
395
+ display: block;
396
+ font-size: 13px;
397
+ font-size: 1.08333em;
398
+ }
399
+ .leaflet-control-layers-separator {
400
+ height: 0;
401
+ border-top: 1px solid #ddd;
402
+ margin: 5px -10px 5px -6px;
403
+ }
404
+
405
+ /* Default icon URLs */
406
+ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
407
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
408
+ }
409
+
410
+
411
+ /* attribution and scale controls */
412
+
413
+ .leaflet-container .leaflet-control-attribution {
414
+ background: #fff;
415
+ background: rgba(255, 255, 255, 0.8);
416
+ margin: 0;
417
+ }
418
+ .leaflet-control-attribution,
419
+ .leaflet-control-scale-line {
420
+ padding: 0 5px;
421
+ color: #333;
422
+ line-height: 1.4;
423
+ }
424
+ .leaflet-control-attribution a {
425
+ text-decoration: none;
426
+ }
427
+ .leaflet-control-attribution a:hover,
428
+ .leaflet-control-attribution a:focus {
429
+ text-decoration: underline;
430
+ }
431
+ .leaflet-attribution-flag {
432
+ display: inline !important;
433
+ vertical-align: baseline !important;
434
+ width: 1em;
435
+ height: 0.6669em;
436
+ }
437
+ .leaflet-left .leaflet-control-scale {
438
+ margin-left: 5px;
439
+ }
440
+ .leaflet-bottom .leaflet-control-scale {
441
+ margin-bottom: 5px;
442
+ }
443
+ .leaflet-control-scale-line {
444
+ border: 2px solid #777;
445
+ border-top: none;
446
+ line-height: 1.1;
447
+ padding: 2px 5px 1px;
448
+ white-space: nowrap;
449
+ -moz-box-sizing: border-box;
450
+ box-sizing: border-box;
451
+ background: rgba(255, 255, 255, 0.8);
452
+ text-shadow: 1px 1px #fff;
453
+ }
454
+ .leaflet-control-scale-line:not(:first-child) {
455
+ border-top: 2px solid #777;
456
+ border-bottom: none;
457
+ margin-top: -2px;
458
+ }
459
+ .leaflet-control-scale-line:not(:first-child):not(:last-child) {
460
+ border-bottom: 2px solid #777;
461
+ }
462
+
463
+ .leaflet-touch .leaflet-control-attribution,
464
+ .leaflet-touch .leaflet-control-layers,
465
+ .leaflet-touch .leaflet-bar {
466
+ box-shadow: none;
467
+ }
468
+ .leaflet-touch .leaflet-control-layers,
469
+ .leaflet-touch .leaflet-bar {
470
+ border: 2px solid rgba(0,0,0,0.2);
471
+ background-clip: padding-box;
472
+ }
473
+
474
+
475
+ /* popup */
476
+
477
+ .leaflet-popup {
478
+ position: absolute;
479
+ text-align: center;
480
+ margin-bottom: 20px;
481
+ }
482
+ .leaflet-popup-content-wrapper {
483
+ padding: 1px;
484
+ text-align: left;
485
+ border-radius: 12px;
486
+ }
487
+ .leaflet-popup-content {
488
+ margin: 13px 24px 13px 20px;
489
+ line-height: 1.3;
490
+ font-size: 13px;
491
+ font-size: 1.08333em;
492
+ min-height: 1px;
493
+ }
494
+ .leaflet-popup-content p {
495
+ margin: 17px 0;
496
+ margin: 1.3em 0;
497
+ }
498
+ .leaflet-popup-tip-container {
499
+ width: 40px;
500
+ height: 20px;
501
+ position: absolute;
502
+ left: 50%;
503
+ margin-top: -1px;
504
+ margin-left: -20px;
505
+ overflow: hidden;
506
+ pointer-events: none;
507
+ }
508
+ .leaflet-popup-tip {
509
+ width: 17px;
510
+ height: 17px;
511
+ padding: 1px;
512
+
513
+ margin: -10px auto 0;
514
+ pointer-events: auto;
515
+
516
+ -webkit-transform: rotate(45deg);
517
+ -moz-transform: rotate(45deg);
518
+ -ms-transform: rotate(45deg);
519
+ transform: rotate(45deg);
520
+ }
521
+ .leaflet-popup-content-wrapper,
522
+ .leaflet-popup-tip {
523
+ background: white;
524
+ color: #333;
525
+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
526
+ }
527
+ .leaflet-container a.leaflet-popup-close-button {
528
+ position: absolute;
529
+ top: 0;
530
+ right: 0;
531
+ border: none;
532
+ text-align: center;
533
+ width: 24px;
534
+ height: 24px;
535
+ font: 16px/24px Tahoma, Verdana, sans-serif;
536
+ color: #757575;
537
+ text-decoration: none;
538
+ background: transparent;
539
+ }
540
+ .leaflet-container a.leaflet-popup-close-button:hover,
541
+ .leaflet-container a.leaflet-popup-close-button:focus {
542
+ color: #585858;
543
+ }
544
+ .leaflet-popup-scrolled {
545
+ overflow: auto;
546
+ }
547
+
548
+ .leaflet-oldie .leaflet-popup-content-wrapper {
549
+ -ms-zoom: 1;
550
+ }
551
+ .leaflet-oldie .leaflet-popup-tip {
552
+ width: 24px;
553
+ margin: 0 auto;
554
+
555
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
556
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
557
+ }
558
+
559
+ .leaflet-oldie .leaflet-control-zoom,
560
+ .leaflet-oldie .leaflet-control-layers,
561
+ .leaflet-oldie .leaflet-popup-content-wrapper,
562
+ .leaflet-oldie .leaflet-popup-tip {
563
+ border: 1px solid #999;
564
+ }
565
+
566
+
567
+ /* div icon */
568
+
569
+ .leaflet-div-icon {
570
+ background: #fff;
571
+ border: 1px solid #666;
572
+ }
573
+
574
+
575
+ /* Tooltip */
576
+ /* Base styles for the element that has a tooltip */
577
+ .leaflet-tooltip {
578
+ position: absolute;
579
+ padding: 6px;
580
+ background-color: #fff;
581
+ border: 1px solid #fff;
582
+ border-radius: 3px;
583
+ color: #222;
584
+ white-space: nowrap;
585
+ -webkit-user-select: none;
586
+ -moz-user-select: none;
587
+ -ms-user-select: none;
588
+ user-select: none;
589
+ pointer-events: none;
590
+ box-shadow: 0 1px 3px rgba(0,0,0,0.4);
591
+ }
592
+ .leaflet-tooltip.leaflet-interactive {
593
+ cursor: pointer;
594
+ pointer-events: auto;
595
+ }
596
+ .leaflet-tooltip-top:before,
597
+ .leaflet-tooltip-bottom:before,
598
+ .leaflet-tooltip-left:before,
599
+ .leaflet-tooltip-right:before {
600
+ position: absolute;
601
+ pointer-events: none;
602
+ border: 6px solid transparent;
603
+ background: transparent;
604
+ content: "";
605
+ }
606
+
607
+ /* Directions */
608
+
609
+ .leaflet-tooltip-bottom {
610
+ margin-top: 6px;
611
+ }
612
+ .leaflet-tooltip-top {
613
+ margin-top: -6px;
614
+ }
615
+ .leaflet-tooltip-bottom:before,
616
+ .leaflet-tooltip-top:before {
617
+ left: 50%;
618
+ margin-left: -6px;
619
+ }
620
+ .leaflet-tooltip-top:before {
621
+ bottom: 0;
622
+ margin-bottom: -12px;
623
+ border-top-color: #fff;
624
+ }
625
+ .leaflet-tooltip-bottom:before {
626
+ top: 0;
627
+ margin-top: -12px;
628
+ margin-left: -6px;
629
+ border-bottom-color: #fff;
630
+ }
631
+ .leaflet-tooltip-left {
632
+ margin-left: -6px;
633
+ }
634
+ .leaflet-tooltip-right {
635
+ margin-left: 6px;
636
+ }
637
+ .leaflet-tooltip-left:before,
638
+ .leaflet-tooltip-right:before {
639
+ top: 50%;
640
+ margin-top: -6px;
641
+ }
642
+ .leaflet-tooltip-left:before {
643
+ right: 0;
644
+ margin-right: -12px;
645
+ border-left-color: #fff;
646
+ }
647
+ .leaflet-tooltip-right:before {
648
+ left: 0;
649
+ margin-left: -12px;
650
+ border-right-color: #fff;
651
+ }
652
+
653
+ /* Printing */
654
+
655
+ @media print {
656
+ /* Prevent printers from removing background-images of controls. */
657
+ .leaflet-control {
658
+ -webkit-print-color-adjust: exact;
659
+ print-color-adjust: exact;
660
+ }
661
+ }
662
+ .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
663
+ -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
664
+ -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
665
+ -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
666
+ transition: transform 0.3s ease-out, opacity 0.3s ease-in;
667
+ }
668
+
669
+ .leaflet-cluster-spider-leg {
670
+ /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
671
+ -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
672
+ -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
673
+ -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
674
+ transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
675
+ }
676
+ .marker-cluster-small {
677
+ background-color: rgba(181, 226, 140, 0.6);
678
+ }
679
+ .marker-cluster-small div {
680
+ background-color: rgba(110, 204, 57, 0.6);
681
+ }
682
+
683
+ .marker-cluster-medium {
684
+ background-color: rgba(241, 211, 87, 0.6);
685
+ }
686
+ .marker-cluster-medium div {
687
+ background-color: rgba(240, 194, 12, 0.6);
688
+ }
689
+
690
+ .marker-cluster-large {
691
+ background-color: rgba(253, 156, 115, 0.6);
692
+ }
693
+ .marker-cluster-large div {
694
+ background-color: rgba(241, 128, 23, 0.6);
695
+ }
696
+
697
+ /* IE 6-8 fallback colors */
698
+ .leaflet-oldie .marker-cluster-small {
699
+ background-color: rgb(181, 226, 140);
700
+ }
701
+ .leaflet-oldie .marker-cluster-small div {
702
+ background-color: rgb(110, 204, 57);
703
+ }
704
+
705
+ .leaflet-oldie .marker-cluster-medium {
706
+ background-color: rgb(241, 211, 87);
707
+ }
708
+ .leaflet-oldie .marker-cluster-medium div {
709
+ background-color: rgb(240, 194, 12);
710
+ }
711
+
712
+ .leaflet-oldie .marker-cluster-large {
713
+ background-color: rgb(253, 156, 115);
714
+ }
715
+ .leaflet-oldie .marker-cluster-large div {
716
+ background-color: rgb(241, 128, 23);
717
+ }
718
+
719
+ .marker-cluster {
720
+ background-clip: padding-box;
721
+ border-radius: 20px;
722
+ }
723
+ .marker-cluster div {
724
+ width: 30px;
725
+ height: 30px;
726
+ margin-left: 5px;
727
+ margin-top: 5px;
728
+
729
+ text-align: center;
730
+ border-radius: 15px;
731
+ font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
732
+ }
733
+ .marker-cluster span {
734
+ line-height: 30px;
735
+ }
736
+ /* ============================================
737
+ CONTENEUR DE LA CARTE
738
+ ============================================ */
739
+ .repcartes-map {
740
+ width: 100%;
741
+ height: 100%;
742
+ min-height: 300px;
743
+ border-radius: 8px;
744
+ overflow: hidden;
745
+ }
746
+
747
+ /* ============================================
748
+ MARQUEURS
749
+ ============================================ */
750
+ .repcartes-marker {
751
+ background: transparent;
752
+ }
753
+ .repcartes-marker-pin {
754
+ width: 30px;
755
+ height: 30px;
756
+ border-radius: 50%;
757
+ border: 3px solid white;
758
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
759
+ display: flex;
760
+ align-items: center;
761
+ justify-content: center;
762
+ transition: transform 0.2s;
763
+ }
764
+ .repcartes-marker-pin:hover {
765
+ transform: scale(1.1);
766
+ }
767
+ .repcartes-marker-icon {
768
+ font-size: 14px;
769
+ line-height: 1;
770
+ }
771
+
772
+ /* ============================================
773
+ CLUSTERS
774
+ ============================================ */
775
+ .repcartes-cluster-icon {
776
+ background: transparent;
777
+ }
778
+ .repcartes-cluster {
779
+ width: 40px;
780
+ height: 40px;
781
+ border-radius: 50%;
782
+ border: 3px solid white;
783
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
784
+ display: flex;
785
+ align-items: center;
786
+ justify-content: center;
787
+ color: white;
788
+ font-weight: bold;
789
+ font-size: 14px;
790
+ transition: transform 0.2s;
791
+ }
792
+ .repcartes-cluster:hover {
793
+ transform: scale(1.1);
794
+ }
795
+ .repcartes-cluster-small {
796
+ background: #3498db;
797
+ }
798
+ .repcartes-cluster-medium {
799
+ background: #f39c12;
800
+ }
801
+ .repcartes-cluster-large {
802
+ background: #e74c3c;
803
+ }
804
+
805
+ /* ============================================
806
+ POPUPS
807
+ ============================================ */
808
+ .leaflet-popup-content-wrapper {
809
+ border-radius: 12px;
810
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
811
+ padding: 0;
812
+ }
813
+ .leaflet-popup-content {
814
+ margin: 0;
815
+ }
816
+ .repcartes-popup {
817
+ padding: 12px 16px;
818
+ min-width: 180px;
819
+ }
820
+ .repcartes-popup-title {
821
+ font-size: 15px;
822
+ font-weight: 600;
823
+ color: #183D5D;
824
+ margin: 0 0 4px 0;
825
+ }
826
+ .repcartes-popup-subtitle {
827
+ font-size: 13px;
828
+ color: #6b7280;
829
+ margin: 0 0 8px 0;
830
+ }
831
+ .repcartes-popup-stage {
832
+ display: inline-block;
833
+ padding: 2px 8px;
834
+ border-radius: 12px;
835
+ font-size: 11px;
836
+ font-weight: 500;
837
+ color: white;
838
+ margin-bottom: 8px;
839
+ }
840
+ .repcartes-popup-description {
841
+ font-size: 13px;
842
+ color: #374151;
843
+ margin: 8px 0 0 0;
844
+ line-height: 1.4;
845
+ }
846
+
847
+ /* ============================================
848
+ CONTRÔLES
849
+ ============================================ */
850
+ .leaflet-control-zoom {
851
+ border: none !important;
852
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
853
+ border-radius: 8px !important;
854
+ overflow: hidden;
855
+ }
856
+ .leaflet-control-zoom a {
857
+ width: 32px !important;
858
+ height: 32px !important;
859
+ line-height: 32px !important;
860
+ font-size: 18px !important;
861
+ font-weight: bold !important;
862
+ color: #183D5D !important;
863
+ background: white !important;
864
+ border: none !important;
865
+ }
866
+ .leaflet-control-zoom a:hover {
867
+ background: #f5f5f5 !important;
868
+ color: #F95E3C !important;
869
+ }
870
+
871
+ /* ============================================
872
+ PANNEAU - BASE
873
+ ============================================ */
874
+ .repcartes-panel {
875
+ position: absolute;
876
+ background: white;
877
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
878
+ z-index: 1000;
879
+ display: flex;
880
+ flex-direction: column;
881
+ overflow: hidden;
882
+ }
883
+ .repcartes-panel-right {
884
+ top: 0;
885
+ right: 0;
886
+ height: 100%;
887
+ border-left: 1px solid #e5e7eb;
888
+ border-radius: 0;
889
+ }
890
+ .repcartes-panel-left {
891
+ top: 0;
892
+ left: 0;
893
+ height: 100%;
894
+ border-right: 1px solid #e5e7eb;
895
+ border-radius: 0;
896
+ }
897
+ .repcartes-panel-bottom {
898
+ bottom: 0;
899
+ left: 0;
900
+ right: 0;
901
+ max-height: 50%;
902
+ border-top: 1px solid #e5e7eb;
903
+ border-radius: 16px 16px 0 0;
904
+ }
905
+
906
+ /* ============================================
907
+ BOUTON FERMER
908
+ ============================================ */
909
+ .repcartes-panel-close {
910
+ position: absolute;
911
+ top: 12px;
912
+ right: 12px;
913
+ width: 32px;
914
+ height: 32px;
915
+ border: none;
916
+ background: #f3f4f6;
917
+ border-radius: 50%;
918
+ cursor: pointer;
919
+ display: flex;
920
+ align-items: center;
921
+ justify-content: center;
922
+ color: #6b7280;
923
+ transition: all 0.2s;
924
+ z-index: 10;
925
+ }
926
+ .repcartes-panel-close:hover {
927
+ background: #e5e7eb;
928
+ color: #374151;
929
+ }
930
+
931
+ /* ============================================
932
+ HEADER
933
+ ============================================ */
934
+ .repcartes-panel-header {
935
+ display: flex;
936
+ gap: 12px;
937
+ padding: 20px;
938
+ border-bottom: 1px solid #f3f4f6;
939
+ }
940
+ .repcartes-panel-icon {
941
+ font-size: 32px;
942
+ flex-shrink: 0;
943
+ }
944
+ .repcartes-panel-header-content {
945
+ flex: 1;
946
+ min-width: 0;
947
+ padding-right: 32px;
948
+ }
949
+ .repcartes-panel-title {
950
+ font-size: 18px;
951
+ font-weight: 600;
952
+ color: #183D5D;
953
+ margin: 0 0 4px 0;
954
+ }
955
+ .repcartes-panel-subtitle {
956
+ font-size: 14px;
957
+ color: #6b7280;
958
+ margin: 0 0 8px 0;
959
+ }
960
+ .repcartes-panel-stage {
961
+ display: inline-block;
962
+ padding: 4px 10px;
963
+ border-radius: 12px;
964
+ font-size: 12px;
965
+ font-weight: 500;
966
+ color: white;
967
+ }
968
+
969
+ /* ============================================
970
+ CONTENU
971
+ ============================================ */
972
+ .repcartes-panel-content {
973
+ flex: 1;
974
+ overflow-y: auto;
975
+ }
976
+ .repcartes-panel-section {
977
+ padding: 16px 20px;
978
+ border-bottom: 1px solid #f3f4f6;
979
+ }
980
+ .repcartes-panel-section-title {
981
+ font-size: 11px;
982
+ font-weight: 600;
983
+ color: #9ca3af;
984
+ text-transform: uppercase;
985
+ letter-spacing: 0.5px;
986
+ margin: 0 0 8px 0;
987
+ }
988
+ .repcartes-panel-section-value {
989
+ font-size: 14px;
990
+ color: #183D5D;
991
+ margin: 0;
992
+ line-height: 1.5;
993
+ }
994
+ .repcartes-panel-section-secondary {
995
+ font-size: 13px;
996
+ color: #6b7280;
997
+ margin: 4px 0 0 0;
998
+ }
999
+ .repcartes-panel-link {
1000
+ display: block;
1001
+ color: #F95E3C;
1002
+ text-decoration: none;
1003
+ font-size: 14px;
1004
+ margin-top: 4px;
1005
+ }
1006
+ .repcartes-panel-link:hover {
1007
+ text-decoration: underline;
1008
+ }
1009
+ .repcartes-panel-value {
1010
+ font-size: 18px;
1011
+ font-weight: 700;
1012
+ }
1013
+
1014
+ /* ============================================
1015
+ ACTIONS
1016
+ ============================================ */
1017
+ .repcartes-panel-actions {
1018
+ padding: 16px 20px;
1019
+ display: flex;
1020
+ flex-direction: column;
1021
+ gap: 10px;
1022
+ border-top: 1px solid #f3f4f6;
1023
+ }
1024
+ .repcartes-panel-btn {
1025
+ display: block;
1026
+ width: 100%;
1027
+ text-align: center;
1028
+ padding: 12px 16px;
1029
+ border-radius: 8px;
1030
+ font-size: 14px;
1031
+ font-weight: 500;
1032
+ text-decoration: none;
1033
+ border: none;
1034
+ cursor: pointer;
1035
+ transition: all 0.2s;
1036
+ }
1037
+ .repcartes-panel-btn-primary {
1038
+ background: #F95E3C;
1039
+ color: white;
1040
+ }
1041
+ .repcartes-panel-btn-primary:hover {
1042
+ background: #183D5D;
1043
+ }
1044
+ .repcartes-panel-btn-secondary {
1045
+ background: #f3f4f6;
1046
+ color: #183D5D;
1047
+ }
1048
+ .repcartes-panel-btn-secondary:hover {
1049
+ background: #e5e7eb;
1050
+ }
1051
+
1052
+ /* ============================================
1053
+ TRANSITIONS
1054
+ ============================================ */
1055
+ .repcartes-panel-slide-enter-active,
1056
+ .repcartes-panel-slide-leave-active {
1057
+ transition: transform 0.3s ease, opacity 0.3s ease;
1058
+ }
1059
+ .repcartes-panel-right.repcartes-panel-slide-enter-from,
1060
+ .repcartes-panel-right.repcartes-panel-slide-leave-to {
1061
+ transform: translateX(100%);
1062
+ opacity: 0;
1063
+ }
1064
+ .repcartes-panel-left.repcartes-panel-slide-enter-from,
1065
+ .repcartes-panel-left.repcartes-panel-slide-leave-to {
1066
+ transform: translateX(-100%);
1067
+ opacity: 0;
1068
+ }
1069
+ .repcartes-panel-bottom.repcartes-panel-slide-enter-from,
1070
+ .repcartes-panel-bottom.repcartes-panel-slide-leave-to {
1071
+ transform: translateY(100%);
1072
+ opacity: 0;
1073
+ }
1074
+
1075
+ /* ============================================
1076
+ CONTENEUR
1077
+ ============================================ */
1078
+ .repcartes-filters {
1079
+ display: flex;
1080
+ gap: 8px;
1081
+ flex-wrap: wrap;
1082
+ align-items: center;
1083
+ }
1084
+ .repcartes-filters-top {
1085
+ padding: 12px;
1086
+ background: white;
1087
+ border-radius: 8px;
1088
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
1089
+ }
1090
+ .repcartes-filters-inline {
1091
+ background: transparent;
1092
+ }
1093
+
1094
+ /* ============================================
1095
+ ÉLÉMENTS DE FILTRE
1096
+ ============================================ */
1097
+ .repcartes-filter-item {
1098
+ position: relative;
1099
+ }
1100
+ .repcartes-filter-search {
1101
+ position: relative;
1102
+ }
1103
+ .repcartes-filter-search-icon {
1104
+ position: absolute;
1105
+ left: 12px;
1106
+ top: 50%;
1107
+ transform: translateY(-50%);
1108
+ color: #9ca3af;
1109
+ pointer-events: none;
1110
+ }
1111
+ .repcartes-filter-input {
1112
+ padding: 8px 12px 8px 36px;
1113
+ border: 1px solid #e5e7eb;
1114
+ border-radius: 6px;
1115
+ font-size: 14px;
1116
+ color: #183D5D;
1117
+ background: white;
1118
+ min-width: 180px;
1119
+ transition: border-color 0.2s, box-shadow 0.2s;
1120
+ }
1121
+ .repcartes-filter-input:focus {
1122
+ outline: none;
1123
+ border-color: #F95E3C;
1124
+ box-shadow: 0 0 0 2px rgba(249, 94, 60, 0.1);
1125
+ }
1126
+ .repcartes-filter-input::placeholder {
1127
+ color: #9ca3af;
1128
+ }
1129
+ .repcartes-filter-select {
1130
+ padding: 8px 32px 8px 12px;
1131
+ border: 1px solid #e5e7eb;
1132
+ border-radius: 6px;
1133
+ font-size: 14px;
1134
+ color: #183D5D;
1135
+ background: white;
1136
+ cursor: pointer;
1137
+ appearance: none;
1138
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
1139
+ background-repeat: no-repeat;
1140
+ background-position: right 8px center;
1141
+ min-width: 140px;
1142
+ transition: border-color 0.2s, box-shadow 0.2s;
1143
+ }
1144
+ .repcartes-filter-select:focus {
1145
+ outline: none;
1146
+ border-color: #F95E3C;
1147
+ box-shadow: 0 0 0 2px rgba(249, 94, 60, 0.1);
1148
+ }
1149
+
1150
+ /* ============================================
1151
+ BOUTON RESET
1152
+ ============================================ */
1153
+ .repcartes-filter-reset {
1154
+ width: 32px;
1155
+ height: 32px;
1156
+ border: none;
1157
+ background: #fee2e2;
1158
+ border-radius: 6px;
1159
+ cursor: pointer;
1160
+ display: flex;
1161
+ align-items: center;
1162
+ justify-content: center;
1163
+ color: #dc2626;
1164
+ transition: all 0.2s;
1165
+ }
1166
+ .repcartes-filter-reset:hover {
1167
+ background: #fecaca;
1168
+ }