/* =========================================================
   1. WRAPPER & LAYOUT FIXES
   ========================================================= */
.atlas-linkedinshare {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: block;
    clear: both !important; /* Forces button to drop below badge image */
    width: 100%;            /* Ensures it takes full available width */
    text-align: center;     /* Centers the button */
}

/* Fix for the Badge Container to prevent collapsing */
.block_badges .badge,
.badges .badge {
    height: auto !important;        /* Let container grow to fit button */
    min-height: 100px;              /* Minimum height */
    display: flex !important;       /* Use Flexbox for alignment */
    flex-direction: column !important; /* Stack Image -> Text -> Button */
    align-items: center !important; /* Center align everything */
    justify-content: flex-start !important;
    margin-bottom: 15px !important; /* Add space between badge rows */
    padding-bottom: 10px !important;
}

/* =========================================================
   2. BUTTON STYLING
   ========================================================= */
.atlas-linkedin-share-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem; /* Slightly reduced gap */
    
    /* PREVENT WRAPPING */
    white-space: nowrap !important;
    
    /* DEFAULT SIZE (For main pages) */
    padding: 0.4rem 1rem !important;
    border-radius: 50px !important;
    border: none !important;
    
    /* TYPOGRAPHY */
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    
    /* COLOR (Safe Fallback included) */
    background-color: var(--primary, #971017) !important; 
    color: #ffffff !important;
    
    /* VISUALS */
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* =========================================================
   3. RESPONSIVE / SIDEBAR FIX (Makes button smaller in blocks)
   ========================================================= */
/* When inside a block or sidebar, shrink the button to fit */
.block .atlas-linkedin-share-btn,
.card-body .atlas-linkedin-share-btn {
    padding: 0.25rem 0.75rem !important; /* Compact padding */
    font-size: 0.75rem !important;       /* Smaller font */
    width: auto !important;              /* Let it fit content */
    max-width: 100%;                     /* Prevent overflow */
}

/* =========================================================
   4. HOVER EFFECTS
   ========================================================= */
.atlas-linkedin-share-btn:hover, 
.atlas-linkedin-share-btn:focus {
    /* Hover Color (Safe Fallback included) */
    background-color: var(--secondary, #333333) !important;
    
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-decoration: none !important;
}

/* Icon tweaks */
.atlas-linkedinshare-icon {
    font-size: 1.1em;
    line-height: 1;
    display: flex;
}