/* ── About page ── */

/* Hero with BMW photo background */
.admin-hero--photo {
    background-image: url('/images/Porsche1.png?v=ee576914af');
    background-size: cover;
    background-position: center;
    min-height: 55vh;
    align-items: center;
    justify-content: center;
}
/* Dark overlay on hero text box when used over a photo */
.admin-hero-content--dark {
    background: rgba(0,0,0,0.72);
    border-radius: 10px;
    padding: 24px 32px;
}

/* About page body text */
.about-body-text {
    color: #374151;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
}

/* Explore section link cards */
.about-link-card {
    justify-content: space-between;
}

.about-card-desc {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 8px 0 16px;
}

.about-card-btn {
    text-align: center;
}

/* On phones the shared dashboard hero clips its title to one line (adminDashboard.css,
   max-width 640px). The About hero is the page heading, so it wraps instead of
   showing "About American Auto Lis…". */
@media (max-width: 640px) {
    .admin-hero--photo .admin-hero-content h1,
    .admin-hero--photo .admin-hero-content p {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}