/**
 * PhotoFlow Gallery - Classic Card Template
 *
 * Traditional card design with image on top and content below.
 * Clean white background, subtle shadow, rounded corners.
 *
 * @package     com_photoflow
 * @version     2.0.0
 * @since       2025-12-02
 * @requires    card-base.css
 */

/* ==========================================================================
   Classic Template
   ========================================================================== */

.photoflow-card--classic {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.photoflow-card--classic .photoflow-card__caption {
    padding: 1rem;
    background: #fff;
}

.photoflow-card--classic .photoflow-card__title {
    color: #212529;
}

.photoflow-card--classic .photoflow-card__description {
    color: #6c757d;
}

/* ==========================================================================
   Dark Mode
   ========================================================================== */

@media (prefers-color-scheme: dark) {
    .photoflow-card--classic {
        background: #2d3238;
    }

    .photoflow-card--classic .photoflow-card__caption {
        background: #2d3238;
    }

    .photoflow-card--classic .photoflow-card__title {
        color: #f8f9fa;
    }

    .photoflow-card--classic .photoflow-card__description,
    .photoflow-card--classic .photoflow-card__meta,
    .photoflow-card--classic .photoflow-card__stats {
        color: #adb5bd;
    }
}

.photoflow-dark .photoflow-card--classic,
[data-theme="dark"] .photoflow-card--classic {
    background: #2d3238;
}

.photoflow-dark .photoflow-card--classic .photoflow-card__caption,
[data-theme="dark"] .photoflow-card--classic .photoflow-card__caption {
    background: #2d3238;
}

.photoflow-dark .photoflow-card--classic .photoflow-card__title,
[data-theme="dark"] .photoflow-card--classic .photoflow-card__title {
    color: #f8f9fa;
}

.photoflow-dark .photoflow-card--classic .photoflow-card__description,
.photoflow-dark .photoflow-card--classic .photoflow-card__meta,
.photoflow-dark .photoflow-card--classic .photoflow-card__stats,
[data-theme="dark"] .photoflow-card--classic .photoflow-card__description,
[data-theme="dark"] .photoflow-card--classic .photoflow-card__meta,
[data-theme="dark"] .photoflow-card--classic .photoflow-card__stats {
    color: #adb5bd;
}