/**
 * Template 1: Classic Split
 * Traditional split layout with clean white form and colored promo section.
 */

.clwc-template--template-1 .clwc-login-wrapper {
    min-height: 100vh;
}

.clwc-template--template-1 .clwc-login-panel--form {
    flex: 1;
    background-color: var(--clwc-left-bg);
}

.clwc-template--template-1 .clwc-login-panel--promo {
    flex: 1;
    background-color: var(--clwc-right-bg);
}

.clwc-template--template-1 .clwc-login__logo {
    text-align: left;
}

.clwc-template--template-1 .clwc-login__heading {
    text-align: left;
}

.clwc-template--template-1 .clwc-login-form {
    max-width: 360px;
}

.clwc-template--template-1 .clwc-button {
    border-radius: 6px;
}

.clwc-template--template-1 .clwc-input {
    border-radius: 6px;
    border-width: 1px;
}

.clwc-template--template-1 .clwc-promo {
    max-width: 400px;
    padding: 2rem;
}

.clwc-template--template-1 .clwc-promo__heading {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
}

.clwc-template--template-1 .clwc-promo__content {
    font-size: 1.0625rem;
    line-height: 1.7;
}

.clwc-template--template-1 .clwc-promo__button {
    border-radius: 6px;
    padding: 0.875rem 2rem;
}

@media (max-width: 768px) {
    .clwc-template--template-1 .clwc-login__logo,
    .clwc-template--template-1 .clwc-login__heading {
        text-align: center;
    }
    
    .clwc-template--template-1 .clwc-login-form {
        max-width: 100%;
    }
}

/* Mobile Promo Display */
@media (max-width: 768px) {
    .clwc-template--template-1.clwc-promo-mobile-hide .clwc-login-panel--promo {
        display: none;
    }
    
    .clwc-template--template-1.clwc-promo-mobile-stack .clwc-login-wrapper {
        flex-direction: column;
    }
    
    .clwc-template--template-1.clwc-promo-mobile-stack .clwc-login-panel--promo {
        display: flex;
        min-height: auto;
    }
}