/**
 * Social Share Widget Styles
 * CSS styles for the Social Share Widget component
 *
 * @package Bonusovekody
 * @since 2.0.0
 */

/* ============================================
 * SOCIAL SHARE CONTAINER
 * ============================================ */

.socialShare {
    display: flex;
}

.socialShare__wrapper {
    display: inline-flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

/* ============================================
 * SOCIAL SHARE ITEMS
 * ============================================ */

.socialShare .socialShare__item {
    display: inline-flex;
    padding: var(--space-4);
    border: 1px solid #E9EBF8;
    border-radius: var(--radius-sm);
    transition: all var(--transition-base) var(--ease-out);
}

.socialShare .socialShare__item img {
    width: var(--space-6);
    height: var(--space-6);
}

/* ============================================
 * HOVER EFFECTS
 * ============================================ */

.socialShare .socialShare__wrapper .socialShare__item:hover  {
    background: #EAF2FD;
    border: 1px solid #EAF2FD;
}

/* ============================================
 * WIDGET SPECIFIC STYLES
 * ============================================ */

.post-sidebar .socialShare {
    justify-content: center;
}