:root {
    --md-admonition-icon--hourcar-gas: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18.5V8.5C17 7.81 17.28 7.18 17.73 6.73L17.72 6.72L21.44 3L22.5 4.06L20.39 6.17C21.33 6.5 22 7.43 22 8.5C22 8.83 21.94 9.15 21.81 9.46C21.68 9.76 21.5 10.04 21.27 10.27C20.8 10.74 20.16 11 19.5 11C19.14 11 18.81 10.92 18.5 10.79V18.5C18.5 18.83 18.43 19.15 18.31 19.46C18.18 19.76 18 20.04 17.77 20.27C17.54 20.5 17.26 20.69 16.96 20.81C16.65 20.94 16.33 21 16 21C15.34 21 14.7 20.74 14.23 20.27C13.76 19.8 13.5 19.16 13.5 18.5V13.5H12V21H2V5C2 3.89 2.89 3 4 3H10C11.1 3 12 3.89 12 5V12H13C14.1 12 15 12.89 15 14V18.5C15 18.77 15.11 19 15.29 19.21C15.5 19.4 15.74 19.5 16 19.5C16.27 19.5 16.5 19.4 16.71 19.21C16.9 19 17 18.77 17 18.5M10 10V5H4V10H10M19.5 9.5C19.77 9.5 20 9.4 20.21 9.21C20.4 9 20.5 8.77 20.5 8.5C20.5 8.24 20.4 8 20.21 7.79C20 7.61 19.77 7.5 19.5 7.5C19.24 7.5 19 7.61 18.79 7.79C18.61 8 18.5 8.24 18.5 8.5C18.5 8.77 18.61 9 18.79 9.21C19 9.4 19.24 9.5 19.5 9.5Z"/></svg>');
    --md-admonition-icon--hourcar-electric: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M8,18V13.5H6L10,6V11H12L8,18Z"/></svg>');
    --md-admonition-icon--evie-charger: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M8,18V13.5H6L10,6V11H12L8,18Z"/></svg>');
    --md-admonition-icon--hourcar-general: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23 8C23 4.13 19.87 1 16 1C12.47 1 9.57 3.61 9.08 7H4.5C3.84 7 3.28 7.42 3.08 8L1 14V22C1 22.55 1.45 23 2 23H3C3.55 23 4 22.55 4 22V21H16V22C16 22.55 16.45 23 17 23H18C18.55 23 19 22.55 19 22V14.32C21.36 13.19 23 10.79 23 8M4.5 8.5H9.03C9.15 10.26 9.92 11.84 11.11 13H3L4.5 8.5M4.5 18C3.67 18 3 17.33 3 16.5S3.67 15 4.5 15 6 15.67 6 16.5 5.33 18 4.5 18M15.5 18C14.67 18 14 17.33 14 16.5S14.67 15 15.5 15 17 15.67 17 16.5 16.33 18 15.5 18M16 13C14.61 13 13.44 12.5 12.47 11.53C11.5 10.56 11 9.39 11 8C11 6.64 11.5 5.46 12.47 4.5C13.44 3.5 14.61 3 16 3C17.36 3 18.54 3.5 19.5 4.5C20.5 5.46 21 6.64 21 8C21 9.39 20.5 10.56 19.5 11.53C18.54 12.5 17.36 13 16 13M16.5 8.25L19.36 9.94L18.61 11.16L15 9V4H16.5V8.25Z"/></svg>');
    --md-admonition-icon--evie-general: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.92 2C18.72 1.42 18.16 1 17.5 1H6.5C5.84 1 5.29 1.42 5.08 2L3 8V16C3 16.55 3.45 17 4 17H5C5.55 17 6 16.55 6 16V15H18V16C18 16.55 18.45 17 19 17H20C20.55 17 21 16.55 21 16V8L18.92 2M6.5 12C5.67 12 5 11.33 5 10.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12M17.5 12C16.67 12 16 11.33 16 10.5S16.67 9 17.5 9 19 9.67 19 10.5 18.33 12 17.5 12M5 7L6.5 2.5H17.5L19 7H5M7 20H11V18L17 21H13V23L7 20Z"/></svg>');
    --mask-lowercase-e-circle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' fill='black'/><circle cx='12' cy='12' r='10' fill='white'/><text x='12' y='15.5' text-anchor='middle' font-size='14' font-family='Roboto,Arial,sans-serif' font-weight='bold' fill='black'>e</text></svg>");
    --mask-lowercase-e-circle-navy: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' fill='black'/><circle cx='12' cy='12' r='10' fill='white'/><text x='12' y='15.5' text-anchor='middle' font-size='14' font-family='Roboto,Arial,sans-serif' font-weight='bold' fill='black'>e</text></svg>");
  }

.blue{
    color: #55acee
}
.hourcar {
    color:  #DC5C26;
}
.evie {
    color: #34b78f;
 }
 .green{
    color: #1db317;
 }
 .red{
    color: #c41a1a;
 }
 .navy{
    color: #2C5697;
 }
 .md-button.evie-button {
    background-color: #34b78f; 
    color: white;
    border: none;
  }
  .md-button.evie-button:hover {
    background-color: #808285; 
  }
  .md-button.hourcar-button {
    background-color: #DC5C26; 
    color: white;
    border: none;
  }
  .md-button.hourcar-button:hover {
    background-color: #808285; 
  }


.md-typeset .admonition,
.md-typeset details {
  font-size: 90%;
}

.md-typeset .admonition.hourcar-gas,
.md-typeset details.hourcar-gas {
  border-color: #DC5C26;
}

.md-typeset .hourcar-gas > .admonition-title,
.md-typeset .hourcar-gas > summary {
  background-color: rgba(239, 108, 0, 0.1);
}

.md-typeset .hourcar-gas > .admonition-title::before,
.md-typeset .hourcar-gas > summary::before {
  background-color: #DC5C26;
  -webkit-mask-image: var(--md-admonition-icon--hourcar-gas);
  mask-image: var(--md-admonition-icon--hourcar-gas);
}

.md-typeset .admonition.hourcar-electric,
.md-typeset details.hourcar-electric {
  border-color: #DC5C26;
}

.md-typeset .hourcar-electric > .admonition-title,
.md-typeset .hourcar-electric > summary {
  background-color: rgba(239, 108, 0, 0.1);
}

.md-typeset .hourcar-electric > .admonition-title::before,
.md-typeset .hourcar-electric > summary::before {
  background-color: #DC5C26;
  -webkit-mask-image: var(--md-admonition-icon--hourcar-electric);
  mask-image: var(--md-admonition-icon--hourcar-electric);
}

.md-typeset .admonition.hourcar-general,
.md-typeset details.hourcar-general {
  border-color: #DC5C26;
}

.md-typeset .hourcar-general > .admonition-title,
.md-typeset .hourcar-general > summary {
  background-color: rgba(239, 108, 0, 0.1);
}

.md-typeset .hourcar-general > .admonition-title::before,
.md-typeset .hourcar-general > summary::before {
  background-color: #DC5C26;
  -webkit-mask-image: var(--md-admonition-icon--hourcar-general);
  mask-image: var(--md-admonition-icon--hourcar-general);
}

.md-typeset .admonition.evie-charger,
.md-typeset details.evie-charger {
  border-color: #34b78f;
}

.md-typeset .evie-charger > .admonition-title,
.md-typeset .evie-charger > summary {
  background-color: rgba(0, 239, 0, 0.1);
}

.md-typeset .evie-charger > .admonition-title::before,
.md-typeset .evie-charger > summary::before {
  background-color: #34b78f;
  -webkit-mask-image: var(--md-admonition-icon--evie-charger);
  mask-image: var(--md-admonition-icon--evie-charger);
}

.md-typeset .admonition.evie-general,
.md-typeset details.evie-general {
  border-color: #34b78f;
}

.md-typeset .evie-general > .admonition-title,
.md-typeset .evie-general > summary {
  background-color: rgba(0, 239, 0, 0.1);
}

.md-typeset .evie-general > .admonition-title::before,
.md-typeset .evie-general > summary::before {
  background-color: #34b78f;
  -webkit-mask-image: var(--md-admonition-icon--evie-general);
  mask-image: var(--md-admonition-icon--evie-general);
}

.md-typeset .icon--lowercase-e-circle-green {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><mask id='cutout'><rect width='100%' height='100%' fill='white'/><text x='12' y='16.75' text-anchor='middle' font-size='19' font-family='Roboto,Arial,sans-serif' font-weight='bold' fill='black'>e</text></mask></defs><circle cx='12' cy='12' r='11' fill='%2334b78f' mask='url(%23cutout)'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.15em;
  margin-right: 0.1em
}

.md-typeset .icon--lowercase-e-circle-navy {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><mask id='cutout'><rect width='100%' height='100%' fill='white'/><text x='12' y='16.75' text-anchor='middle' font-size='19' font-family='Roboto,Arial,sans-serif' font-weight='bold' fill='black'>e</text></mask></defs><circle cx='12' cy='12' r='11' fill='%232C5697' mask='url(%23cutout)'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.15em;
  margin-right: 0.1em
}

#map {
  border: 1px solid #ddd;
  border-radius: 8px;
  z-index: 0;
}

#evie-parking-map {
  border: 1px solid #ddd;
  border-radius: 8px;
  position: relative;
  z-index: 0;
}

.hourcar-circle-cluster {
  width: 36px;
  height: 36px;
  background-color: #EF3B24; 
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

#hourcar-hub-map {
  border: 1px solid #ddd;
  border-radius: 8px;
  position: relative;
  z-index: 0;
}

.leaflet-control-attribution {
  font-size: 10px !important;
  line-height: 1.2;
  opacity: 0.7;
}

canvas {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block;
}

.leaflet-pane,
.leaflet-map-pane,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-tooltip-pane,
.leaflet-popup-pane {
  z-index: 0 !important;
}

.leaflet-control-container {
  z-index: 0 !important;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 0 !important;
}

.custom-geosearch-container {
  z-index: 0 !important;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}