/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    TLDC Astra Child
 */

/* --- Login Page Styling --- */

/* Full page background */
body.login {
    background-color: #1C3100; 
}

/* Logo on login page */
.login h1 a {
    background-image: url("https://thelandscapedesigncompany.co.za/wp-content/uploads/2025/10/LDC-Long-Logo-copy-scaled.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;        /* adjust width as needed */
    height: 100px;       /* adjust height proportionally */
    display: block;
    margin: 0 auto 30px; /* center and spacing below */
}

/* Login form box */
.login form {
    background-color: #908F51; 
    border: 2px solid #507521;
    border-radius: 10px;
    box-shadow: 0 0 20px 10px rgba(80, 117, 33, 1);
    padding: 40px 30px;
}

/* Labels inside form */
.login label {
    color: #222; 
}

/* Links below form */
.login #backtoblog a,
.login #nav a {
    color: #1C3100 !important; 
    text-decoration: none;
    transition: color 0.3s;
}

.login #backtoblog a:hover,
.login #nav a:hover {
    color: #9b1719 !important; /* slightly darker on hover */
}

/* Login button */
.wp-core-ui .button-primary {
    background: #1C3100;
	border: 2px solid #1C3100;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}

.wp-core-ui .button-primary:hover {
    background: transparent;
	border: 2px solid #1C3100;
}

/* Remember me checkbox text */
.login .forgetmenot label {
    color: #222;
}

/* Optional: adjust spacing of the login page */
.login .message {
    border-left: 4px solid #1C3100; /* optional accent on messages */
    padding-left: 10px;
}

.login form input:focus,
.login form input:active,
.login form textarea:focus {
    border-color: #1C3100; 
    box-shadow: 0 0 2px #507521; /* subtle glow */
    outline: none;
}