/* static/css/style.css */

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

/* --- Social Login Buttons --- */
.btn-google {
    background-color: #DB4437;
    color: white;
}
.btn-google:hover {
    background-color: #c23322;
    color: white;
}

.btn-facebook {
    background-color: #4267B2;
    color: white;
}
.btn-facebook:hover {
    background-color: #365899;
    color: white;
}

.btn-apple {
    background-color: #000000;
    color: white;
}
.btn-apple:hover {
    background-color: #333333;
    color: white;
}

/* --- Alpine.js Password Toggle --- */
/* Wrapper for positioning */
.form-floating-group {
    position: relative;
}

/* Style the icon */
.password-toggle-icon {
    position: absolute;
    top: 50%;
    right: 1rem; /* Adjust as needed for padding */
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d; /* Bootstrap's muted text color */
    z-index: 100; /* Ensure it's above the input field */
    width: 20px;
    text-align: center;
}