/* Oplink plan share icons. Card-scoped; leaves hero, pricing and checkout CSS intact. */
.op-vps-card[id^="plan-"], .op-ds-card[id^="plan-"], .op-colo-card[id^="plan-"],
.wh-plan[id^="plan-"], .network-transit-plan[id^="plan-"] { scroll-margin-top: 7.25rem; }
.op-plan-share-titlebar { display:flex; justify-content:space-between; align-items:center; gap:.65rem; margin-bottom:.3rem; min-height:2rem; }
.op-plan-share-titlebar > .op-vps-plan-kicker,
.op-plan-share-titlebar > .op-ds-plan-kicker,
.op-plan-share-titlebar > .op-colo-plan-kicker,
.op-plan-share-titlebar > .wh-plan-eyebrow,
.op-plan-share-titlebar > .network-transit-plan__eyebrow { min-width:0; margin-bottom:0; }
.op-plan-share-btn {
 flex:0 0 2.15rem; display:grid; place-items:center; width:2.15rem; height:2.15rem;
 border:1px solid #c7d9ed; border-radius:.58rem; background:#eef5fd;
 color:#1766a5; cursor:pointer; padding:0; touch-action:manipulation;
 transition:background-color .16s ease, border-color .16s ease, color .16s ease;
}
.op-plan-share-btn svg { width:1rem; height:1rem; pointer-events:none; }
.op-plan-share-btn:hover { background:#d5eaff; border-color:#57a7e2; color:#06467c; }
.op-plan-share-btn:focus-visible { outline:2px solid #168de0; outline-offset:3px; }
.op-plan-share-btn.is-shared { color:#087d64; background:#d9faf0; border-color:#54c5a3; }
/* Transit cards can have a dark background; keep icon legible there. */
.network-transit-plan .op-plan-share-btn { background:#eaf5ff; color:#12609c; }
@media (prefers-reduced-motion:reduce) { .op-plan-share-btn { transition:none; } }