function mb_age_warning_confirm() {
	localStorage.mb_age_warning_verified = "1";
	document.getElementById("mb_age_warning").remove();
}

/* edit below if you want to change the 18+ text */	
function mb_age_warning() {
    $("head").append(`
        <style>
            html, body {
                overflow: hidden;
            }

            #mb_age_warning {
                position: fixed;
                inset: 0;
                background: rgba(0,0,0,.55);
                backdrop-filter: blur(12px) saturate(120%);
                -webkit-backdrop-filter: blur(12px) saturate(120%);
                z-index: 9999;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }

            #mb_age_warning .age-box {
                max-width: 420px;
                width: 100%;
                background: #1d1d1d;
                border-radius: 14px;
                padding: 35px 30px;
                text-align: center;
                color: #fff;
                box-shadow: 0 20px 60px rgba(0,0,0,.65);
            }

            #mb_age_warning .age-logo {
                width: 220px;
                height: auto;
                margin-bottom: 20px;
            }

            #mb_age_warning h2 {
                font-size: 24px;
                margin: 0 0 10px;
            }

            #mb_age_warning p {
                color: #ccc;
                font-size: 16px;
                line-height: 1.5;
                margin-bottom: 25px;
            }

            #mb_age_warning .age-btn {
                display: block;
                background: #d4a017;
                color: #fff;
                padding: 13px 20px;
                border-radius: 8px;
                text-decoration: none;
                font-weight: 700;
                text-transform: uppercase;
                font-size: 14px;
            }

            #mb_age_warning .leave-btn {
                display: inline-block;
                margin-top: 15px;
                color: #aaa;
                text-decoration: none;
                font-size: 14px;
            }
        </style>
    `);

    $("body").append(`
        <div id="mb_age_warning">
            <div class="age-box">
                <svg class="svg svg-logo age-logo">
                    <use xlink:href="#svg-logo"></use>
                </svg>

                <h2>Age Verification</h2>

                <p>You must be 18 years of age or older to continue.</p>

                <a href="#" class="age-btn" onclick="mb_age_warning_confirm(); return false;">
                    I AM 18 OR OLDER, CONTINUE
                </a>

                <a href="https://google.com" class="leave-btn">
                    Leave
                </a>
            </div>
        </div>
    `);
}
	
$( document ).ready(function() {
	if(localStorage.mb_age_warning_verified === undefined) {
		mb_age_warning();
	}
});