/**
 * Custom Auth Hero Chrome
 * Styles for the site-builder-editable auth hero (left side of auth split-screen)
 */

.auth-hero--custom {
    /* Strip the default orbs and grid background */
    background: none;
}

.auth-hero--custom .auth-hero__bg {
    display: none;
}

.auth-hero--custom .auth-hero__top,
.auth-hero--custom .auth-hero__body {
    display: none;
}

.auth-hero__custom-content {
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Background styles based on data attribute */
.auth-hero--custom[data-background="default"] {
    background: linear-gradient(135deg, var(--brand-primary, #6366f1) 0%, var(--brand-secondary, #8b5cf6) 100%);
}

.auth-hero--custom[data-background="light"] {
    background: #f9fafb;
}

.auth-hero--custom[data-background="dark"] {
    background: #111827;
}

.auth-hero--custom[data-background="gradient"] {
    background: linear-gradient(135deg, var(--brand-primary, #6366f1) 0%, var(--brand-secondary, #8b5cf6) 100%);
}

/* Vertical alignment based on data attribute */
.auth-hero--custom[data-vertical-align="top"] .auth-hero__custom-content {
    justify-content: flex-start;
}

.auth-hero--custom[data-vertical-align="center"] .auth-hero__custom-content {
    justify-content: center;
}

.auth-hero--custom[data-vertical-align="bottom"] .auth-hero__custom-content {
    justify-content: flex-end;
}

/* Mobile: hide custom hero like the default hero */
@media (max-width: 768px) {
    .auth-hero--custom {
        display: none;
    }
}

/* RTL support */
[dir="rtl"] .auth-hero__custom-content {
    text-align: right;
}