/* Force the logo image and its hidden text to show side-by-side */
.pkp_site_name .logo {
    display: flex !important;
    align-items: center;
    gap: 15px; /* Adds space between your logo image and text */
    text-decoration: none;
}

/* Make the hidden alternative text visible and styled like a header */
.pkp_site_name .logo::after {
    content: attr(alt); /* Grabs your text from Step 1 */
    display: inline-block;
    font-size: 1.6rem; /* Adjust text size */
    font-weight: bold;
    color: #333333; /* Dark gray text color */
    white-space: nowrap;
}

/* Set a reasonable constraint on your logo image size */
.pkp_site_name .logo img {
    max-height: 50px; 
    width: auto;
}