/*
 * Itminan Theme - login form (inc/members/login-form.php). Navy #2d377d like the Institution dashboard.
 * Every rule is scoped to .itm-login (the header carries this form too).
 */
.itm-login{max-width:440px;margin:0 auto;padding:0 16px;font-family:"Hind Siliguri","Noto Sans Bengali","Nirmala UI",sans-serif;line-height:1.5;color:#1f2a44}
.itm-login *{box-sizing:border-box}
.itm-login .itm-login-card{background:#fff;border:1px solid #dfe4ff;border-radius:18px;padding:24px 18px;box-shadow:0 14px 40px rgba(31,42,99,.10)}
.itm-login .itm-login-title{margin:0 0 18px;font-size:22px;font-weight:800;text-align:center;color:#2d377d}
.itm-login .itm-lf{margin:0 0 16px}
.itm-login .itm-lf label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;color:#2d377d}
.itm-login .itm-lf input[type="text"],
.itm-login .itm-lf input[type="password"]{display:block;width:100%;min-height:46px;margin:0;padding:10px 14px;font-size:16px;line-height:1.4;color:#1f2a44;background:#f8f9fe;border:1px solid #cfd5f0;border-radius:10px;box-shadow:none;font-family:inherit}
.itm-login .itm-lf input:focus{outline:none;background:#fff;border-color:#2d377d;box-shadow:0 0 0 3px rgba(45,55,125,.18)}
.itm-login .pro-password-wrap{position:relative}
.itm-login .pro-password-wrap input{padding-right:46px!important}
.itm-login .itm-remember{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:600;color:#445;cursor:pointer}
.itm-login .itm-remember input{width:18px;height:18px;margin:0;accent-color:#2d377d}
.itm-login .itm-login-alert{margin:0 0 16px;padding:12px 14px;border-radius:10px;border:1px solid #f1b8b2;background:#fff1ef;color:#a11d12;font-size:14px;font-weight:600}
.itm-login .itm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.itm-login .itm-login-btn,
.itm-login .itm-login-btn:hover,
.itm-login .itm-login-btn:focus,
.itm-login .itm-login-submit,
.itm-login .itm-login-submit:hover,
.itm-login .itm-login-submit:focus{display:block;width:100%;min-height:48px;padding:12px 24px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#1f2a63,#2d377d 55%,#3d4ba3)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(45,55,125,.28)!important;transform:none!important}
.itm-login .itm-login-btn:hover,
.itm-login .itm-login-submit:hover{background:linear-gradient(135deg,#1a2352,#232c66 55%,#2d377d)!important}
.itm-login .itm-login-btn:focus-visible{outline:3px solid rgba(45,55,125,.35);outline-offset:2px}
.itm-login .itm-login-links{display:flex;flex-direction:column;gap:10px;margin-top:18px;text-align:center}
.itm-login .itm-login-links a{color:#2d377d;font-size:14px;font-weight:700;text-decoration:underline}
.itm-login .itm-login-links a:hover{color:#1a2352}
.itm-login .itm-login-note{text-align:center}
.itm-login .itm-login-note p{margin:0 0 14px;font-size:17px;font-weight:600}
@media (min-width:600px){
	.itm-login .itm-login-card{padding:30px 28px}
	.itm-login .itm-login-links{flex-direction:row;justify-content:space-between}
}

/*
 * Login page on phones (the form sits in Elementor containers: page > column > box > holder). Below 768px the containers around the
 * form lose their padding, border, shadow and max-width, so the card is as wide as the screen with a 16px gap on both sides.
 */
@media (max-width:767px){
	.e-con:has(.itm-login),
	.e-con:has(.itm-login)>.e-con-inner{padding:0!important;margin-left:0!important;margin-right:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;max-width:100%!important;width:100%!important;min-height:0!important}
	.e-con:has(.itm-login){gap:0!important}
	.elementor-widget-shortcode:has(.itm-login){width:100%;max-width:100%}
	body:has(.elementor-widget-shortcode .itm-login){overflow-x:clip}
	.itm-login{max-width:none;padding:0 16px;width:100%}
	.itm-login .itm-login-card{padding:22px 16px}
	.itm-login .itm-lf input[type="text"],
	.itm-login .itm-lf input[type="password"],
	.itm-login .pro-password-wrap input{min-height:48px!important;font-size:16px!important;padding-top:10px!important;padding-bottom:10px!important}
	.itm-login .itm-remember input{width:16px;height:16px;min-height:0;flex:0 0 16px;padding:0;margin:0}
	.itm-login .itm-login-links a,
	.itm-login .itm-login-links a:hover,
	.itm-login .itm-login-links a:focus{text-decoration:none;color:#2d377d}

	/* "প্রতিষ্ঠান লগইন / মুয়াল্লিম লগইন": two equal tabs side by side, no underline */
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;padding:0 16px 16px!important;width:100%!important;max-width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login)>.elementor-widget-button{flex:1 1 0!important;min-width:0;width:auto!important;margin:0!important}
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login) .elementor-button,
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login) .elementor-button:hover,
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login) .elementor-button:focus{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 8px!important;border:2px solid #2d377d!important;border-radius:12px!important;background:#fff!important;color:#2d377d!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important;text-align:center;line-height:1.3}
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login)>.elementor-widget-button:first-child .elementor-button,
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login)>.elementor-widget-button:first-child .elementor-button:hover{background:#2d377d!important;color:#fff!important}
	.e-con:has(>.elementor-widget-button):has(+ .e-con .itm-login) .elementor-button-text{text-decoration:none!important;white-space:normal}
}
