// custom login styles and logo for QRh

function custom_login_styles() {
    $logo_url = 'https://qrh.app/wp-content/uploads/2021/09/QR-h-rojoAsset-7-300x243.png';
    ?>
    <style type="text/css">
        /* Change login logo */
        body.login div#login h1 a {
            background-image: url(<?php echo $logo_url; ?>);
            padding-bottom: 30px;
            background-size: 300px 243px; /* Adjust to the size of your logo */
            width: 300px; /* Width of your logo */
            height: 243px; /* Height of your logo */
        }

        /* Change button background and text color */
        body.login #wp-submit, .wp-core-ui .button-primary {
            background-color: #21210E !important;
            border-color: #21210E !important;
            color: #ffffff !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

        /* Hover effect for the button */
        body.login #wp-submit:hover, .wp-core-ui .button-primary:hover {
            background-color: #18180E !important; /* Slightly darker for hover effect */
            border-color: #18180E !important;
        }

        /* Change link colors */
        .login a {
            color: #E50913 !important;
        }

        /* Custom font, title sizes, and line heights */
        body.login {
            font-family: 'Roboto', sans-serif;
        }

        .login h1 {
            font-size: 24px;
            line-height: 32px;
        }

        .login label {
            font-size: 16px;
            line-height: 24px;
        }
    </style>
    <?php
}
add_action('login_enqueue_scripts', 'custom_login_styles');