/* =========================================================
   REINS — Login Form ([reins_login_form] shortcode, /login/)
========================================================= */

/* מרכוז מלא של כל התוכן בעמוד - לא רק העטיפה עצמה, גם ה-Page
   Content Area הרחב של Astra סביבה. */
.entry-content:has(.reins-login-wrap),
.ast-container:has(.reins-login-wrap){
    display: flex;
    justify-content: center;
}

.reins-login-wrap{
    width: 100%;
    max-width: 420px;
    margin: 48px auto;
    padding: 28px 26px;
    background: var(--reins-bg);
    border: 1px solid var(--reins-border);
    border-radius: var(--reins-radius-md);
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
    box-sizing: border-box;
}

/* שדות צרים משמעותית - רק במחשב. במובייל השדות נשארים ברוחב
   מלא של העטיפה (420px כבר צר מספיק שם). */
@media (min-width: 783px){
    #reins-login-form input[type="text"],
    #reins-login-form input[type="password"]{
        max-width: 280px;
        margin-inline: auto; /* ממורכז בתוך העטיפה גם אם הוא צר ממנה */
        display: block;
    }
}

#reins-login-form p{
    margin: 0 0 18px;
}

#reins-login-form label{
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--reins-heading);
}

#reins-login-form input[type="text"],
#reins-login-form input[type="password"]{
    width: 100%;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid var(--reins-border);
    border-radius: var(--reins-radius-sm);
    background: var(--reins-bg);
    color: var(--reins-text);
    font-family: inherit;
    font-size: 1rem;
}

#reins-login-form input[type="text"]:focus,
#reins-login-form input[type="password"]:focus{
    border-color: var(--reins-action-bg);
    box-shadow: 0 0 0 1px var(--reins-action-bg);
    outline: none;
}

.reins-login-wrap .login-remember label{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    color: var(--reins-text);
    margin-bottom: 0;
}

.reins-login-wrap .login-remember input[type="checkbox"]{
    width: auto;
}

/* כפתור השליחה - אותו עיצוב בדיוק כמו reins-btn--primary,
   בלי לגעת ב-markup של wp_login_form (id_submit/class לא נתמכים
   כפרמטר שם, אז מעצבים ישירות בסקופ).
   הסלקטור מכוון ל-#wp-submit (ה-id הקבוע שוורדפרס עצמו נותן
   לכפתור הזה תמיד, ללא תלות במחלקות המדויקות שנוצרות), ומוסיף
   !important - כי כללי הכפתורים הגלובליים של Astra (.button,
   .wp-element-button וכו') כבר משתמשים ב-!important על
   background/border/color, וסלקטור עם ספציפיות גבוהה בלבד
   (בלי !important) לא בטוח שיגבר עליהם. */
#reins-login-form #wp-submit{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: var(--reins-radius-pill) !important;
    background-color: var(--reins-action-bg) !important;
    color: var(--reins-action-color) !important;
    border: 1px solid var(--reins-action-border) !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#reins-login-form #wp-submit:hover{
    background-color: var(--reins-action-bg-hover) !important;
    border-color: var(--reins-action-bg-hover) !important;
}

.reins-login-links{
    margin-top: 18px;
    text-align: center;
    font-size: .95em;
}

.reins-login-error{
    margin-bottom: 18px;
    padding: 10px 14px;
    border-radius: var(--reins-radius-sm);
    background: rgba(198, 40, 40, .08);
    border: 1px solid var(--reins-danger);
    color: var(--reins-danger);
    font-size: .92em;
}

.reins-login-links a{
    color: var(--reins-text) !important;
}

.reins-login-links a:hover{
    color: var(--reins-heading) !important;
}