/*
 * Itminan Theme - institution registration form (inc/members/register-institution.php).
 * Navy #2d377d like the Institution dashboard and the header menu. Every rule is scoped to .itm-reg.
 * Phone first: one column; three columns (like the old UM rows) from 992px.
 */
.itm-reg{max-width:1100px;margin:0 auto;padding:0 16px;font-family:"Hind Siliguri","Noto Sans Bengali","Nirmala UI",sans-serif;line-height:1.5;color:#1f2a44}
.itm-reg *{box-sizing:border-box}
.itm-reg-form{background:#fff;border:1px solid #dfe4ff;border-radius:18px;padding:22px 16px;box-shadow:0 14px 40px rgba(31,42,99,.10)}
.itm-reg-grid{display:grid;grid-template-columns:1fr;gap:0 24px}
.itm-reg-col{min-width:0}
.itm-reg .itm-field{margin:0 0 18px}
.itm-reg .itm-field label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;color:#2d377d}
.itm-reg .itm-star{color:#c0392b;font-size:14px;font-weight:700;line-height:1;margin-left:2px;vertical-align:baseline}
.itm-reg .itm-field input[type="text"],
.itm-reg .itm-field input[type="email"],
.itm-reg .itm-field input[type="tel"],
.itm-reg .itm-field input[type="number"],
.itm-reg .itm-field input[type="date"],
.itm-reg .itm-field input[type="password"],
.itm-reg .itm-field select{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-reg .itm-field input:focus,
.itm-reg .itm-field select:focus{outline:none;background:#fff;border-color:#2d377d;box-shadow:0 0 0 3px rgba(45,55,125,.18)}
.itm-reg .itm-field.has-error input,
.itm-reg .itm-field.has-error select{border-color:#c0392b;background:#fff7f6}
.itm-reg .itm-err{margin:6px 0 0;font-size:13px;font-weight:600;color:#a11d12}
.itm-reg .pro-password-wrap{position:relative}
.itm-reg .pro-password-wrap input{padding-right:46px!important}
.itm-reg-alert{margin:0 0 20px;padding:12px 16px;border-radius:10px;border:1px solid #f1b8b2;background:#fff1ef;color:#a11d12;font-weight:600}
.itm-reg .itm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.itm-reg-actions{margin-top:6px}
.itm-reg .itm-reg-btn,
.itm-reg .itm-reg-btn:hover,
.itm-reg .itm-reg-btn:focus,
.itm-reg .itm-reg-submit,
.itm-reg .itm-reg-submit:hover,
.itm-reg .itm-reg-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-reg .itm-reg-btn:hover,
.itm-reg .itm-reg-submit:hover{background:linear-gradient(135deg,#1a2352,#232c66 55%,#2d377d)!important}
.itm-reg .itm-reg-btn:focus-visible{outline:3px solid rgba(45,55,125,.35);outline-offset:2px}
.itm-reg-ok,
.itm-reg-note{max-width:560px;margin:24px auto;padding:32px 24px;text-align:center;background:#fff;border:1px solid #dfe4ff;border-radius:18px;box-shadow:0 14px 40px rgba(31,42,99,.10)}
.itm-reg-ok p,
.itm-reg-note p{margin:0 0 12px;font-size:17px;font-weight:600;color:#1f2a44}
.itm-reg .itm-ok-ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 14px;border-radius:50%;background:#e4f6ea;color:#14672b;font-size:30px;font-weight:800}
.itm-reg .itm-ok-contact{font-size:15px;font-weight:500}
.itm-reg-note .itm-reg-btn{display:inline-block;width:auto;margin-top:6px}
@media (min-width:600px){
	.itm-reg-form{padding:30px 28px}
	.itm-reg .itm-reg-submit{max-width:360px;margin:0 auto}
}
@media (min-width:992px){
	.itm-reg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* teacher (muallim) form: two columns, narrower card */
.itm-reg.itm-reg-c2{max-width:860px}
@media (min-width:768px){
	.itm-reg-c2 .itm-reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:992px){
	.itm-reg-c2 .itm-reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* the Elementor page wraps the form in padded/bordered containers (~76px a side): drop that so the card gets the width it is meant to have */
.e-con-inner:has(.itm-reg){max-width:none!important;width:100%}
.e-con:has(.itm-reg){--content-width:100%}
.elementor-element:has(.itm-reg){padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;border-width:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;width:100%;max-width:100%}
@media (max-width:767px){
	.itm-reg{padding:0 10px;width:100%}
	.itm-reg-form{padding:18px 14px}
	.itm-reg .itm-field input[type="text"],.itm-reg .itm-field input[type="email"],.itm-reg .itm-field input[type="tel"],.itm-reg .itm-field input[type="number"],.itm-reg .itm-field input[type="date"],.itm-reg .itm-field input[type="password"],.itm-reg .itm-field select{min-height:50px}
	.itm-reg .itm-reg-submit{max-width:none;min-height:54px}
}