/* ==========================================
   Travel AI Platform — Map Section (Luxury)
========================================== */

.tap-map{

    position:relative;
    width:100%;
    border-radius:var(--tap-radius-lg);
    overflow:hidden;
    box-shadow:var(--tap-shadow);
    border:1px solid var(--tap-border);

}

.tap-map-placeholder{

    display:flex;
    height:420px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:var(--tap-space-3);
    border:1px dashed var(--tap-gold-light);
    border-radius:var(--tap-radius-lg);
    background:
        radial-gradient(circle at 20% 20%, var(--tap-gold-tint) 0%, transparent 45%),
        radial-gradient(circle at 80% 80%, #eee2c2 0%, transparent 45%),
        var(--tap-bg);
    color:var(--tap-light);
    font-size:16px;
    font-weight:600;
    text-align:center;

}

.tap-map-placeholder::before{

    content:"📍";
    font-size:36px;
    line-height:1;

}

.tap-map iframe,
.tap-map canvas,
.tap-map > div:not(.tap-map-placeholder){

    display:block;
    width:100%;
    height:420px;
    border:0;
    border-radius:var(--tap-radius-lg);

}

@media (max-width:1024px){

    .tap-map-placeholder,
    .tap-map iframe,
    .tap-map canvas{

        height:360px;

    }

}

@media (max-width:768px){

    .tap-map-placeholder,
    .tap-map iframe,
    .tap-map canvas{

        height:300px;

    }

    .tap-map-placeholder{

        font-size:15px;

    }

}

@media (max-width:480px){

    .tap-map-placeholder,
    .tap-map iframe,
    .tap-map canvas{

        height:240px;
        border-radius:var(--tap-radius);

    }

    .tap-map-placeholder::before{

        font-size:28px;

    }

}