/**
 * FO CSS styles
 *
 * @author      Difadi.com  <soporte@difadi.com>
 * @copyright   2026 Difadi.com
 * @license     Commercial
 */

#block-contact-info .block-contact-item {
    padding: 20px 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

#block-contact-info .block-contact-item:not(:last-of-type) {
    border-bottom: 1px solid grey;
}

#block-contact-info .block-contact-item .block-contact-icon svg {
    width: 25px;
    height: 25px;
}

#block-contact-info .block-contact-item .block-contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 80px);
}

#block-contact-info .block-contact-item .block-contact-content .block-contact-item-label {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

#block-contact-info .block-contact-item-address .block-contact-content a,
#block-contact-info .block-contact-item-address .block-contact-content span:not(.block-contact-item-label),
#block-contact-info .block-contact-item-schedule .block-contact-content a,
#block-contact-info .block-contact-item-schedule .block-contact-content span:not(.block-contact-item-label) {
    white-space: pre-line;
    line-height: 1.4;
}

#block-contact-info .block-contact-item .block-contact-content a {
    word-break: break-word;
}

#block-contact-info .block-contact-item-socials ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}