/* ============================================================================
   MHG login styling
   Relocated from the core module file DesktopModules/Admin/Authentication/Login.ascx
   (which should stay stock — core edits are overwritten on DNN upgrades).

   Rewritten to use stable class / attribute-suffix selectors instead of the
   hard-coded module instance id (was dnn_ctr4311_*), so it applies to the login
   module wherever it renders and survives module-id changes after migration.
   ============================================================================ */

/* Primary action = the Login button */
.dnnLogin .dnnPrimaryAction,
.dnnLogin .dnnFormItem input[type="submit"],
.dnnLogin a.dnnPrimaryAction {
    float: left;
    font-family: "Nexa_Free_Bold", Helvetica, sans-serif !important;
    text-transform: uppercase !important;
    padding: 0.5rem 1rem !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    border-radius: 0.3rem !important;
    border-color: #ee3e33 !important;
    background: #ee3e33 !important;
    background: linear-gradient(to bottom, #ee3e33 0%, #ee3e33 100%) !important;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
    color: #ffffff !important;
    text-shadow: 0 -1px 0 #185b93;
}

/* Hover state */
.dnnLogin .dnnPrimaryAction:hover,
.dnnLogin a.dnnPrimaryAction:hover {
    background: #393939 !important;
    background: linear-gradient(to bottom, #393939 0%, #393939 100%) !important;
}

/* Extra top spacing above the Login button (was a#..._cmdLogin) */
.dnnLogin a[id$="_cmdLogin"] {
    margin-top: 36pt;
}

/* Hide default labels, remember-me and the secondary action row */
.dnnLogin span.dnnFormLabel,
.dnnLogin label.dnnBoxLabel,
.dnnLogin span.dnnLoginRememberMe,
.dnnLogin div.dnnLoginActions {
    display: none;
}

/* Hide the Cancel link (was a#..._cancelLink) */
.dnnLogin a[id$="_cancelLink"] {
    display: none;
}

/* Hide extra login elements so they don't occupy vertical space (empty social
   registration/login area and any empty helper lists), matching production. */
.dnnLogin .loginContent .dnnSocialRegistration,
.dnnLogin .loginContent #socialControls,
.dnnLogin .loginContent .buttonList {
    display: none !important;
}

/* Spacing above the username / password label rows (was label#..._plUsername / _plPassword) */
.dnnLogin .LoginPanel label.dnnFormLabel {
    margin-top: 24pt;
}

/* Login card container */
.dnnLogin .loginContent {
    margin: 36pt auto;
    background-color: #ffffff;
    filter: drop-shadow(0 0 5px #393939);
    padding: 42pt;
    display: flex;
    flex-direction: column;
    max-width: 412px;
}

/* "Account Login" heading — added via CSS (matches production's <h1 class="normal">)
   so the core Login.ascx can stay stock. */
.dnnLogin .loginContent::before {
    content: "Account Login";
    display: block;
    font-family: "Choplin", "Choplin-Medium", Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 100;
    color: #000000;
    text-align: left;
    line-height: 1.1;
    margin: 0 0 11px 0;
}

/* Field layout — the skin excludes DNN's default form CSS (dnndefault). Match
   production: label on the left, input on the right, aligned on one row. */
.dnnLogin .LoginPanel .dnnFormItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
}

.dnnLogin .LoginPanel .dnnFormItem .dnnLabel,
.dnnLogin .LoginPanel .dnnFormItem > label {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap;
    text-align: left !important;
    font-family: "Nexa_Free_Bold", Helvetica, sans-serif;
}

.dnnLogin .LoginPanel .dnnFormItem input[type="text"],
.dnnLogin .LoginPanel .dnnFormItem input[type="password"] {
    flex: 0 0 auto;
    width: 135px !important;
    min-width: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
}

/* Constrain the whole login form to the card's content width so the fields and
   button don't overflow past the white card (DNN's .LoginPanel is a fixed 500px). */
.dnnLogin .loginContent .LoginPanel,
.dnnLogin .loginContent .dnnLoginService,
.dnnLogin .loginContent .dnnForm,
.dnnLogin .loginContent .dnnFormItem,
.dnnLogin .loginContent .dnnActions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

/* Keep the Login button sized to its content, not full width (float shrinks it,
   matching production where the button is ~75px). */
.dnnLogin .loginContent a[id$="_cmdLogin"] {
    display: inline-block !important;
    float: left !important;
    width: auto !important;
    max-width: 100%;
}