/**
 * ============================================
 * BOTBUSTER VIDEO - Clerk Auth Spacing
 * Additional spacing for Clerk components
 * ============================================
 */

/* Add more spacing inside Clerk cards */
.cl-card,
.cl-component,
[data-clerk-element="card"] {
    padding: 2.5rem 2rem !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure root wrapper has proper overflow */
.cl-rootBox,
.cl-component {
    overflow: visible !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Add spacing around form fields */
.cl-formFieldRow {
    margin-bottom: 1.5rem !important;
}

/* Add spacing around buttons */
.cl-formButtonPrimary,
.cl-footer {
    margin-top: 1.5rem !important;
}

/* Add spacing around social buttons */
.cl-socialButtonsBlockButton {
    margin-bottom: 0.75rem !important;
}

/* Add spacing to dividers */
.cl-dividerRow {
    margin: 1.5rem 0 !important;
}

/* More spacing in header sections */
.cl-headerTitle {
    margin-bottom: 0.5rem !important;
}

.cl-headerSubtitle {
    margin-bottom: 2rem !important;
}

/* Add breathing room to the entire internal card */
.cl-internal-1w8o42f,
.cl-internal-b3fm6y {
    padding: 2rem !important;
}

/* Increase spacing in footer */
.cl-footerPages,
.cl-footerAction {
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
}