/**
 * Molecule: Project Card
 *
 * Figma nodes: 102:2319 (default), 99:1477 (poster)
 *
 * En çok kullanılan kart bileşeni (9 sayfa).
 * Tüm kart tıklanabilir (<a> wrapper).
 *
 * Varyantlar:
 *   default  → 304/415 image, Bold 22px title, optional subtitle
 *   poster   → 318/419 image, Regular 18px title, no subtitle
 *
 * Responsive: Organism seviyesinde yönetilir.
 *
 * @package Saha
 */

/* ----------------------------------------
   Container — Default
   ---------------------------------------- */

.saha-project-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.saha-project-card:hover {
    text-decoration: none;
    color: inherit;
}

/* ----------------------------------------
   Container — Poster
   ---------------------------------------- */

.saha-project-card--poster {
}

/* ----------------------------------------
   Image Wrap — Default
   ---------------------------------------- */

.saha-project-card__image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 304 / 415;
    overflow: hidden;
    background-color: #f0f0f0;
}

/* Image Wrap — Poster */

.saha-project-card--poster .saha-project-card__image-wrap {
    aspect-ratio: 843 / 1150;
}

/* Image */

.saha-project-card__image-wrap .saha-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ----------------------------------------
   Content — Default
   ---------------------------------------- */

.saha-project-card__content {
    display: flex;
    flex-direction: column;
    padding: 15px 20px 0 0;
}

/* Content — Poster */

.saha-project-card--poster .saha-project-card__content {
    padding: 15px 20px 0 0;
}

/* ----------------------------------------
   Date (her iki varyant — aynı stil)
   ---------------------------------------- */

.saha-project-card__date {
    font-family: var(--saha-font-primary);
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--saha-color-text-primary);
    opacity: 0.5;
    display: inline;

}

/* ----------------------------------------
   Title — Default (Bold 22px)
   ---------------------------------------- */

.saha-project-card__title {
    font-family: var(--saha-font-primary);
    font-weight: 500;
    font-size: 22px;
    font-style: normal;
    line-height: 24.2px;
    letter-spacing: 0;
    color: var(--saha-color-text-primary);
    margin: 8px 0 5px;

}

/* Title — Poster */

.saha-project-card--poster .saha-project-card__title {
    margin: 0;
}

/* ----------------------------------------
   Subtitle (sadece default varyantı)
   ---------------------------------------- */

.saha-project-card__subtitle {
    font-family: var(--saha-font-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--saha-color-text-primary);
    margin: 0 0 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}