/* PinCabOS Worldmap Live V1 */

.pincabos-worldmap-section {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px 40px;
}

.pincabos-worldmap {
    --pcos-map-dot: #ff7900;
    --pcos-map-dot-size: clamp(2px, 0.28vw, 4px);

    width: min(100%, 1180px);
    margin: 0 auto;
    pointer-events: none;
    user-select: none;
}

.pincabos-worldmap__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1774 / 887;
    overflow: hidden;
}

.pincabos-worldmap__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.pincabos-worldmap__points {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pincabos-worldmap__dot {
    position: absolute;
    width: var(--pcos-map-dot-size);
    height: var(--pcos-map-dot-size);
    border-radius: 50%;
    background: #ff5428;
    border: none;
    box-shadow:
        0 0 6px rgba(255, 84, 40, 1),
        0 0 14px rgba(255, 84, 40, 1),
        0 0 26px rgba(255, 84, 40, 0.92),
        0 0 42px rgba(255, 84, 40, 0.72),
        0 0 62px rgba(255, 84, 40, 0.48),
        0 0 84px rgba(255, 84, 40, 0.26);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.pincabos-worldmap[data-state="loading"] .pincabos-worldmap__points,
.pincabos-worldmap[data-state="error"] .pincabos-worldmap__points {
    opacity: 1;
}

@media (max-width: 640px) {
    .pincabos-worldmap {
        --pcos-map-dot-size: 4px;
    }
}

/* ============================================================
   PINCABOS WORLDMAP DOT OVERRIDE V2
   PETIT CENTRE / AUCUN CONTOUR / GROS GLOW
   ============================================================ */

.pincabos-worldmap {
    --pcos-map-dot-size: 3px !important;
}

.pincabos-worldmap .pincabos-worldmap__dot {
    width: 3px !important;
    height: 3px !important;
    min-width: 3px !important;
    min-height: 3px !important;

    background: #ff5428 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 4px 1px rgba(255, 84, 40, 1),
        0 0 9px 3px rgba(255, 84, 40, 0.88),
        0 0 17px 6px rgba(255, 84, 40, 0.58),
        0 0 28px 9px rgba(255, 84, 40, 0.28)
        !important;

    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}



/* ============================================================
   PINCABOS_WORLDMAP_SELF_458P_START
   POINT DU PROPRIETAIRE CONNECTE
   ============================================================ */

@keyframes pincabos-worldmap-self-458p-blink {

    0%,
    100% {

        opacity:
            1;
    }

    50% {

        opacity:
            0.08;
    }
}


.pincabos-worldmap
.pincabos-worldmap__dot.pincabos-worldmap__dot--self {

    background:
        #31ff63
        !important;

    box-shadow:
        0 0 4px 1px rgba(49,255,99,1),
        0 0 9px 3px rgba(49,255,99,.95),
        0 0 18px 6px rgba(49,255,99,.72),
        0 0 30px 10px rgba(49,255,99,.40)
        !important;

    animation:
        pincabos-worldmap-self-458p-blink
        .80s
        ease-in-out
        infinite
        !important;
}


/* PINCABOS_WORLDMAP_SELF_458P_END */