/* ================================================================
   FlyMag Share Widget — per-network composed sharing
   ================================================================ */

.flymag-share-widget {
    background: #fff;
    border: 1px solid #e6e9ec;
    border-radius: 12px;
    padding: 26px 28px;
    margin: 40px 0 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.fsw-head { margin-bottom: 20px; }
.fsw-title {
    color: #0a3d62;
    margin: 0 0 4px;
    font-size: 1.2rem;
    font-weight: 700;
}
.fsw-sub {
    color: #6b7785;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.fsw-networks { display: flex; flex-direction: column; gap: 14px; }

.fsw-net {
    background: #f7f9fc;
    border: 1px solid #e6ecf1;
    border-radius: 10px;
    padding: 14px 16px;
    transition: border-color 0.15s;
}
.fsw-net:hover { border-color: #c8d2dc; }
.fsw-net-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.fsw-net-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    font-size: 1rem;
}
.fsw-net-linkedin .fsw-net-icon { background: #0a66c2; }
.fsw-net-facebook .fsw-net-icon { background: #1877f2; }
.fsw-net-reddit   .fsw-net-icon { background: #ff4500; }
.fsw-net-name { font-weight: 700; color: #2c3e50; font-size: 1rem; }
.fsw-net-badge {
    margin-left: auto;
    background: #fff;
    color: #6b7785;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid #dde6ee;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.fsw-net-text {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #dde6ee;
    border-radius: 8px;
    background: #fff;
    color: #2c3e50;
    font-size: 0.9rem;
    line-height: 1.5;
    resize: vertical;
    font-family: inherit;
    margin-bottom: 10px;
}
.fsw-net-text:focus { outline: none; border-color: #0a3d62; box-shadow: 0 0 0 3px rgba(10,61,98,0.1); }

.fsw-net-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.fsw-copy,
.fsw-share-btn,
.fsw-simple-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, transform 0.05s;
    border: 1px solid transparent;
    font-family: inherit;
}
.fsw-copy {
    background: #fff;
    color: #0a3d62;
    border-color: #c8d2dc;
}
.fsw-copy:hover { background: #f0f4f8; border-color: #0a3d62; }
.fsw-copy.is-copied { background: #d1fae5; color: #065f46; border-color: #a7f3d0; }
.fsw-copy:active { transform: scale(0.98); }

.fsw-share-btn { color: #fff; }
.fsw-net-linkedin .fsw-share-btn { background: #0a66c2; }
.fsw-net-linkedin .fsw-share-btn:hover { background: #084d92; color: #fff; }
.fsw-net-facebook .fsw-share-btn { background: #1877f2; }
.fsw-net-facebook .fsw-share-btn:hover { background: #145dbf; color: #fff; }
.fsw-net-reddit   .fsw-share-btn { background: #ff4500; }
.fsw-net-reddit   .fsw-share-btn:hover { background: #d43900; color: #fff; }

.fsw-simple {
    display: flex;
    gap: 10px;
    margin-top: 6px;
    padding-top: 14px;
    border-top: 1px dashed #dde6ee;
    flex-wrap: wrap;
}
.fsw-simple-btn {
    background: #fff;
    color: #4a5568;
    border-color: #c8d2dc;
}
.fsw-simple-btn:hover { background: #f0f4f8; border-color: #4a5568; color: #4a5568; }

/* Mobile */
@media (max-width: 560px) {
    .flymag-share-widget { padding: 20px; margin: 30px 0 20px; }
    .fsw-net-badge { display: none; }
    .fsw-share-btn, .fsw-copy, .fsw-simple-btn { flex: 1; justify-content: center; }
}