/* RazMaps: completely clear top bar */

#topbar,
header,
nav,
.navbar,
#navbar,
.topbar {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;

    box-shadow: none !important;
    border: none !important;
    opacity: 1 !important;
}

#topbar::before,
#topbar::after,
header::before,
header::after,
nav::before,
nav::after,
.navbar::before,
.navbar::after,
#navbar::before,
#navbar::after,
.topbar::before,
.topbar::after {
    content: none !important;
    display: none !important;
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* ===== RazMaps Logo ===== */

#topbar .logo,
#topbar .brand,
#topbar .title,
.navbar-brand,
.brand,
.logo,
h1{

    color:#d81b60 !important;

    font-weight:900 !important;

    letter-spacing:1px;

    text-shadow:
        0 0 4px rgba(255,255,255,.75),
        0 0 8px rgba(216,27,96,.90),
        0 0 16px rgba(216,27,96,.70),
        0 0 24px rgba(216,27,96,.50);

}


/* ===== RazMaps Logo Badge ===== */

.brand,
.logo,
.navbar-brand,
#topbar .brand,
#topbar h1{

    display:inline-block !important;

    padding:8px 16px !important;

    border-radius:14px;

    background:rgba(0,0,0,.22) !important;

    color:#ff2f7d !important;

    font-size:44px !important;

    font-weight:900 !important;

    letter-spacing:.5px;

    text-shadow:
        0 0 4px #ffffff,
        0 0 10px #ff2f7d,
        0 0 18px #ff2f7d,
        0 0 30px #ff2f7d;

    border:1px solid rgba(255,255,255,.15);

}

.brand small,
.logo small{

    display:block;

    color:#7be8ff !important;

    font-size:13px !important;

    text-shadow:none;

}


/* ===== RAZMAPS TITLE ===== */

#title{

    color:#ff2d7a !important;

    font-size:52px !important;

    font-weight:900 !important;

    letter-spacing:-1px;

    text-shadow:
        0 0 3px #ffffff,
        0 0 8px #ff2d7a,
        0 0 18px #ff2d7a,
        0 0 30px #ff2d7a,
        0 0 45px #ff2d7a;

}

/* Powered by PI5AI */

#subtitle{

    color:#66d9ff !important;

    font-size:14px !important;

    font-weight:700;

}


/* ===== Bigger Raspberry Logo ===== */

#logo{

    width:100px !important;
    height:100px !important;

    min-width:100px !important;
    min-height:100px !important;

    object-fit:contain !important;

    margin-right:16px !important;

}


/* ===== 240px Raspberry Logo ===== */

#logo{

    width:240px !important;
    height:240px !important;

    min-width:240px !important;
    min-height:240px !important;

    max-width:240px !important;
    max-height:240px !important;

    flex:0 0 240px !important;

    object-fit:contain !important;

    display:block !important;

}


#measureBtn{
    position:absolute;
    top:180px;
    right:20px;
    z-index:9999;
    background:#0d6efd;
    color:#fff;
    padding:10px 18px;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,.35);
}

#measureBtn:hover{
    background:#0b5ed7;
}