/* CSS spécifique pour la page login */

@font-face {
    font-family: 'Inter Variable';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../../assets/polices/InterVariable.woff2") format("woff2");
}

body.risquecv,
body.risquecv button,
body.risquecv input,
body.risquecv select,
body.risquecv textarea {
    font-family: 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size-adjust: from-font;
}

.login label {
    color: #5a2730;
    font-weight: 500;
}

.login label:not(.forgetmenot label) {
    font-size: 1.2em;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    color: #5a2730;
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
    color: #5a2730;
}

.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
    border-color: #5a2730;
    color: #5a2730;
    box-shadow: 0 0 0 1px #5a2730;
}

.login .button.wp-hide-pw:focus {
    border-color: transparent;
    box-shadow: none;
}

.login .button.wp-hide-pw:active {
    border-color: #b77c87;
    box-shadow: 0 0 0 1px #b77c87;
    border-radius: 12px;
}

body.risquecv {
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, #fefbfb 0, #fff 50%);
}

.login form {
    background: #b3003114;
    border: #d2c0c5 1px solid;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
	color: #5a2730;
}

body.risquecv input[type="checkbox"]:focus,
body.risquecv input[type="color"]:focus,
body.risquecv input[type="date"]:focus,
body.risquecv input[type="datetime-local"]:focus,
body.risquecv input[type="datetime"]:focus,
body.risquecv input[type="email"]:focus,
body.risquecv input[type="month"]:focus,
body.risquecv input[type="number"]:focus,
body.risquecv input[type="password"]:focus,
body.risquecv input[type="radio"]:focus,
body.risquecv input[type="search"]:focus,
body.risquecv input[type="tel"]:focus,
body.risquecv input[type="text"]:focus,
body.risquecv input[type="time"]:focus,
body.risquecv input[type="url"]:focus,
body.risquecv input[type="week"]:focus,
body.risquecv select:focus,
body.risquecv textarea:focus {
    border-color: #b77c87;
    box-shadow: 0 0 0 1px #b77c87;
    outline: 2px solid transparent;
}

.login h1 a {
    background-image: none, url("https://risquecv.fr/wp-content/uploads/2025/04/icone-photoshop-v3-TROU.png");
    transition: transform .2s cubic-bezier(0, 0, 0.5, 1);
}

.login h1 a:hover {
    transform: scale(1.02);
}

.login h1 a:focus {
    box-shadow: none;
}

#language-switcher,
#backtoblog,
.privacy-policy-page-link {
    display: none;
}

.login #nav {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

.login #nav a {
    color: #966969;
}

.login #nav a:focus {
    color: #966969;
    outline: none;
    box-shadow: none;
}

.login #nav a:hover {
    color: #724747;
    text-decoration: underline;
}

.login form .input {
    background-clip: padding-box;
    border-radius: 12px;
    color: #000000b3;
    border: 1px solid #00000040;
    padding: 0 14px;
    font-size: 1.4em;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
    font-family: inherit;
}

.login form .input:focus {
    border-color: #b77c87;
    box-shadow: 0 0 0 1px #b77c87, 0 1px 2px rgb(0, 0, 0, 0.15);
}

body.risquecv p.submit {
    display: flex;
    justify-content: center;
}

/* Bouton submit façon rcv-button rouge */
#wp-submit {
    --rcv-login-button-bg: #7100001F;
    --rcv-login-button-bg-hover: #7e00002e;
    --rcv-login-button-bg-active: #7100002e;
    --rcv-login-button-border: #b17b7b;
    --rcv-login-button-border-hover: #a76772;
    --rcv-login-button-border-active: #965564;
    --rcv-login-button-focus-border: #8f4c5d;
    --rcv-login-button-text: #6d1525;
    --rcv-login-button-text-strong: #5d1020;
    --rcv-login-button-focus-shadow: rgb(164, 24, 53, 0.18);

    position: relative;
    display: inline-block;
    overflow: hidden;
    background: var(--rcv-login-button-bg);
    color: var(--rcv-login-button-text);
    border: 1px solid var(--rcv-login-button-border);
    border-radius: 14px;
    box-shadow: none !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.13em;
    font-weight: 600;
    line-height: 1.15;
    margin-top: 10px;
    padding: 10px 16px;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease,
        box-shadow 0.16s ease;
    will-change: transform;
}

#wp-submit:hover:not(:disabled) {
    background: var(--rcv-login-button-bg-hover);
    border-color: var(--rcv-login-button-border-hover);
    color: var(--rcv-login-button-text-strong);
}

#wp-submit:focus:not(:disabled) {
    background: var(--rcv-login-button-bg);
    color: var(--rcv-login-button-text);
}

#wp-submit:focus-visible:not(:disabled) {
    border-color: var(--rcv-login-button-focus-border);
    outline: none;
    box-shadow: 0 0 0 2px var(--rcv-login-button-focus-shadow) !important;
}

#wp-submit:active:not(:disabled) {
    background: var(--rcv-login-button-bg-active);
    border-color: var(--rcv-login-button-border-active);
    color: var(--rcv-login-button-text-strong);
    transform: scale(0.98);
}

#wp-submit:disabled,
#wp-submit.disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    border-color: #dadada;
    color: #999;
    opacity: 0.8;
    transform: none;
}

body.risquecv input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%235a2730%27%2F%3E%3C%2Fsvg%3E");
}

#login input[type="checkbox"]:checked {
    background: #eecbcb;
    border-color: #b28d98;
}

@media (max-width: 768px) {
    #login {
        padding-top: 30px;
    }
}

.login .message,
.login .notice,
.login .success {
    background: #30369038;
    outline: #9e9ebd 1px solid;
    color: #2f2077;
    margin: 0 -20px 20px;
    padding: 6px 18px;
    border-radius: 15px;
    border: none;
}

.login .message p,
.login .notice p,
.login .success p {
    font-size: 13px;
    line-height: 1.54;
    margin: .5em 0;
}

.login .success {
    background: #3a903038;
    outline: #a0bd9e 1px solid;
    color: #207726;
}

.login .notice-error {
    background: #90304238;
    outline: #bd9ea4 1px solid;
    color: #772031;
}

.login #pass-strength-result {
    margin: 6px 5px 16px 0;
}

.login .reset-pass-submit {
    justify-content: center;
}

/* Bouton génération mot de passe façon rcv-button biblio */
.login .reset-pass-submit .button.wp-generate-pw {
    --rcv-login-biblio-button-bg: #713f2917;
    --rcv-login-biblio-button-bg-hover: #8a5d4933;
    --rcv-login-biblio-button-bg-active: #8a5d493f;
    --rcv-login-biblio-button-border: #b9a695;
    --rcv-login-biblio-button-border-hover: #a88f7b;
    --rcv-login-biblio-button-border-active: #967964;
    --rcv-login-biblio-button-focus-border: #8d6b55;
    --rcv-login-biblio-button-text: #53271f;
    --rcv-login-biblio-button-text-strong: #3f1d17;
    --rcv-login-biblio-button-focus-shadow: rgb(138, 93, 73, 0.2);

    margin-top: 0 !important;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: var(--rcv-login-biblio-button-bg);
    color: var(--rcv-login-biblio-button-text);
    border: 1px solid var(--rcv-login-biblio-button-border);
    border-radius: 14px;
    box-shadow: none !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.13em;
    font-weight: 600;
    line-height: 1.15;
    padding: 10px 16px;
    text-decoration: none;
    min-height: auto;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease,
        box-shadow 0.16s ease;
    will-change: transform;
}

.login .reset-pass-submit .button.wp-generate-pw:hover:not(:disabled) {
    background: var(--rcv-login-biblio-button-bg-hover);
    border-color: var(--rcv-login-biblio-button-border-hover);
    color: var(--rcv-login-biblio-button-text-strong);
}

.login .reset-pass-submit .button.wp-generate-pw:focus:not(:disabled) {
    background: var(--rcv-login-biblio-button-bg);
    color: var(--rcv-login-biblio-button-text);
}

.login .reset-pass-submit .button.wp-generate-pw:focus-visible:not(:disabled) {
    border-color: var(--rcv-login-biblio-button-focus-border);
    outline: none;
    box-shadow: 0 0 0 2px var(--rcv-login-biblio-button-focus-shadow) !important;
}

.login .reset-pass-submit .button.wp-generate-pw:active:not(:disabled) {
    background: var(--rcv-login-biblio-button-bg-active);
    border-color: var(--rcv-login-biblio-button-border-active);
    color: var(--rcv-login-biblio-button-text-strong);
    transform: scale(0.98);
}

.login .reset-pass-submit .button.wp-generate-pw:disabled,
.login .reset-pass-submit .button.wp-generate-pw.disabled {
    cursor: not-allowed;
    background: #f0f0f0;
    border-color: #dadada;
    color: #999;
    opacity: 0.8;
    transform: none;
}