.bbs-carte-regions {
    position: relative;
    width: 100%;
    max-width: 456px;
    aspect-ratio: 456 / 483;
}

.bbs-carte-regions .bbs-carte-regions__image,
.bbs-carte-regions .bbs-carte-regions__zones {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.bbs-carte-regions .bbs-carte-regions__image {
    object-fit: contain;
    visibility: hidden;
    pointer-events: none;
}

.bbs-carte-regions[data-bbs-active="flandre"] [data-bbs-image="flandre"],
.bbs-carte-regions[data-bbs-active="wallonie"] [data-bbs-image="wallonie"],
.bbs-carte-regions[data-bbs-active="bruxelles"] [data-bbs-image="bruxelles"] {
    visibility: visible;
}

.bbs-carte-regions__zones {
    pointer-events: none;
}

.bbs-carte-regions__libelles rect {
    fill: transparent;
    pointer-events: fill;
}

.bbs-carte-regions__zones a path {
    fill: transparent;
    pointer-events: fill;
    cursor: pointer;
}

.bbs-carte-regions .bbs-carte-regions__zones a:focus {
    outline: none;
}

.bbs-carte-regions__zones a:focus-visible path {
    stroke: #262625;
    stroke-width: 2px;
    vector-effect: non-scaling-stroke;
}

[data-bbs-carte-panel][hidden] {
    display: none !important;
}
