/**
 * Immersa Social Links Block — Front-end styles
 *
 * @package Immersa_Builder
 */

.immersa-social-block {
    --immersa-social-color: var(--immersa-link, #2563EB);
}

.immersa-social-block__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Layout variants */
.immersa-social-block--horizontal .immersa-social-block__list {
    flex-direction: row;
}

.immersa-social-block--vertical .immersa-social-block__list {
    flex-direction: column;
}

.immersa-social-block--grid .immersa-social-block__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 8px;
}

/* Alignment */
.immersa-social-block--align-center .immersa-social-block__list { justify-content: center; }
.immersa-social-block--align-right  .immersa-social-block__list { justify-content: flex-end; }
.immersa-social-block--align-left   .immersa-social-block__list { justify-content: flex-start; }

/* Link */
.immersa-social-block__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--immersa-social-color);
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.immersa-social-block__link:hover,
.immersa-social-block__link:focus-visible {
    opacity: 0.75;
    transform: translateY(-2px);
}

/* Sizes */
.immersa-social-block--small  .immersa-social-block__icon { width: 20px; height: 20px; }
.immersa-social-block--medium .immersa-social-block__icon { width: 24px; height: 24px; }
.immersa-social-block--large  .immersa-social-block__icon { width: 32px; height: 32px; }

/* Label */
.immersa-social-block__label {
    font-size: 0.875em;
    font-weight: 500;
}

/* Screen reader text */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}