/* Base card */
.card {
    background: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    margin-bottom: var(--spacing-xl);
    overflow: hidden;
    width: 100%;
}

/* Zarovnání textu v kartách */
.card p {
    text-align: justify;
}

/* Card header */
.card-header {
    padding: var(--spacing-xl);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card h3 {
  text-align: center;
}

.card-header h3,
.card-header h5 {
    margin: 0;
    font-size: var(--font-size-2xl);
    font-weight: 500;
}

/* Card body */
.card-body {
    padding: var(--spacing-xl);
}

/* Form card specific */
.form-card {
    background: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    margin-bottom: var(--spacing-xl);
    overflow: hidden;
    width: 100%;
}

.form-header {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: var(--color-white);
    padding: var(--spacing-xl);
    text-align: center;
}

.form-header h3 {
    margin: 0;
    font-size: var(--font-size-2xl);
    font-weight: 500;
}

/* Database section */
.database-section {
    background: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    width: 100%;
}

.database-header {
    background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-dark) 100%);
    color: var(--color-white);
    padding: var(--spacing-xl);
    text-align: center;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

.database-header h3 {
    margin: 0;
    font-size: var(--font-size-2xl);
    font-weight: 500;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--spacing-lg, 2rem);
}

.features .card {
    flex: 1 1 45%;
}