/* ===============================
   WinParto Login – Final Stable
   =============================== */

/* ---------- Fonts ---------- */
/*
Yekan Bakh Font
*/

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-thin.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-thin.woff2') format('woff2');		
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-Light.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2');	
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-Regular.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');		 
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-SemiBold.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');		 
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-Bold.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'); 
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-Black.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-Black.woff2') format('woff2');		 
}

@font-face {
	font-family: YekanBakh;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/bakh/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'),   
	url('../fonts/bakh/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');		 
}

@font-face {
    font-family: "Kalameh";
    src: url("../fonts/KalamehWeb_Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalameh";
    src: url("../fonts/KalamehWeb_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===============================
   WinParto Login – RTL / LTR Ready
   =============================== */

/* ---------- Base ---------- */
body.login {
    margin: 0;
    min-height: 100vh;
    font-family: "YekanBakh", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    background: #f5f7f6;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Direction handling */
html.rtl body.login {
    direction: rtl;
}

html.ltr body.login {
    direction: ltr;
}

/* ---------- Headings ---------- */
html.rtl h1,
html.rtl h2,
html.rtl h3,
html.rtl h4 {
    font-family: "YekanBakh", sans-serif;
    font-weight: 600;
}

/* ---------- Hide default WP elements ---------- */
#login.winparto-hidden-login,
#language-switcher {
    display: none !important;
}

/* ---------- Main Wrapper ---------- */
.winparto-login-wrapper {
    width: 100%;
    max-width: 1400px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
    box-sizing: border-box;
}

/* ---------- Columns ---------- */
.winparto-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.winparto-right {
    flex: 0 0 440px;
    display: flex;
    justify-content: center;
}

/* ---------- Brand Content ---------- */
.left-content {
    max-width: 480px;
}

/* RTL spacing */
html.rtl .left-content {
    padding-right: 40px;
    text-align: right;
}

/* LTR spacing */
html.ltr .left-content {
    padding-left: 40px;
    text-align: left;
}

.winparto-logo {
    width: 280px;
    margin-bottom: 28px;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    font-family: "YekanBakh", sans-serif !important;
}
/* ---------- Text ---------- */
.main-title {
    font-size: 32px;
    font-weight: 700;
    color: #013220;
    margin-bottom: 12px;
}

.subtitle {
    font-size: 19px;
    line-height: 1.9;
    color: #444;
}

/* ---------- Login Box ---------- */
.login-box {
    width: 100%;
    background: #fff;
    border-radius: 18px;
    padding: 36px 34px;
    border: 1px solid #e2e6e4;
}

/* ---------- Titles ---------- */
.login-title {
    font-size: 28px;
    font-weight: 700;
    color: #013220;
    text-align: center;
    margin-bottom: 30px;
}

/* ---------- Inputs ---------- */
.login input[type="text"],
.login input[type="password"] {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #cfd6d2;
    font-size: 16px;
    font-family: inherit;
    margin-bottom: 16px;
}

/* Focus */
.login input:focus {
    border-color: #013220 !important;
    box-shadow: 0 0 0 2px rgba(1, 50, 32, 0.2) !important;
    outline: none !important;
}

/* ---------- Labels ---------- */
.login label {
    font-size: 14px;
    color: #333;
}

/* ---------- Button ---------- */
.wp-core-ui .button-primary {
    width: 100%;
    height: 52px;
    margin-top: 18px;
    background: linear-gradient(135deg, #013220, #0a5a35);
    border-radius: 14px;
    border: none;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: linear-gradient(135deg, #0a5a35, #013220);
    box-shadow: none !important;
}

/* ---------- Links ---------- */
.login a {
    color: #013220;
    font-size: 14px;
    text-decoration: none;
}

.login a:hover {
    color: #0a5a35;
    text-decoration: underline;
}

/* ---------- Footer ---------- */
.copyright {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #777;
    direction: ltr;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .winparto-login-wrapper {
        flex-direction: column;
        padding: 40px 20px;
    }

    .winparto-left {
        margin-bottom: 40px;
        justify-content: center;
    }

    .left-content {
        padding: 0 !important;
        text-align: center !important;
    }

    .winparto-logo {
        margin-top: 80px;
    }

    .main-title,
    .subtitle {
        font-size: 14px;
    }
}