REPLY BOX WATERMARK

Adds TWC eagle logo as watermark in the thread edit/reply box

// ***** START - REPLY BOX WATERMARK *****
// eagle as watermark in edit/reply box - from GED's post
.fr-box.fr-basic .fr-element {
    position: relative;
    background: none;
}

.fr-box.fr-basic .fr-element:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://twcenter.net/images/ChocSkin/totalwar-black-eagle-noBline-400px.webp') no-repeat bottom center; /* Change to your logo */
    background-size: 300px; /* Adjust size as needed */
    opacity: 0.05; /* Set opacity to 20% or whatever you prefer */
    pointer-events: none; /* Make it non-interactive */
    z-index: -1; /* Ensure it appears behind the text content */
	.m-colorScheme({{ $xf.style.getAlternateStyleType() }},
    {
        // for dark style - seems to need the non-changed bits copied in too
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
    background: url('https://twcenter.net/images/ChocSkin/totalwar-gold-eagle-noBline-640x224.webp') no-repeat bottom center;
	opacity: 0.12;
	background-size: 300px; /* Adjust size as needed */
    pointer-events: none; /* Make it non-interactive */
    z-index: -1; /* Ensure it appears behind the text content */
    });
}

// ***** END - REPLY BOX WATERMARK *****