/* Shared social actions for product, article, and static-page share dialogs. */
#shareProductModal #btnCopyLink,
#sharePostModal #btnCopyLink,
#sharePageModal #btnCopyLink {
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    border:1px solid color-mix(in srgb, var(--colorMain, CanvasText) 30%, Canvas);
    border-radius:11px; color:var(--colorMain, CanvasText);
    background:color-mix(in srgb, var(--colorMain, CanvasText) 6%, Canvas);
    font-weight:600; transition:background .18s ease, color .18s ease, border-color .18s ease;
}
#shareProductModal #btnCopyLink:hover,
#sharePostModal #btnCopyLink:hover,
#sharePageModal #btnCopyLink:hover { color:var(--colorMainContrast, #fff); background:var(--colorMain, #720b7c); }
#shareProductModal #btnCopyLink.is-copied,
#sharePostModal #btnCopyLink.is-copied,
#sharePageModal #btnCopyLink.is-copied { color:#167347; border-color:#bfe7d2; background:#effaf4; }

#shareProductModal .btn-bale, #sharePostModal .btn-bale, #sharePageModal .btn-bale,
#shareProductModal .btn-eitaa, #sharePostModal .btn-eitaa, #sharePageModal .btn-eitaa,
#shareProductModal .btn-rubika, #sharePostModal .btn-rubika, #sharePageModal .btn-rubika {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    border:1px solid transparent; color:#fff; text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease;
}
#shareProductModal .btn-bale, #sharePostModal .btn-bale, #sharePageModal .btn-bale { background:#00a94f; }
#shareProductModal .btn-bale:hover, #sharePostModal .btn-bale:hover, #sharePageModal .btn-bale:hover { color:#fff; background:#008f42; }
#shareProductModal .btn-bale .share-brand-icon, #sharePostModal .btn-bale .share-brand-icon, #sharePageModal .btn-bale .share-brand-icon { filter:brightness(0) invert(1); }
#shareProductModal .btn-eitaa, #sharePostModal .btn-eitaa, #sharePageModal .btn-eitaa { background:#e37600; }
#shareProductModal .btn-rubika, #sharePostModal .btn-rubika, #sharePageModal .btn-rubika { background:linear-gradient(110deg, #7d39bd, #e54487); }
#shareProductModal .btn-bale:hover, #sharePostModal .btn-bale:hover, #sharePageModal .btn-bale:hover,
#shareProductModal .btn-eitaa:hover, #sharePostModal .btn-eitaa:hover, #sharePageModal .btn-eitaa:hover,
#shareProductModal .btn-rubika:hover, #sharePostModal .btn-rubika:hover, #sharePageModal .btn-rubika:hover {
    transform:translateY(-2px); box-shadow:0 8px 18px rgb(49 19 59 / 16%);
}
.share-brand-icon { display:block; flex:0 0 26px; width:26px; height:26px; object-fit:contain; }

@media (max-width:575.98px) {
    #shareProductModal .modal-dialog, #sharePostModal .modal-dialog, #sharePageModal .modal-dialog { margin:10px; }
    #shareProductModal .modal-body, #sharePostModal .modal-body, #sharePageModal .modal-body { padding:16px; }
    #shareProductModal .modal-body > .row, #sharePostModal .modal-body > .row, #sharePageModal .modal-body > .row { margin-inline:-5px; }
    #shareProductModal .modal-body > .row > [class*="col-"], #sharePostModal .modal-body > .row > [class*="col-"], #sharePageModal .modal-body > .row > [class*="col-"] { padding-inline:5px; }
}
@media (prefers-reduced-motion:reduce) {
    #shareProductModal .btn-bale, #sharePostModal .btn-bale, #sharePageModal .btn-bale,
    #shareProductModal .btn-eitaa, #sharePostModal .btn-eitaa, #sharePageModal .btn-eitaa,
    #shareProductModal .btn-rubika, #sharePostModal .btn-rubika, #sharePageModal .btn-rubika { transition:none; }
}