/**
 * Home Page Styles
 * Custom styling for the home page
 */

/* Ensure cards have equal heights */
.card.h-100 {
    display: flex;
    flex-direction: column;
}

.card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Make description text flexible to push buttons to bottom */
.card-text.flex-grow-1 {
    flex-grow: 1;
}

/* Ensure buttons are at the bottom and aligned */
.mt-auto {
    margin-top: auto;
}

/* Force equal heights for the main content cards */
.row.g-4 .col-lg-6 .card {
    height: 100%;
}

/* Ensure consistent spacing */
.card-body p:last-of-type {
    margin-bottom: 1rem;
}

/* Button container styling */
.btn-container {
    margin-top: auto;
    padding-top: 1rem;
}

/* Main content cards (Login and Demo sections) - make them look clickable */
.row.g-4 .card {
    cursor: pointer;
    transition: all 0.2s ease;
}

.row.g-4 .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.row.g-4 .card .card-body {
    cursor: pointer;
}

/* Standard document cards - specific styling */
.standard-document-card {
    cursor: pointer;
    transition: all 0.2s ease;
}

.standard-document-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.standard-document-card .card-body {
    cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .row.g-4 .col-lg-6:first-child .card {
        margin-bottom: 1rem;
    }
}