/* =====================================================
   PRIX DE RÉFÉRENCE — login-style.css
   المسار: /wp-content/themes/YOUR-THEME/login-style.css
   ===================================================== */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

/* ─── خلفية الصفحة ─── */
body.login {
    background: #f9fafb;
    background-image:
        radial-gradient(ellipse 80% 60% at 20% -10%, rgba(37,99,235,.08) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 110%, rgba(99,102,241,.06) 0%, transparent 60%);
    font-family: "Manrope", sans-serif;
    direction: ltr;
    text-align: left;
    min-height: 100vh;
}

/* ─── صندوق النموذج ─── */
#login {
    width: 400px !important;
    padding: 0;
    margin-top: 60px !important;
    animation: fadeUp .5s cubic-bezier(.22,1,.36,1) both;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ─── اللوغو ─── */
#login h1 a {
    background-image: url("https://prix-reference.com/wp-content/uploads/2026/03/logo-new-prix.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 220px;
    height: 70px;
    margin: 0 auto 20px;
    display: block;
}

/* ─── نموذج التسجيل ─── */
.login form {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 32px 28px !important;
    box-shadow: 0 4px 24px rgba(37,99,235,.07), 0 1px 3px rgba(0,0,0,.05) !important;
    margin-top: 0 !important;
}

/* ─── عناوين الحقول ─── */
.login label {
    font-family: "Manrope", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #374151 !important;
    margin-bottom: 6px;
    display: block;
}

/* ─── الحقول ─── */
.login form .input {
    font-family: "Manrope", sans-serif !important;
    border: 1.5px solid #e5e7eb !important;
    background: #f9fafb !important;
    padding: 11px 12px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    width: 100% !important;
    color: #111827 !important;
    transition: border-color .2s, box-shadow .2s !important;
    box-shadow: none !important;
    outline: none !important;
}
.login form .input:focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}

/* ─── Remember Me ─── */
.login .forgetmenot {
    display: flex;
    align-items: center;
    gap: 6px;
}
.login .forgetmenot label {
    font-size: 13px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}
.login input[type="checkbox"] {
    accent-color: #2563eb;
    width: 14px;
    height: 14px;
}

/* ─── زر الدخول ─── */
.login .button-primary {
    font-family: "Manrope", sans-serif !important;
    width: 100% !important;
    background: #2563eb !important;
    border: none !important;
    padding: 13px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(37,99,235,.25) !important;
    text-shadow: none !important;
    transition: background .2s, transform .2s, box-shadow .2s !important;
    cursor: pointer !important;
    margin-top: 6px !important;
}
.login .button-primary:hover {
    background: #1d4ed8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(37,99,235,.35) !important;
}
.login .button-primary:active {
    transform: translateY(0) !important;
}

/* ─── الروابط ─── */
#nav, #backtoblog {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0 0 !important;
    margin: 0 !important;
    text-align: center !important;
}
#nav a, #backtoblog a {
    font-family: "Manrope", sans-serif !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color .2s !important;
}
#nav a:hover, #backtoblog a:hover {
    color: #2563eb !important;
}

/* ─── رسائل المعلومات ─── */
.login .message,
.login .success {
    border-left: 3px solid #2563eb !important;
    border-right: none !important;
    background: #eff6ff !important;
    color: #374151 !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
}

/* ─── رسائل الخطأ ─── */
#login_error,
.login .notice-error {
    border-left: 3px solid #ef4444 !important;
    border-right: none !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
}

/* ─── موبايل ─── */
@media (max-width: 480px) {
    #login {
        width: 92% !important;
        margin-top: 30px !important;
    }
    .login form {
        padding: 24px 18px !important;
        border-radius: 12px !important;
    }
}