/*! login */

body.login {
    background: linear-gradient(
    to bottom right,
    /* Couleur de début (exemple, vous la définiriez) */
    rgba(16, 37, 64, 1) 0%,
    /* Couleur de fin : #D9C1BF avec 20% d'opacité */
    rgba(217, 193, 191, 1) 100%
  );
}

.login form {
    background: transparent;
    border-radius: 10px;
    box-shadow:0 1px 3px rgba(0, 0, 0, .04)
}

.login form label {
    color: white; /* White text for labels */
}

.login form input[type="text"],
.login form input[type="password"] {
    background: rgba(255, 255, 255, 0.2); /* Transparent input background */
    color: white; /* White text color for input */
    border: 1px solid rgba(255, 255, 255, 0.4); /* Light white border */
    border-radius: 5px; /* Rounded corners for input fields */
}

.login #login form input[type="submit"].button{
    background-color: #a38568 !important;
    color: white !important;
    border: none !important;
    border-radius: 9999px
}
.login #login form input[type="submit"].button:hover {
    background-color: #d2ac88 !important;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color:#cccccc
}
.login #backtoblog a:hover, .login #nav a:hover {
    color:#fff
}

.login .language-switcher input[type="submit"].button {
    background-color: #0b3f6f !important;
    color: white !important;
    border: none !important;
    border-radius: 9999px
}
.login .language-switcher [type="submit"].button:hover {
    background-color: #1364af !important; /* Darker red on hover */
}