/**
 * `[siggi_shop_contacts]` — the four contact lines on a page.
 *
 * The footer's own copy of these lines is in site-footer.css and is styled for
 * a black background; this is the same four rows on a white page, at the body
 * text's own size. Both read the same four values — see
 * framework/shop-contacts.php — and neither knows about the other.
 *
 * Logical properties throughout: the Hebrew site is RTL and the icon has to
 * lead the line in whichever direction the line runs.
 */
.siggi-contacts {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

.siggi-contacts-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 26px;
}

.siggi-contacts-item > i {
    flex: 0 0 auto;
    width: 22px;
    margin-inline-end: 10px;
    color: #c99947;
    font-size: 16px;
    text-align: center;
}

.siggi-contacts-item > a {
    color: #333;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.siggi-contacts-item > a:hover,
.siggi-contacts-item > a:focus {
    color: #c99947;
}