/* =========================================================
   JACARANDA LOGIN PAGE
   File: Login.css
   Depends on: bootstrap.min.css + skin.css

   Purpose:
   - Match the Jacaranda registration page.
   - Keep the Torah scroll image OFF this login page.
   - Keep DNN login/account forms responsive inside the card.
   ========================================================= */

.jacaranda-login-page {
    background-color: #070300;
}

/* Keep the familiar Jacaranda hero, but make it compact. */
.jacaranda-login-page .login-hero {
    min-height: 170px;
}

.jacaranda-login-page .login-hero .container {
    position: relative;
    z-index: 1;
}

/* =========================================================
   MAIN CONTENT BACKGROUND
   This deliberately overrides skin.css #maincontent Torah background.
   ========================================================= */

#maincontent.login-main {
    background-color: #070300 !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: auto !important;
    background-attachment: scroll !important;
    min-height: 620px;
}

/* Subtle no-image panel backdrop, still Jacaranda branded. */
.jacaranda-login-page .login-main {
    background:
        radial-gradient(circle at top center, rgba(129, 195, 72, 0.18), rgba(7, 3, 0, 0) 38%),
        linear-gradient(180deg, #070300 0%, #111006 55%, #070300 100%) !important;
}

/* =========================================================
   MAIN LOGIN CARD
   ========================================================= */

.jacaranda-login-page .login-card {
    background-color: rgba(255, 255, 255, 0.96);
    border: 2px solid #81c348;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    box-sizing: border-box;
    max-width: 100%;
    padding: 2rem;
}

.jacaranda-login-page .login-card-header {
    border-bottom: 1px solid rgba(0, 128, 0, 0.25);
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
}

.jacaranda-login-page .login-eyebrow {
    color: #008000;
    font-family: "Times New Roman", Times, serif;
    font-size: 0.95rem;
    font-weight: bold;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    text-indent: 0;
    text-transform: uppercase;
}

.jacaranda-login-page .login-card h1 {
    color: #070300;
    font-family: "Times New Roman", Times, serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
}

.jacaranda-login-page .login-intro,
.jacaranda-login-page .login-card p,
.jacaranda-login-page .login-help-panel p {
    color: #000000;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.15rem;
    line-height: 1.55;
    text-indent: 0;
}

.jacaranda-login-page .login-intro {
    margin: 0.75rem 0 0;
}

/* =========================================================
   RIGHT-HAND HELP PANEL
   ========================================================= */

.jacaranda-login-page .login-help-panel {
    background-color: rgba(255, 255, 255, 0.9);
    border-left: 6px solid #008000;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    padding: 1.5rem;
}

.jacaranda-login-page .login-help-panel h2 {
    color: #008000;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.65rem;
    font-weight: bold;
    margin: 0 0 0.75rem;
}

.jacaranda-login-page .login-checklist {
    margin: 1rem 0;
    padding-left: 1.25rem;
}

.jacaranda-login-page .login-checklist li {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.05rem;
    margin-bottom: 0.45rem;
}

.jacaranda-login-page .login-scripture-note {
    background-color: #008000;
    border-radius: 6px;
    color: #ffffff;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.05rem;
    margin-top: 1.25rem;
    padding: 1rem;
}

/* =========================================================
   DNN LOGIN MODULE STYLING
   Scoped to this skin so DNN admin/edit UI remains safe.
   ========================================================= */

.jacaranda-login-page .login-module-pane {
    min-height: 120px;
}

/* Avoid the global p/a styles making login links awkward. */
.jacaranda-login-page .login-card a:hover {
    text-transform: none;
}

/* Keep generated DNN login forms inside the card. */
.jacaranda-login-page .login-card,
.jacaranda-login-page .login-card .DnnModule,
.jacaranda-login-page .login-card .DNNModuleContent,
.jacaranda-login-page .login-card .dnnForm,
.jacaranda-login-page .login-card .dnnForm fieldset,
.jacaranda-login-page .login-card .dnnFormItem,
.jacaranda-login-page .login-card .dnnLoginService,
.jacaranda-login-page .login-card .LoginPanel,
.jacaranda-login-page .login-card .dnnLoginActions {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
}

.jacaranda-login-page .login-card .dnnFormItem {
    clear: both;
    margin-bottom: 0.85rem;
}

/* Labels */
.jacaranda-login-page .login-card .dnnFormItem label,
.jacaranda-login-page .login-card .dnnFormItem .dnnLabel {
    color: #070300;
    display: block;
    float: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 0.35rem;
    max-width: none;
    padding: 0;
    text-align: left;
    width: 100%;
}

/* Inputs: override the existing 45% width from the base Jacaranda CSS. */
.jacaranda-login-page .login-card .dnnFormItem input[type="email"],
.jacaranda-login-page .login-card .dnnFormItem input[type="password"],
.jacaranda-login-page .login-card .dnnFormItem input[type="search"],
.jacaranda-login-page .login-card .dnnFormItem input[type="text"],
.jacaranda-login-page .login-card .dnnFormItem select,
.jacaranda-login-page .login-card .dnnFormItem textarea,
.jacaranda-login-page .login-card input[type="email"],
.jacaranda-login-page .login-card input[type="password"],
.jacaranda-login-page .login-card input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #111111;
    display: block;
    font-size: 1rem;
    margin-bottom: 0.65rem;
    max-width: 100% !important;
    min-height: 42px;
    padding: 0.55rem 0.7rem;
    width: 100% !important;
}

.jacaranda-login-page .login-card .dnnFormItem input:focus,
.jacaranda-login-page .login-card .dnnFormItem select:focus,
.jacaranda-login-page .login-card .dnnFormItem textarea:focus,
.jacaranda-login-page .login-card input[type="email"]:focus,
.jacaranda-login-page .login-card input[type="password"]:focus,
.jacaranda-login-page .login-card input[type="text"]:focus {
    border-color: #008000;
    box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.18);
    outline: none;
}

/* Messages, errors and password-reset text should wrap inside the card. */
.jacaranda-login-page .login-card .dnnFormMessage,
.jacaranda-login-page .login-card .dnnFormInfo,
.jacaranda-login-page .login-card .dnnFormWarning,
.jacaranda-login-page .login-card .dnnFormSuccess,
.jacaranda-login-page .login-card .dnnFormValidationSummary,
.jacaranda-login-page .login-card .Normal,
.jacaranda-login-page .login-card span,
.jacaranda-login-page .login-card div {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.jacaranda-login-page .login-card .dnnFormMessage,
.jacaranda-login-page .login-card .dnnFormInfo,
.jacaranda-login-page .login-card .dnnFormWarning,
.jacaranda-login-page .login-card .dnnFormSuccess,
.jacaranda-login-page .login-card .dnnFormValidationSummary {
    border-radius: 4px;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: none;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 1rem;
    width: 100% !important;
}

/* DNN action buttons */
.jacaranda-login-page .login-card .dnnPrimaryAction,
.jacaranda-login-page .login-card a.dnnPrimaryAction,
.jacaranda-login-page .login-card input[type="submit"],
.jacaranda-login-page .login-card button[type="submit"] {
    background: #008000;
    border: 1px solid #006400;
    border-radius: 4px;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.65rem 1.4rem;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

.jacaranda-login-page .login-card .dnnPrimaryAction:hover,
.jacaranda-login-page .login-card a.dnnPrimaryAction:hover,
.jacaranda-login-page .login-card input[type="submit"]:hover,
.jacaranda-login-page .login-card button[type="submit"]:hover {
    background: #004c00;
    color: #ffffff !important;
}

.jacaranda-login-page .login-card .dnnSecondaryAction,
.jacaranda-login-page .login-card a.dnnSecondaryAction,
.jacaranda-login-page .login-card .dnnLoginActions a {
    border-radius: 4px;
    font-family: "Times New Roman", Times, serif;
    padding: 0.45rem 0;
}

/* Keep generated tables and images responsive. */
.jacaranda-login-page .login-card img,
.jacaranda-login-page .login-card table,
.jacaranda-login-page .login-card tbody,
.jacaranda-login-page .login-card tr,
.jacaranda-login-page .login-card td,
.jacaranda-login-page .login-card th {
    max-width: 100% !important;
    white-space: normal !important;
}

/* DNN edit mode: make the pane obvious without covering controls. */
body.dnnEditState .jacaranda-login-page .login-module-pane {
    outline: 2px dashed rgba(0, 128, 0, 0.55);
    outline-offset: 6px;
    padding: 0.5rem;
}

body.dnnEditState .jacaranda-login-page .login-card {
    overflow: visible;
}

@media (max-width: 767.98px) {
    .jacaranda-login-page .login-card,
    .jacaranda-login-page .login-help-panel {
        padding: 1.25rem;
    }

    .jacaranda-login-page .login-card h1 {
        font-size: 2rem;
    }
}