/* Fix for tiny logo on mobile devices */

/* Ensure logo has proper size on all devices */
.wp-block-site-logo img,
.wp-block-site-logo .custom-logo {
    width: auto !important;
    height: auto !important;
    min-width: 300px !important; /* Minimum width of 300px as requested */
    max-width: 100% !important; /* Don't exceed container width */
}

/* Mobile-specific styles */
@media screen and (max-width: 600px) {
    .wp-block-site-logo img,
    .wp-block-site-logo .custom-logo {
        min-width: 300px !important; /* Maintain 300px minimum on mobile */
        max-width: 90vw !important; /* Don't exceed screen width with some padding */
    }

    /* Override any default size constraints */
    .wp-block-site-logo.is-default-size img {
        width: auto !important;
        min-width: 300px !important;
    }
}

/* Small mobile devices where 300px might be too wide */
@media screen and (max-width: 350px) {
    .wp-block-site-logo img,
    .wp-block-site-logo .custom-logo {
        min-width: calc(100vw - 40px) !important; /* Full width minus padding on very small screens */
    }
}

/* Ensure the link wrapper doesn't constrain the image */
.wp-block-site-logo a {
    display: inline-block;
    width: auto !important;
}

/* Override any inline styles or block settings */
.wp-block-site-logo {
    width: auto !important;
    max-width: 100% !important;
}