/* ============================================
   COURTYARD MASTERPLAN - MAP BUTTON STYLES
   Positions matched to MASTERPLANE.png labels
   ============================================ */

/* Star pointer styles */
.star_pointer {
    color: var(--primary-color);
    line-height: 0px;
    position: absolute;
    padding: 10px 20px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.star_pointer_right {
    color: var(--primary-color);
    line-height: 0px;
    position: absolute;
    padding: 10px 20px;
    margin-right: -79px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    object-fit: contain;
}


.garden {
    width: 24px;
    height: 30px;
    object-fit: contain;
}

/* Base map pointer */
.map_pointer {
    display: flex;
    align-items: center;
}

.map_pointer2 {
    background-color: #863A20;
}

.map_pointer.sold {
    background-color: #AFAFAF;
}

/* Hide content initially */
.hidden {
    visibility: hidden;
}

/* Loader overlay */
.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Loader styles */
.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ============================================
   TOP ROW - A SERIES (A20-A25, A1-A6, Left to Right)
   ============================================ */

.map_pointer_a20 {
    top: 13%;
    left: 19.5%;
}
.map_pointer_a21 {
    top: 13%;
    left: 25%;
}
.map_pointer_a22 {
    top: 13%;
    left: 30.5%;
}
.map_pointer_a23 {
    top: 13%;
    left: 36%;
}
.map_pointer_a24 {
    top: 13%;
    left: 41.5%;
}
.map_pointer_a25 {
    top: 13%;
    left: 47%;
}
.map_pointer_a1 {
    top: 13%;
    left: 53.5%;
}
.map_pointer_a2 {
    top: 13%;
    left: 59.3%;
}
.map_pointer_a3 {
    top: 13%;
    left: 64.7%;
}
.map_pointer_a4 {
    top: 13%;
    left: 70.5%;
}
.map_pointer_a5 {
    top: 13%;
    left: 75.5%;
}
.map_pointer_a6 {
    top: 13%;
    left: 81.5%;
}

/* ============================================
   LEFT SIDE - VERTICAL (Top to Bottom)
   ============================================ */

.map_pointer_d4 { /* D4 - Teal, Bottom Left */
    top: 36%;
    left: 8%;
}

.map_pointer_c4 { /* C4 - Gold */
    top: 48.5%;
    left: 8%;
}

.map_pointer_c3 { /* C3 - Gold */
    top: 56%;
    left: 8%;
}

.map_pointer_d3 { /* D3 - Gold */
    top: 70.5%;
    left: 8%;
}

/* ============================================
   RIGHT SIDE - VERTICAL (Top to Bottom)
   ============================================ */

.map_pointer_d1 { /* D1 - Dark Brown, Top Right */
    top: 36%;
    left: 92.5%;
}

.map_pointer_c1 { /* C1 - Gold */
    top: 48.5%;
    left: 92.5%;
}

.map_pointer_c2 { /* C2 - Gold */
    top: 56%;
    left: 92.5%;
}

.map_pointer_d2 { /* D2 - Dark Brown, Bottom Right */
    top: 70%;
    left: 92.5%;
}

/* ============================================
   CENTER - B SERIES (B1-B9, Left to Right)
   ============================================ */

.map_pointer_b1 {
    top: 53%;
    left: 26%;
}

.map_pointer_b2 {
    top: 53%;
    left: 31%;
}

.map_pointer_b3 {
    top: 53%;
    left: 36%;
}

.map_pointer_b4 {
    top: 53%;
    left: 41%;
}

.map_pointer_b5 {
    top: 53%;
    left: 59%;
}

.map_pointer_b6 {
    top: 53%;
    left: 64.5%;
}

.map_pointer_b7 {
    top: 53%;
    left: 69.5%;
}

.map_pointer_b8 {
    top: 53%;
    left: 74.5%;
}

/* ============================================
   BOTTOM ROW - A SERIES (A7-A19, Left to Right)
   ============================================ */

.map_pointer_a7 {
    top: 89%;
    left: 83%;
}

.map_pointer_a8 {
    top: 89%;
    left: 77.5%;
}

.map_pointer_a9 {
    top: 89%;
    left: 72%;
}

.map_pointer_a10 {
    top: 89%;
    left: 66.5%;
}

.map_pointer_a11 {
    top: 89%;
    left: 61%;
}

.map_pointer_a12 {
    top: 89%;
    left: 55.3%;
}

.map_pointer_a13 {
    top: 89%;
    left: 50.5%;
}

.map_pointer_a14 {
    top: 89%;
    left: 45%;
}

.map_pointer_a15 {
    top: 89%;
    left: 39.5%;
}

.map_pointer_a16 {
    top: 89%;
    left: 34%;
}

.map_pointer_a17 {
    top: 89%;
    left: 28.5%;
}

.map_pointer_a18 {
    top: 89%;
    left: 23%;
}

.map_pointer_a19 {
    top: 89%;
    left: 17.5%;
}



/* ============================================
   MOBILE RESPONSIVE ADJUSTMENTS (max-width: 768px)
   Positions adjusted for 1.2x image scale
   Formula: new_pos = 50% + (old_pos - 50%) / 1.2
   ============================================ */

   

   @media (max-width: 768px) {
    /* TOP ROW - A SERIES (A20-A25, A1-A6, Left to Right) */
    .map_pointer_a20 {
        top: 5.17%;
        left: 13.58%;
    }
    .map_pointer_a21 {
        top: 5.17%;
        left: 20.17%;
    }
    .map_pointer_a22 {
        top: 5.17%;
        left: 26.75%;
    }
    .map_pointer_a23 {
        top: 5.17%;
        left: 33.33%;
    }
    .map_pointer_a24 {
        top: 5.17%;
        left: 40%;
    }
    .map_pointer_a25 {
        top: 5.17%;
        left: 46.6%;
    }
    .map_pointer_a1 {
        top: 5.17%;
        left: 54.5%;
    }
    .map_pointer_a2 {
        top: 5.17%;
        left: 61%;
    }
    .map_pointer_a3 {
        top: 5.17%;
        left: 68%;
    }
    .map_pointer_a4 {
        top: 5.17%;
        left: 74.5%;
    }
    .map_pointer_a5 {
        top: 5.17%;
        left: 81.25%;
    }
    .map_pointer_a6 {
        top: 5.17%;
        left: 87.7%;
    }

    /* LEFT SIDE - VERTICAL (Top to Bottom) */
    .map_pointer_d4 {
        top: 33.33%;
        left: -1%;
    }
    .map_pointer_c4 {
        top: 47.9%;
        left: 0%;
    }
    .map_pointer_c3 {
        top: 57.33%;
        left: 0%;
    }
    .map_pointer_d3 {
        top: 74%;
        left: -1%;
    }

    /* RIGHT SIDE - VERTICAL (Top to Bottom) */
    .map_pointer_d1 {
        top: 33.33%;
        left:102%;
    }
    .map_pointer_c1 {
        top: 48.75%;
        left: 101%;
    }
    .map_pointer_c2 {
        top: 57.33%;
        left: 101%;
    }
    .map_pointer_d2 {
        top: 74.67%;
        left: 102%;
    }

    /* CENTER - B SERIES (B1-B8, Left to Right) */
    .map_pointer_b1 {
        top: 52.5%;
        left: 26%;
    }
    .map_pointer_b2 {
        top: 52.5%;
        left: 31.4%;
    }
    .map_pointer_b3 {
        top: 52.5%;
        left: 37.5%;
    }
    .map_pointer_b4 {
        top: 52.5%;
        left: 43%;
    }
    .map_pointer_b5 {
        top: 52.5%;
        left: 59.5%;
    }
    .map_pointer_b6 {
        top: 52.5%;
        left: 65.08%;
    }
    .map_pointer_b7 {
        top: 52.5%;
        left: 70.25%;
    }
    .map_pointer_b8 {
        top: 52.5%;
        left: 75.42%;
    }

    /* BOTTOM ROW - A SERIES (A7-A19, Left to Right) */
    .map_pointer_a7 {
        top: 98.5%;
        left: 89.5%;
    }
    .map_pointer_a8 {
        top: 98.5%;
        left: 82.92%;
    }
    .map_pointer_a9 {
        top: 98.5%;
        left: 76.33%;
    }
    .map_pointer_a10 {
        top: 98.5%;
        left: 69.5%;
    }
    .map_pointer_a11 {
        top: 98.5%;
        left: 63%;
    }
    .map_pointer_a12 {
        top: 98.5%;
        left: 56%;
    }
    .map_pointer_a13 {
        top: 98.5%;
        left: 50.42%;
    }
    .map_pointer_a14 {
        top: 98.5%;
        left: 44%;
    }
    .map_pointer_a15 {
        top: 98.5%;
        left: 37.25%;
    }
    .map_pointer_a16 {
        top: 98.5%;
        left: 30.67%;
    }
    .map_pointer_a17 {
        top: 98.5%;
        left: 24%;
    }
    .map_pointer_a18 {
        top: 98.5%;
        left: 17.5%;
    }
    .map_pointer_a19 {
        top: 98.5%;
        left: 11%;
    }
}


/* ============================================
   MOBILE RESPONSIVE ADJUSTMENTS (max-width: 480px)
   Positions adjusted for 1.2x image scale
   Formula: new_pos = 50% + (old_pos - 50%) / 1.2
   ============================================ */

   

@media (max-width: 480px) {
    /* TOP ROW - A SERIES (A20-A25, A1-A6, Left to Right) */
    .map_pointer_a20 {
        top: 5.17%;
        left: 13.58%;
    }
    .map_pointer_a21 {
        top: 5.17%;
        left: 20.17%;
    }
    .map_pointer_a22 {
        top: 5.17%;
        left: 26.75%;
    }
    .map_pointer_a23 {
        top: 5.17%;
        left: 33.33%;
    }
    .map_pointer_a24 {
        top: 5.17%;
        left: 40%;
    }
    .map_pointer_a25 {
        top: 5.17%;
        left: 46.6%;
    }
    .map_pointer_a1 {
        top: 5.17%;
        left: 54.5%;
    }
    .map_pointer_a2 {
        top: 5.17%;
        left: 61%;
    }
    .map_pointer_a3 {
        top: 5.17%;
        left: 68%;
    }
    .map_pointer_a4 {
        top: 5.17%;
        left: 74.5%;
    }
    .map_pointer_a5 {
        top: 5.17%;
        left: 81.25%;
    }
    .map_pointer_a6 {
        top: 5.17%;
        left: 87.7%;
    }

    /* LEFT SIDE - VERTICAL (Top to Bottom) */
    .map_pointer_d4 {
        top: 33.33%;
        left: -1%;
    }
    .map_pointer_c4 {
        top: 47.9%;
        left: 0%;
    }
    .map_pointer_c3 {
        top: 57.33%;
        left: 0%;
    }
    .map_pointer_d3 {
        top: 74%;
        left: -1%;
    }

    /* RIGHT SIDE - VERTICAL (Top to Bottom) */
    .map_pointer_d1 {
        top: 33.33%;
        left:102%;
    }
    .map_pointer_c1 {
        top: 48.75%;
        left: 101%;
    }
    .map_pointer_c2 {
        top: 57.33%;
        left: 101%;
    }
    .map_pointer_d2 {
        top: 74.67%;
        left: 102%;
    }

    /* CENTER - B SERIES (B1-B8, Left to Right) */
    .map_pointer_b1 {
        top: 52.5%;
        left: 26%;
    }
    .map_pointer_b2 {
        top: 52.5%;
        left: 31.4%;
    }
    .map_pointer_b3 {
        top: 52.5%;
        left: 37.5%;
    }
    .map_pointer_b4 {
        top: 52.5%;
        left: 43%;
    }
    .map_pointer_b5 {
        top: 52.5%;
        left: 59.5%;
    }
    .map_pointer_b6 {
        top: 52.5%;
        left: 65.08%;
    }
    .map_pointer_b7 {
        top: 52.5%;
        left: 70.25%;
    }
    .map_pointer_b8 {
        top: 52.5%;
        left: 75.42%;
    }

    /* BOTTOM ROW - A SERIES (A7-A19, Left to Right) */
    .map_pointer_a7 {
        top: 98.5%;
        left: 89.5%;
    }
    .map_pointer_a8 {
        top: 98.5%;
        left: 82.92%;
    }
    .map_pointer_a9 {
        top: 98.5%;
        left: 76.33%;
    }
    .map_pointer_a10 {
        top: 98.5%;
        left: 69.5%;
    }
    .map_pointer_a11 {
        top: 98.5%;
        left: 63%;
    }
    .map_pointer_a12 {
        top: 98.5%;
        left: 56%;
    }
    .map_pointer_a13 {
        top: 98.5%;
        left: 50.42%;
    }
    .map_pointer_a14 {
        top: 98.5%;
        left: 44%;
    }
    .map_pointer_a15 {
        top: 98.5%;
        left: 37.25%;
    }
    .map_pointer_a16 {
        top: 98.5%;
        left: 30.67%;
    }
    .map_pointer_a17 {
        top: 98.5%;
        left: 24%;
    }
    .map_pointer_a18 {
        top: 98.5%;
        left: 17.5%;
    }
    .map_pointer_a19 {
        top: 98.5%;
        left: 11%;
    }
}