/**
 * Molecule: Contact Card
 *
 * Figma (172:12403):
 *   Logo: centered, 150px wide
 *   Name: Bold 16px/24px, left
 *   Address/Phone/Email: Regular 16px/24px, tracking -0.2px
 *   Email: arrow icon 14×8, gap 3px
 *   Gaps: logo→name 68px, name→address 26px, addr→phone 38px, phone→email 38px
 *
 * @package Saha
 */

.saha-contact-card {
    display: flex;
    flex-direction: column;
    color: var(--saha-color-text-primary);
}

/* Logo */
.saha-contact-card__logo {
    display: flex;
    justify-content: center;
    margin-bottom: 68px;
}

.saha-contact-card__logo .saha-image {
    width: 150px;
    height: auto;
}

.saha-contact-card__logo .saha-image__img {
    object-fit: contain;
}

.saha-contact-card__placeholder {
    width: 150px;
    height: 150px;
    background-color: var(--saha-color-bg-secondary);
}

/* Body (address block) */
.saha-contact-card__body {
    display: flex;
    flex-direction: column;
    font-style: normal;
}

/* Name */
.saha-contact-card__name {
    font-family: var(--saha-font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 26px;
}

/* Address */
.saha-contact-card__address {
    font-family: var(--saha-font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    margin-bottom: 14px;
}

/* Phone */
.saha-contact-card__phone {
    font-family: var(--saha-font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--saha-color-text-primary);
    text-decoration: none;
    margin-bottom: 14px;
}

.saha-contact-card__phone:hover {
    opacity: 0.7;
}

/* Email */
.saha-contact-card__email {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: var(--saha-font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--saha-color-text-primary);
    text-decoration: none;
}

.saha-contact-card__email:hover {
    opacity: 0.7;
}

/* Mail arrow icon size override */
.saha-contact-card__email .saha-icon {
    width: 14px;
    height: 8px;
    flex-shrink: 0;
}