/**
 * Molecule: Person Bio Card
 *
 * Figma:
 *   Container: flex column, 30px gap
 *   Image: aspect 433/649 (~2:3), cover, always rendered (placeholder if empty)
 *   Name: Bold 22px/30px, case 1
 *   Bio: Regular 18px/27px, case 1, multi-paragraph
 *   Content gap (name → bio): 27px
 *
 * Responsive: Organism seviyesinde yönetilir.
 *
 * @package Saha
 */

/* ----------------------------------------
   Container
   ---------------------------------------- */

.saha-person-bio-card {
    display: flex;
    flex-direction: column;
    gap: var(--saha-stack-sm);
}

/* ----------------------------------------
   Image (her zaman render edilir)
   ---------------------------------------- */

.saha-person-bio-card__image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 433 / 649;
    overflow: hidden;
    background-color: var(--saha-color-bg-secondary);
}

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

/* ----------------------------------------
   Content (name + bio)
   ---------------------------------------- */

.saha-person-bio-card__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ----------------------------------------
   Name
   ---------------------------------------- */

.saha-person-bio-card__name {
    font-family: var(--saha-font-primary);
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 0;
    color: var(--saha-color-text-primary);

    margin: 0;
}

/* ----------------------------------------
   Bio
   ---------------------------------------- */

.saha-person-bio-card__bio {
    font-family: var(--saha-font-primary);
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0;
    color: var(--saha-color-text-primary);

}

.saha-person-bio-card__bio p {
    margin: 0 0 10px;
}

.saha-person-bio-card__bio p:last-child {
    margin-bottom: 0;
}