/* FILE: borne.css */
:root {
    --borne-main: #00a99d;
    --borne-dark: #06756c;
    --borne-soft: #e9fbf7;
}

.text-borne {
    color: var(--borne-main) !important;
}

.bg-borne {
    background: var(--borne-main) !important;
}

.border-borne {
    border-color: var(--borne-main) !important;
}

.btn-borne {
    background: var(--borne-main);
    border-color: var(--borne-main);
    color: #fff;
}

.btn-borne:hover,
.btn-borne:focus {
    background: var(--borne-dark);
    border-color: var(--borne-dark);
    color: #fff;
}

.btn-outline-borne {
    border-color: var(--borne-main);
    color: var(--borne-dark);
    background: #fff;
}

.btn-outline-borne:hover {
    background: var(--borne-main);
    border-color: var(--borne-main);
    color: #fff;
}

.stat-card .value {
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.12;
}

.borne-map {
    width: 100%;
    height: 440px;
    border-radius: .75rem;
    border: 1px solid #dee2e6;
    background: #f4f8f7;
}

.borne-table th,
.borne-table td {
    vertical-align: middle;
}

.borne-group-row,
.borne-group-detail .clickable-row {
    cursor: pointer;
}

.borne-group-row:hover,
.borne-group-detail .clickable-row:hover {
    background: #f3fffc !important;
}

.borne-station-logo {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}

.borne-electric-marker {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--borne-main);
    border: 3px solid #fff;
    color: #fff;
    box-shadow: 0 .25rem .9rem rgba(0, 0, 0, .32);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.borne-suggestions {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #d7dee2;
    border-radius: .5rem;
    margin-top: .25rem;
    display: none;
    overflow: hidden;
}

.borne-suggestions.is-active {
    display: block;
}

.borne-suggestion-item {
    padding: .65rem .85rem;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f4;
}

.borne-suggestion-item:hover {
    background: var(--borne-soft);
    color: var(--borne-dark);
}

.leaflet-popup-content a {
    color: var(--borne-dark);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 767px) {
    .borne-map {
        height: 360px;
    }
}


.borne-hero-gradient {
    background:
        radial-gradient(circle at top left, rgba(0, 169, 157, .22), transparent 34%),
        linear-gradient(135deg, #e6fbf7 0%, #ffffff 48%, #f7fffd 100%);
}

.borne-hero-gradient .card.bg-light,
.borne-hero-gradient .bg-light {
    background-color: rgba(255, 255, 255, .78) !important;
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
    background-color: rgba(0, 169, 157, .22);
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
    background-color: var(--borne-main);
    color: #fff;
    font-weight: 800;
}

.borne-group-row[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

.borne-group-row .fa-chevron-down {
    transition: transform .18s ease;
}