/* MAP (Updated to sit below fixed header and above footer) */
.map-container {
    width: 100%;
    /* height: calc(100vh - 58px); */  /* old method (commented) */
    position: absolute;
    top: 58px;               /* header height */
    bottom: 38px !important; /* footer height - NEW FIX */
    left: 0;
    right: 0;
    z-index: 1;
}

/* Old map-container kept for safety */
/*
.map-container {
    width: 100%;
    height: calc(100vh - 58px);
    position: relative;
    z-index: 1; 
}
*/

.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: auto !important;
}




/* Show only on homepage */
body.home .beta-badge,
body.home .beta-message {
    display: block;
}

/* Default hidden elsewhere */
.beta-badge,
.beta-message {
    display: none;
}

/* === Centered Beta Badge Under Header === */
.beta-badge {
    position: fixed;
    top: 58px; /* same as header height */
    left: 50%;
    transform: translateX(-50%);
    background: #0a2a43;
    color: white;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 20px;
    z-index: 99999;
    opacity: 0.75;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

.beta-badge:hover {
    opacity: 1;
}

/* === Message box === */
.beta-message {
    position: fixed;
    top: 82px; /* was 100px — now closer to the badge */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.88);
    color: white;
    padding: 14px 18px;
    font-size: 13px;
    border-radius: 8px;
    width: 260px;
    line-height: 1.45;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease;
    z-index: 99999;
}

.beta-message.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0px); /* smooth fade */
}

/* Close button */
.beta-close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: transparent;
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.8;
}

.beta-close:hover {
    opacity: 1;
}