/*
 * ************************************************************
 * ************************************************************
 * ** 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 / CONTACT
========================== */

.contact {
    background: var(--off-white);
}

.contact-grid {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 40px;
    align-items: stretch;
}

.contact-card,
.calendar-container {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 36px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.contact-card h3,
.calendar-cta h3 {
    color: var(--navy);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
}

.contact-card p,
.calendar-cta p {
    color: var(--charcoal);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 24px;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.contact-list li {
    margin-bottom: 12px;
    color: var(--charcoal);
}

.contact-list li span {
    color: var(--slate);
    font-weight: 600;
    display: inline-block;
    width: 90px;
}

.linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--navy);
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
}

.linkedin-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--navy);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.calendar-container iframe {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 8px;
}

@media (max-width: 900px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
}