/*
 * ************************************************************
 * ************************************************************
 * ** Copyright (c) flavio.ferrara.it
 * ** All rights reserved.
 * **
 * ** Strict Proprietary Notice:
 * ** This website data, source code, and associated
 * ** assets are the exclusive property of flavio.ferrara.it.
 * ** Unauthorized copying, modification,
 * ** or distribution via any medium is strictly prohibited.
 * ************************************************************
 * ************************************************************
 */

/* ==========================
   SECTION / PROJECTS
========================== */

/* Adjustments case study details layout */
.case-study-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    opacity: 0;
}

.case-study-details.open {
    max-height: 3000px;
    opacity: 1;
    transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease-in;
}

.verbose-content {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
    color: var(--charcoal);
    text-align: left;
}

.verbose-content h5 {
    color: var(--navy);
    font-size: 1.15rem;
    font-family: 'Cormorant Garamond', serif;
    margin-top: 24px;
    margin-bottom: 12px;
    text-align: left;
}

.verbose-content p {
    margin-bottom: 16px;
    color: var(--slate);
    text-align: left;
}

.verbose-content ul {
    margin-bottom: 20px;
    padding-left: 24px;
    list-style-type: disc;
    text-align: left;
}

.verbose-content li {
    margin-bottom: 8px;
    color: var(--slate);
    text-align: left;
    display: list-item;
}

/* Adjustments for full-width card expansion layout (projects index page) */
.project-card:has(.case-study-details.open) {
    grid-column: 1 / -1;
    background: var(--off-white);
    border-color: var(--accent);
}

/* Individual project / case study page (project-N.php) */
.case-study-page{
    max-width:850px;
    margin:0 auto;
}

.case-study-page h4{
    color:var(--navy);
    font-family:'Cormorant Garamond',serif;
    font-size:1.4rem;
    margin-bottom:20px;
}

.case-study-page .verbose-content{
    border-top:none;
    padding-top:0;
    margin-top:0;
}

.case-study-back-link{
    display:inline-block;
    margin-bottom:32px;
    color:var(--accent);
    font-weight:600;
}