/* Inject and style the Marlin logo via CSS */
@media (min-width: 992px) {
    
    /* 1. Target the main site wrapper to anchor our absolute image safely */
    #wrapper, .site {
        position: relative !important;
    }

    /* 2. Create and place the logo image independently */
    #wrapper::after, .site::after {
        content: "" !important;
        position: absolute !important;
        
        /* Position it on screen */
        top: 0px !important;       /* Controls how high the logo sits over the header rows */
        left: calc(50% - 620px) !important;      /* Adjust this to move the logo left or right */
        
        /* Set your exact desired size */
        width: 100px !important;    /* This forces the Marlin to be big and prominent! */
        height: 100px !important;   /* Proportional height for your image scale */
        
        /* Load the logo file */
        background-image: url('https://i0.wp.com/fishingtownsville.com/wp-content/uploads/2026/05/FT-LOGO.png?w=1317&ssl=1') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        
        z-index: 99999 !important; /* Ensures it floats perfectly on top of all header rows */
        pointer-events: none;      /* Allows users to click menus underneath if overlapping */
    }
}

/* Creates a perfect pill background right around the text */
h1.entry-title {
    display: inline-flex !important;    /* Changed from inline-block */
    align-items: center !important;     /* Centers text vertically */
    justify-content: center !important; /* Centers text horizontally */
    background-color: rgba(0, 0, 0, 0.5) !important; /* Semi-transparent dark backing */
    color: #ffffff !important;                        /* Forces text to white */
    padding: 0 100px !important;                    /* Creates the pill padding */
    border-radius: 30px !important;                   /* Perfectly rounds the edges */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important; /* Adds depth against the trees */
}

/* Forces the title to always take up the space of 2 lines */
.entry-title, h3.post-title {
    min-height: 3em; /* Adjust this value so it fits 2 lines perfectly */
}