/**
 * Cute Login Logo - Login Page Styles
 * Version: 1.0.0
 */

/* Custom logo styling for login page */
.login h1 a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* Ensure the logo container is properly centered */
.login h1 {
    text-align: center;
    margin-bottom: 25px;
}

/* Remove default WordPress logo background */
.login h1 a {
    background-image: none;
}

/* Responsive behavior for smaller screens */
@media (max-width: 480px) {
    .login h1 a {
        max-width: 90%;
        height: auto;
        background-size: contain;
    }
}

/* Focus state for accessibility */
.login h1 a:focus {
    outline: 2px solid #005cee;
    outline-offset: 2px;
}

/* Hover effect */
.login h1 a:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}