/**
 * La Cura social icon template styles.
 * Size tokens are defined in partials/lc-social-icon-vars.blade.php from config/social-icons.php.
 */

/* Public composed icon (x-social-icon) */
.lc-social-icon {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: var(--lc-social-icon-canvas-width, 43px);
    height: var(--lc-social-icon-canvas-height, 44px);
}

.lc-social-icon__shape {
    display: block;
    width: 100%;
    height: 100%;
}

.lc-social-icon__glyph {
    position: absolute;
    inset: var(--lc-social-icon-canvas-inset, 22%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--lc-social-icon-glyph-size, 0.85rem);
    line-height: 1;
}

.lc-social-icon__glyph i {
    font-size: inherit;
    line-height: inherit;
}

.lc-social-icon__glyph--admin {
    font-size: var(--lc-social-icon-glyph-size-admin, 1.25rem);
}

.lc-social-icon__logo {
    position: absolute;
    inset: var(--lc-social-icon-canvas-inset, 22%);
    object-fit: contain;
}

/* Filament admin pickers */
.lc-social-icon-fa-option__glyph {
    font-size: var(--lc-social-icon-glyph-size-admin, 1.25rem);
}

.lc-social-icon-fa-option__glyph i {
    font-size: inherit;
    line-height: 1;
}

.lc-social-shape-option__preview {
    width: var(--lc-social-icon-canvas-width, 43px);
    height: var(--lc-social-icon-canvas-height, 44px);
}

.lc-social-shape-option__preview svg {
    width: var(--lc-social-icon-canvas-width, 43px);
    height: var(--lc-social-icon-canvas-height, 44px);
}