/* Optional public social links. Rendered only for configured URLs. */

.site-footer__top--without-contact {
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .7fr);
}

.site-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.site-social-link {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .055);
    color: #dbe7ef;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.site-social-link:hover,
.site-social-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(139, 210, 141, .58);
    background: rgba(139, 210, 141, .12);
    color: #8bd28d;
}

.site-social-link svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-social-link__fill {
    fill: currentColor;
    stroke: none;
}

.site-social-link--youtube:hover,
.site-social-link--youtube:focus-visible {
    border-color: rgba(255, 70, 70, .65);
    background: rgba(255, 70, 70, .12);
    color: #ff6b6b;
}

.site-social-link--linkedin:hover,
.site-social-link--linkedin:focus-visible {
    border-color: rgba(82, 159, 255, .65);
    background: rgba(82, 159, 255, .12);
    color: #70adff;
}

.site-social-link--instagram:hover,
.site-social-link--instagram:focus-visible {
    border-color: rgba(230, 102, 180, .65);
    background: rgba(230, 102, 180, .12);
    color: #ef83c4;
}

@media (max-width: 1050px) {
    .site-footer__top--without-contact {
        grid-template-columns: 1fr;
    }

    .site-footer__top--without-contact .site-footer__brand-block {
        grid-column: auto;
    }
}


.stored-icon {
    width: 1.2em;
    height: 1.2em;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.stored-icon--fill {
    fill: currentColor;
    stroke: none;
}

.stored-icon__fill {
    fill: currentColor;
    stroke: none;
}

.public-contact-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.public-contact-item__icon {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--green) 10%, transparent);
    color: var(--green-dark);
}

.public-contact-item__copy {
    min-width: 0;
}

.site-social-link .stored-icon {
    width: 19px;
    height: 19px;
}