/* ==================================================
   Varinkio Card Components
================================================== */

.pf-card {
    width: 100%;
    box-sizing: border-box;

    border: 1px solid var(--pf-border);
    border-radius: var(--pf-radius-lg);

    background: var(--pf-surface);
    box-shadow: var(--pf-shadow-sm);
}

.pf-card-header,
.pf-card-body,
.pf-card-footer {
    box-sizing: border-box;
}

.pf-card-header {
    padding: 22px 24px;

    border-bottom: 1px solid var(--pf-border);
}

.pf-card-body {
    padding: 24px;
}

.pf-card-footer {
    padding: 18px 24px;

    border-top: 1px solid var(--pf-border);

    background: var(--pf-surface-soft);
}

.pf-card-title {
    margin: 0;

    color: var(--pf-text);

    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

.pf-card-description {
    margin: 7px 0 0;

    color: var(--pf-text-muted);

    font-size: 13px;
    line-height: 1.6;
}

.pf-card-flat {
    box-shadow: none;
}

.pf-card-soft {
    background: var(--pf-surface-soft);
}