/* -----------------------------------------------
   Clinic Address Block
   ----------------------------------------------- */

/* ── Body: info + hours side-by-side ── */
.clinic-addr__body {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    color: var(--color-black);
}

.clinic-addr__info {
    flex: 1 1 14rem;
}

.clinic-addr__name {
    margin: 0 0 0.5em;
    color: var(--color-black);
}

.clinic-addr__address {
    font-style: normal;
    line-height: 1.65;
    margin: 0 0 0.6em;
    font-size: 0.9em;
    color: var(--color-black);
}

.clinic-addr__phone,
.clinic-addr__email {
    color: var(--color-black);
}

.clinic-addr__phone a,
.clinic-addr__email a {
    color: var(--color-black);
    font-weight: 600;
    text-decoration: none;
}

.clinic-addr__phone a:hover,
.clinic-addr__email a:hover {
    text-decoration: underline;
}

.clinic-addr__phone { margin: 0 0 0.3em; }
.clinic-addr__email { margin: 0; font-size: 0.9em; }

/* ── Hours definition list ── */
.clinic-addr__hours {
    flex: 1 1 14rem;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 1em;
    row-gap: 0.2em;
    align-content: start;
    font-size: 0.88em;
    line-height: 1.55;
    color: var(--color-black);
}

.clinic-addr__hours dt {
    font-weight: 600;
    white-space: nowrap;
}

.clinic-addr__hours dd {
    margin: 0;
}

/* ── Mobile ── */
@media (max-width: 600px) {
    .clinic-addr__body {
        flex-direction: column;
        gap: 1.2em;
    }
}